@trafilea/afrodita-components 5.0.0-beta.260 → 5.0.0-beta.262
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/build/index.d.ts +12 -0
- package/build/index.esm.js +73 -54
- package/build/index.esm.js.map +1 -1
- package/build/index.js +73 -54
- package/build/index.js.map +1 -1
- package/package.json +1 -1
package/build/index.js
CHANGED
|
@@ -516,6 +516,21 @@ var ExpressShipping = function (_a) {
|
|
|
516
516
|
return (jsxRuntime.jsxs(IconWrapper$2, __assign$1({ width: width, height: height, viewBoxX: 64, viewBoxY: 64, title: "fit guarantee", testId: testId }, { children: [jsxRuntime.jsxs("g", __assign$1({ clipPath: "url(#clip0_26_485)" }, { children: [jsxRuntime.jsx("rect", { width: "64", height: "64", rx: "32", fill: "#F5BAB0" }, void 0), jsxRuntime.jsx("path", { d: "M0 30L18 43L41.5 32L69.5 35L85 30V72H0V30Z", fill: "#FE9D8C" }, void 0), jsxRuntime.jsx("g", __assign$1({ clipPath: "url(#clip1_26_485)" }, { children: jsxRuntime.jsx("path", { d: "M13.553 20.6118V22.9647H35.9059V40.6118H28.6636C28.1389 38.5894 26.32 37.0824 24.1412 37.0824C21.9624 37.0824 20.1436 38.5894 19.6189 40.6118H18.2589V34.7294H15.9059V42.9647H19.6189C20.1436 44.9871 21.9624 46.4941 24.1412 46.4941C26.32 46.4941 28.1389 44.9871 28.6636 42.9647H38.4424C38.9671 44.9871 40.7859 46.4941 42.9647 46.4941C45.1436 46.4941 46.9624 44.9871 47.4871 42.9647H51.2V33.3694L51.1259 33.1847L48.773 26.1259L48.5177 25.3176H38.2589V20.6118H13.553ZM14.7294 25.3176V27.6706H25.3177V25.3176H14.7294ZM38.2589 27.6706H46.8247L48.8471 33.7V40.6118H47.4871C46.9624 38.5894 45.1436 37.0824 42.9647 37.0824C40.7859 37.0824 38.9671 38.5894 38.4424 40.6118H38.2589V27.6706ZM15.9059 30.0235V32.3765H22.9647V30.0235H15.9059ZM24.1412 39.4353C25.4553 39.4353 26.4942 40.4741 26.4942 41.7882C26.4942 43.1024 25.4553 44.1412 24.1412 44.1412C22.8271 44.1412 21.7883 43.1024 21.7883 41.7882C21.7883 40.4741 22.8271 39.4353 24.1412 39.4353ZM42.9647 39.4353C44.2789 39.4353 45.3177 40.4741 45.3177 41.7882C45.3177 43.1024 44.2789 44.1412 42.9647 44.1412C41.6506 44.1412 40.6118 43.1024 40.6118 41.7882C40.6118 40.4741 41.6506 39.4353 42.9647 39.4353Z", fill: fill }, void 0) }), void 0)] }), void 0), jsxRuntime.jsxs("defs", { children: [jsxRuntime.jsx("clipPath", __assign$1({ id: "clip0_26_485" }, { children: jsxRuntime.jsx("rect", { width: "64", height: "64", rx: "32", fill: "white" }, void 0) }), void 0), jsxRuntime.jsx("clipPath", __assign$1({ id: "clip1_26_485" }, { children: jsxRuntime.jsx("rect", { width: "37.6471", height: "37.6471", fill: "white", transform: "translate(13.553 13.5529)" }, void 0) }), void 0)] }, void 0)] }), void 0));
|
|
517
517
|
};
|
|
518
518
|
|
|
519
|
+
var ShapermintClubLabel = function (_a) {
|
|
520
|
+
var height = _a.height, width = _a.width;
|
|
521
|
+
return (jsxRuntime.jsxs(IconWrapper$2, __assign$1({ width: width, height: height, viewBoxX: 695, viewBoxY: 60, title: "ShapermintClubLabel", fill: "none" }, { children: [jsxRuntime.jsx("rect", { width: "740", height: "60", transform: "translate(-22.4999)", fill: "#FDF1EF" }, void 0), jsxRuntime.jsxs("g", __assign$1({ clipPath: "url(#clip0_246_8254)" }, { children: [jsxRuntime.jsx("path", { d: "M371.063 20.776C372.644 20.776 373.925 19.483 373.925 17.888C373.925 16.293 372.644 15 371.063 15C369.483 15 368.202 16.293 368.202 17.888C368.202 19.483 369.483 20.776 371.063 20.776Z", fill: "#292929" }, void 0), jsxRuntime.jsx("path", { d: "M290.942 38.8704H287L287.029 36.837C286.708 37.7505 284.547 39.3419 281.978 39.3419C277.685 39.3419 274.211 35.5108 274.211 30.7957C274.211 26.0511 277.656 22.1611 282.591 22.1611C287.496 22.1611 290.912 26.0511 290.912 30.7957V38.8704H290.942ZM282.591 26.0806C280.284 26.0806 278.386 28.114 278.386 30.8252C278.386 33.448 280.284 35.4224 282.591 35.4224C284.897 35.4224 286.766 33.389 286.766 30.8252C286.766 28.2319 284.897 26.0806 282.591 26.0806Z", fill: "#292929" }, void 0), jsxRuntime.jsx("path", { d: "M365.924 38.8704H361.749V29.2044C361.749 28.2613 361.428 25.9922 358.508 26.0806C356.844 26.1395 355.53 27.5541 355.53 29.2338V38.8704H351.383V29.2044C351.383 28.2908 351.091 26.0806 348.347 26.0806C346.478 26.0806 345.193 27.3478 345.193 29.2044V38.8704H341.018V29.4991C341.018 25.3144 343.879 22.1611 348.347 22.1611C350.566 22.1611 352.347 23.0452 353.515 24.4892C354.741 23.0452 356.581 22.1611 358.683 22.1611C363.238 22.1611 365.924 25.1965 365.924 29.4991V38.8704Z", fill: "#292929" }, void 0), jsxRuntime.jsx("path", { d: "M383.473 22.1909C388.028 22.1909 390.714 25.1968 390.714 29.4994V38.8707H386.539V29.411C386.539 28.4679 386.218 26.1104 383.298 26.1104C381.633 26.1104 380.319 27.7901 380.319 29.4699V38.9001H376.144V29.4994C376.173 25.3147 379.064 22.1909 383.473 22.1909Z", fill: "#292929" }, void 0), jsxRuntime.jsx("path", { d: "M297.862 45V37.2495C298.65 38.1042 300.344 39.3419 302.679 39.3419C306.972 39.3419 310.388 35.4814 310.388 30.7368C310.388 26.0216 306.942 22.1611 302.066 22.1611C297.132 22.1611 293.686 26.0216 293.686 30.7368V44.9706L297.862 45ZM302.066 35.4224C299.76 35.4224 297.862 33.3596 297.862 30.7368C297.862 28.2024 299.76 26.0806 302.066 26.0806C304.373 26.0806 306.242 28.0845 306.242 30.7368C306.242 33.4185 304.373 35.4224 302.066 35.4224Z", fill: "#292929" }, void 0), jsxRuntime.jsx("path", { d: "M272.079 38.8697H267.904V29.4395C267.904 28.4965 267.612 26.1094 264.896 26.1094C263.027 26.1094 261.743 27.5829 261.743 29.4395V38.8697H257.567V16.2666H261.743V24.135C262.56 22.8678 264.283 22.19 265.685 22.19C269.656 22.19 272.079 25.1075 272.079 29.41V38.8697Z", fill: "#292929" }, void 0), jsxRuntime.jsx("path", { d: "M401.722 39.194C396.496 39.695 393.313 36.807 393.313 32.2981V18.418H397.488V22.6616H401.722V26.581H397.488V32.3571C397.488 34.6557 399.182 35.5103 401.722 35.3924V39.194Z", fill: "#292929" }, void 0), jsxRuntime.jsx("path", { d: "M328.696 32.3281C328.754 31.8566 328.813 31.0609 328.813 30.7368C328.813 25.4028 324.958 22.1611 320.812 22.1611C316.199 22.1611 312.49 26.0511 312.49 30.7957C312.49 35.5403 316.315 39.3124 321.425 39.3124C323.819 39.3124 326.506 38.4578 327.937 36.9548L325.893 33.9195C325.046 34.7152 323.965 35.4224 321.717 35.4224C318.067 35.4224 317.045 33.1533 316.958 32.2987H328.696V32.3281ZM316.87 29.2338C317.104 27.7603 318.388 26.0806 320.666 26.0806C323.294 26.0806 324.52 27.8782 324.666 29.2633L316.87 29.2338Z", fill: "#292929" }, void 0), jsxRuntime.jsx("path", { d: "M373.136 38.8704H371.063H368.99V30.7662V22.6621H371.063H373.136V30.7662V38.8704Z", fill: "#292929" }, void 0), jsxRuntime.jsx("path", { d: "M339.645 26.0808C336.988 25.6093 335.236 27.0239 335.236 29.3519V38.8706H331.061V29.3814C331.061 24.7252 334.243 21.4836 339.645 22.1614V26.0808V26.0808Z", fill: "#292929" }, void 0), jsxRuntime.jsx("path", { d: "M248.195 39.843C252.75 40.0198 255.232 37.2497 255.232 33.4776C255.232 29.7055 251.319 28.5267 249.392 27.8783C247.085 27.0827 245.304 26.6406 245.304 25.3145C245.304 24.2536 246.238 23.5758 247.757 23.5758C249.217 23.5758 251.085 24.2241 252.896 25.344L253.012 25.4324L254.823 22.1318L254.735 22.0434C252.72 20.6878 250.151 19.8921 247.844 19.8921C243.873 19.8921 241.099 22.3381 241.099 25.8155C241.099 29.7939 245.07 31.0021 246.997 31.4736C249.333 32.0335 251.027 32.5935 251.027 34.0375C251.027 35.2163 249.947 36.2182 248.195 35.953C245.45 35.5699 240.603 32.4167 237.07 32.4167C234.004 32.4167 231.756 33.7723 230.5 36.3066L233.916 38.0748C234.325 37.1907 235.026 36.3066 236.632 36.3066C240.282 36.3066 243.815 39.6956 248.195 39.843Z", fill: "#292929" }, void 0), jsxRuntime.jsx("path", { d: "M413.811 39.2531C408.964 39.2531 405.489 35.481 405.489 30.7659C405.489 26.0508 408.964 22.2197 413.811 22.2197C417.694 22.2197 420.614 24.4299 421.549 28.0842H417.14C416.585 26.9938 415.3 26.0213 413.782 26.0213C411.504 26.0213 409.665 28.1726 409.665 30.7954C409.665 33.3592 411.504 35.4516 413.782 35.4516C415.3 35.4516 416.614 34.5085 417.169 33.3592H421.578C420.643 37.1018 417.724 39.2531 413.811 39.2531Z", fill: "#882A2B" }, void 0), jsxRuntime.jsx("path", { d: "M437.988 39.2531C433.491 39.2531 430.834 36.2473 430.834 32.0036V22.6323H434.951V32.1215C434.951 33.0351 435.272 35.2158 437.988 35.2158C439.798 35.2158 441.112 33.9192 441.112 32.1215V22.6323H445.229V32.0036C445.258 36.1294 442.367 39.2531 437.988 39.2531Z", fill: "#882A2B" }, void 0), jsxRuntime.jsx("path", { d: "M456.237 39.2524C451.361 39.2524 447.944 35.4803 447.944 30.7651V16.2661H452.12V24.1934C453.346 22.8968 454.923 22.3074 456.821 22.3074C461.084 22.3074 464.5 26.1384 464.5 30.7946C464.5 35.4803 461.084 39.2524 456.237 39.2524ZM456.237 26.1384C453.959 26.1384 452.12 28.2308 452.12 30.7946C452.12 33.329 453.959 35.3624 456.237 35.3624C458.514 35.3624 460.354 33.3879 460.354 30.7946C460.354 28.1423 458.514 26.1384 456.237 26.1384Z", fill: "#882A2B" }, void 0), jsxRuntime.jsx("path", { d: "M427.534 38.8692H425.461H423.388V30.7651V16.2661H425.461H427.534V30.7651V38.8692Z", fill: "#882A2B" }, void 0)] }), void 0), jsxRuntime.jsx("defs", { children: jsxRuntime.jsx("clipPath", __assign$1({ id: "clip0_246_8254" }, { children: jsxRuntime.jsx("rect", { width: "234", height: "30", fill: "white", transform: "translate(230.5 15)" }, void 0) }), void 0) }, void 0)] }), void 0));
|
|
522
|
+
};
|
|
523
|
+
|
|
524
|
+
var ShapermintClubMobileLabel = function (_a) {
|
|
525
|
+
var height = _a.height, width = _a.width;
|
|
526
|
+
return (jsxRuntime.jsxs(IconWrapper$2, __assign$1({ width: width, height: height, viewBoxX: 345, viewBoxY: 26, title: "ShapermintClubMobileLabel", fill: "none" }, { children: [jsxRuntime.jsxs("g", __assign$1({ clipPath: "url(#clip0_246_7947)" }, { children: [jsxRuntime.jsx("path", { d: "M193.143 5.00589C194.528 5.00589 195.65 3.88529 195.65 2.50295C195.65 1.12061 194.528 0 193.143 0C191.759 0 190.636 1.12061 190.636 2.50295C190.636 3.88529 191.759 5.00589 193.143 5.00589Z", fill: "#292929" }, void 0), jsxRuntime.jsx("path", { d: "M122.951 20.6874H119.498L119.523 18.9251C119.242 19.7169 117.349 21.096 115.098 21.096C111.338 21.096 108.293 17.7758 108.293 13.6894C108.293 9.57737 111.312 6.20605 115.635 6.20605C119.932 6.20605 122.925 9.57737 122.925 13.6894V20.6874H122.951ZM115.635 9.60291C113.614 9.60291 111.951 11.3652 111.951 13.7149C111.951 15.988 113.614 17.6992 115.635 17.6992C117.656 17.6992 119.293 15.9369 119.293 13.7149C119.293 11.4673 117.656 9.60291 115.635 9.60291Z", fill: "#292929" }, void 0), jsxRuntime.jsx("path", { d: "M188.641 20.6879H184.983V12.3107C184.983 11.4934 184.702 9.52678 182.144 9.6034C180.686 9.65448 179.534 10.8804 179.534 12.3362V20.6879H175.902V12.3107C175.902 11.5189 175.646 9.6034 173.242 9.6034C171.605 9.6034 170.479 10.7016 170.479 12.3107V20.6879H166.821V12.5661C166.821 8.93935 169.328 6.20654 173.242 6.20654C175.186 6.20654 176.746 6.97275 177.769 8.22423C178.844 6.97275 180.455 6.20654 182.297 6.20654C186.288 6.20654 188.641 8.83719 188.641 12.5661V20.6879Z", fill: "#292929" }, void 0), jsxRuntime.jsx("path", { d: "M204.015 6.23193C208.005 6.23193 210.359 8.83704 210.359 12.5659V20.6877H206.701V12.4893C206.701 11.672 206.419 9.62879 203.861 9.62879C202.403 9.62879 201.252 11.0846 201.252 12.5404V20.7133H197.594V12.5659C197.62 8.9392 200.152 6.23193 204.015 6.23193Z", fill: "#292929" }, void 0), jsxRuntime.jsx("path", { d: "M129.013 26.0003V19.2832C129.704 20.0238 131.188 21.0965 133.234 21.0965C136.994 21.0965 139.987 17.7507 139.987 13.6388C139.987 9.55232 136.969 6.20654 132.697 6.20654C128.374 6.20654 125.355 9.55232 125.355 13.6388V25.9747L129.013 26.0003ZM132.697 17.6997C130.676 17.6997 129.013 15.9118 129.013 13.6388C129.013 11.4423 130.676 9.6034 132.697 9.6034C134.718 9.6034 136.355 11.3401 136.355 13.6388C136.355 15.9629 134.718 17.6997 132.697 17.6997Z", fill: "#292929" }, void 0), jsxRuntime.jsx("path", { d: "M106.426 20.687H102.768V12.5142C102.768 11.6969 102.512 9.62811 100.133 9.62811C98.4962 9.62811 97.3706 10.9051 97.3706 12.5142V20.687H93.7126V1.09766H97.3706V7.91691C98.0869 6.81868 99.5961 6.23125 100.824 6.23125C104.303 6.23125 106.426 8.75974 106.426 12.4886V20.687Z", fill: "#292929" }, void 0), jsxRuntime.jsx("path", { d: "M220.002 20.9683C215.424 21.4025 212.635 18.8995 212.635 14.9919V2.9624H216.293V6.6402H220.002V10.0371H216.293V15.043C216.293 17.0351 217.777 17.7758 220.002 17.6736V20.9683Z", fill: "#292929" }, void 0), jsxRuntime.jsx("path", { d: "M156.026 15.0179C156.077 14.6093 156.128 13.9197 156.128 13.6388C156.128 9.01597 152.752 6.20654 149.119 6.20654C145.078 6.20654 141.829 9.57786 141.829 13.6898C141.829 17.8018 145.18 21.071 149.657 21.071C151.754 21.071 154.108 20.3303 155.361 19.0278L153.57 16.3971C152.829 17.0867 151.882 17.6997 149.912 17.6997C146.715 17.6997 145.82 15.7331 145.743 14.9924H156.026V15.0179ZM145.666 12.3362C145.871 11.0592 146.996 9.6034 148.992 9.6034C151.294 9.6034 152.368 11.1614 152.496 12.3617L145.666 12.3362Z", fill: "#292929" }, void 0), jsxRuntime.jsx("path", { d: "M194.959 20.6878H193.143H191.327V13.6642V6.64062H193.143H194.959V13.6642V20.6878Z", fill: "#292929" }, void 0), jsxRuntime.jsx("path", { d: "M165.619 9.60342C163.291 9.19477 161.756 10.4207 161.756 12.4384V20.6879H158.098V12.4639C158.098 8.42856 160.886 5.61913 165.619 6.20656V9.60342Z", fill: "#292929" }, void 0), jsxRuntime.jsx("path", { d: "M85.5016 21.5305C89.4921 21.6838 91.6665 19.283 91.6665 16.0138C91.6665 12.7447 88.2387 11.723 86.5504 11.1612C84.5296 10.4716 82.9692 10.0885 82.9692 8.93916C82.9692 8.01971 83.7877 7.43228 85.1179 7.43228C86.3969 7.43228 88.0341 7.99417 89.62 8.9647L89.7224 9.04132L91.3083 6.18081L91.2316 6.10419C89.4666 4.92933 87.2155 4.23975 85.1947 4.23975C81.7157 4.23975 79.2856 6.35959 79.2856 9.37334C79.2856 12.8213 82.7645 13.8684 84.4528 14.2771C86.4993 14.7623 87.9829 15.2476 87.9829 16.4991C87.9829 17.5207 87.0364 18.3891 85.5016 18.1592C83.0971 17.8272 78.8508 15.0944 75.7556 15.0944C73.0696 15.0944 71.1 16.2692 70 18.4657L72.9929 19.9981C73.351 19.2319 73.9649 18.4657 75.3718 18.4657C78.5694 18.4657 81.6646 21.4028 85.5016 21.5305Z", fill: "#292929" }, void 0), jsxRuntime.jsx("path", { d: "M230.593 21.0201C226.347 21.0201 223.302 17.7509 223.302 13.6645C223.302 9.57805 226.347 6.25781 230.593 6.25781C233.995 6.25781 236.553 8.17333 237.372 11.3403H233.509C233.023 10.3953 231.897 9.55251 230.567 9.55251C228.572 9.55251 226.96 11.4169 226.96 13.69C226.96 15.912 228.572 17.7254 230.567 17.7254C231.897 17.7254 233.049 16.9081 233.535 15.912H237.397C236.579 19.1556 234.021 21.0201 230.593 21.0201Z", fill: "#882A2B" }, void 0), jsxRuntime.jsx("path", { d: "M251.773 21.0199C247.834 21.0199 245.506 18.4148 245.506 14.737V6.61523H249.113V14.8392C249.113 15.6309 249.395 17.5209 251.773 17.5209C253.359 17.5209 254.511 16.3972 254.511 14.8392V6.61523H258.117V14.737C258.143 18.3127 255.611 21.0199 251.773 21.0199Z", fill: "#882A2B" }, void 0), jsxRuntime.jsx("path", { d: "M267.761 21.0191C263.489 21.0191 260.496 17.7499 260.496 13.6635V1.09766H264.154V7.96799C265.229 6.84422 266.61 6.33341 268.273 6.33341C272.007 6.33341 275 9.65365 275 13.689C275 17.7499 272.007 21.0191 267.761 21.0191ZM267.761 9.65365C265.766 9.65365 264.154 11.467 264.154 13.689C264.154 15.8855 265.766 17.6478 267.761 17.6478C269.756 17.6478 271.368 15.9366 271.368 13.689C271.368 11.3904 269.756 9.65365 267.761 9.65365Z", fill: "#882A2B" }, void 0), jsxRuntime.jsx("path", { d: "M242.616 20.687H240.799H238.983V13.6635V1.09766H240.799H242.616V13.6635V20.687Z", fill: "#882A2B" }, void 0)] }), void 0), jsxRuntime.jsx("defs", { children: jsxRuntime.jsx("clipPath", __assign$1({ id: "clip0_246_7947" }, { children: jsxRuntime.jsx("rect", { width: "205", height: "26", fill: "white", transform: "translate(70)" }, void 0) }), void 0) }, void 0)] }), void 0));
|
|
527
|
+
};
|
|
528
|
+
|
|
529
|
+
var BodConLabel = function (_a) {
|
|
530
|
+
var height = _a.height, width = _a.width;
|
|
531
|
+
return (jsxRuntime.jsxs(IconWrapper$2, __assign$1({ width: width, height: height, viewBoxX: 695, viewBoxY: 62, title: "BodConLabel", fill: "none" }, { children: [jsxRuntime.jsx("rect", { width: "773", height: "62", fill: "#FBFF44" }, void 0), jsxRuntime.jsxs("g", __assign$1({ clipPath: "url(#clip0_246_8374)" }, { children: [jsxRuntime.jsx("path", { d: "M365.331 23.8356C364.993 24.0729 364.654 24.2406 364.188 24.2406C363.271 24.2406 363.172 23.606 363.172 23.25V20.5568H362.706V20.4097L363.157 20.4033H363.172V19.4023H363.174C363.202 19.4023 363.227 19.4023 363.254 19.4062C363.508 19.4256 363.735 19.5352 363.905 19.7029C364.08 19.8757 364.192 20.1092 364.206 20.3697C364.206 20.3801 364.208 20.3904 364.208 20.4007V20.4033H364.21V20.42H365.22L365.227 21.0895H365.216C364.786 20.7335 364.608 20.5503 364.286 20.5503H364.21V23.2848C364.21 23.4589 364.21 23.9259 364.705 23.9259C364.86 23.9259 365.05 23.8768 365.276 23.7517L365.332 23.8356H365.331Z", fill: "#142541" }, void 0), jsxRuntime.jsx("path", { d: "M369.496 21.652V24.1569H368.453V21.5552C368.453 21.296 368.446 20.6407 367.797 20.6407C367.526 20.6407 367.275 20.7491 366.992 21.0264C366.988 21.0303 366.982 21.0354 366.979 21.0393V24.1582H365.934V18.7988H366.055C366.514 18.8491 366.885 19.1845 366.973 19.6166C366.976 19.6385 366.979 19.6721 366.98 19.694V20.8987C367.311 20.5582 367.684 20.3196 368.249 20.3196C369.04 20.3196 369.498 20.7388 369.498 21.652H369.496Z", fill: "#142541" }, void 0), jsxRuntime.jsx("path", { d: "M371.447 22.7936C371.425 22.8594 371.419 22.9484 371.447 23.0645C371.453 23.0954 371.462 23.129 371.475 23.1651C371.479 23.178 371.483 23.1909 371.488 23.2038C371.488 23.2038 371.488 23.2051 371.488 23.2063C371.688 23.6255 372.022 23.8281 372.437 23.8281C372.818 23.8281 373.227 23.6462 373.559 23.1999L373.644 23.2489C373.242 23.8564 372.712 24.2395 371.979 24.2395C370.961 24.2395 370.166 23.5069 370.166 22.3344C370.166 21.287 370.81 20.566 371.668 20.3725C371.822 20.3364 371.984 20.3184 372.149 20.3184C372.164 20.3184 372.18 20.3184 372.196 20.3196C372.409 20.3119 372.653 20.3429 372.912 20.4461C372.969 20.4693 373.028 20.4951 373.088 20.526C373.758 20.8756 374.006 21.4496 373.726 21.9771C373.327 22.7317 372.19 22.4453 371.684 22.5885C371.684 22.5885 371.684 22.5885 371.682 22.5885C371.61 22.6091 371.551 22.6388 371.509 22.6814C371.503 22.6865 371.499 22.6943 371.494 22.7007C371.478 22.7214 371.464 22.7459 371.453 22.7755C371.452 22.7807 371.449 22.7859 371.448 22.791L371.447 22.7936ZM371.708 22.3086C371.718 22.3034 371.73 22.2996 371.742 22.2944C371.753 22.2893 371.766 22.2841 371.779 22.2802C372.147 22.1435 372.616 22.0493 372.847 21.616C372.899 21.5166 372.931 21.4173 372.942 21.3206C373.032 20.5738 372.49 20.4486 372.308 20.428C372.297 20.4267 372.292 20.4267 372.292 20.4267C372.282 20.4254 372.271 20.4241 372.262 20.4241C372.25 20.4241 372.242 20.4241 372.241 20.4241C372.137 20.4241 372.038 20.4435 371.949 20.4809C371.53 20.6563 371.281 21.229 371.281 22.0842C371.281 22.2789 371.294 22.4569 371.319 22.6195C371.323 22.6504 371.328 22.6814 371.335 22.7123C371.338 22.7407 371.345 22.7691 371.351 22.7962C371.351 22.7613 371.355 22.4698 371.709 22.3099L371.708 22.3086Z", fill: "#142541" }, void 0), jsxRuntime.jsx("path", { d: "M385.81 24.2069C385.81 26.2372 384.003 27.4716 380.816 27.4716H376.084V15.6475H380.864C383.608 15.6475 385.168 16.5891 385.168 18.3278C385.168 19.9517 383.64 20.9268 381.834 21.1861V21.2183C384.134 21.3486 385.809 22.2902 385.81 24.2069ZM378.696 21.2506H380.339C381.702 21.2506 382.442 20.0807 382.442 18.587C382.442 17.0934 381.751 15.9067 380.125 15.9067H378.695V21.2506H378.696ZM382.967 24.4507C382.967 22.6965 382.08 21.5111 380.568 21.5111H378.695V27.0988C378.941 27.1801 379.647 27.2123 379.993 27.2123C382.079 27.2123 382.966 26.1894 382.966 24.4507H382.967Z", fill: "#142541" }, void 0), jsxRuntime.jsx("path", { d: "M393.028 27.4817C390.472 28.2724 388.071 27.2121 387.227 24.546C386.388 21.8954 387.793 19.5375 390.396 18.7313C392.951 17.9407 395.353 19.0009 396.197 21.6671C397.036 24.3177 395.615 26.6807 393.028 27.4817V27.4817ZM393.785 22.5325C392.99 20.0212 391.703 18.565 390.369 18.9777C388.989 19.4047 388.863 21.2311 389.648 23.7115C390.439 26.2073 391.721 27.6481 393.039 27.2405C394.419 26.8136 394.561 24.982 393.786 22.5325H393.785Z", fill: "#142541" }, void 0), jsxRuntime.jsx("path", { d: "M406.679 27.4781H404.232L404.263 26.2901C403.491 27.1362 402.588 27.6715 401.423 27.6715C399.303 27.6715 397.644 25.8696 397.644 23.286C397.644 20.4935 399.615 18.5432 402.047 18.5432C402.935 18.5432 403.656 18.8012 404.232 19.2578V15C404.965 15.0052 405.621 15.3199 406.07 15.8152C406.46 16.246 406.649 16.8187 406.649 17.3978V23.731L406.648 24.7565C406.648 25.5355 406.68 26.7596 406.68 27.4781H406.679ZM404.232 20.4754C404.225 20.4574 404.22 20.438 404.214 20.4213C403.908 19.4758 403.244 18.8025 402.358 18.8025C400.961 18.8025 400.205 20.4109 400.205 23.108C400.205 25.9651 401.011 26.9582 402.275 26.9582C402.949 26.9582 403.573 26.6642 404.23 25.9018V20.4741L404.232 20.4754Z", fill: "#142541" }, void 0), jsxRuntime.jsx("path", { d: "M389.861 38.2546C388.792 39.992 387.035 41.0806 384.8 41.0806C381.432 41.0806 379.067 38.6441 379.067 35.1035C379.067 31.2532 381.663 28.8657 385.211 28.8657C387.15 28.8657 388.777 29.8241 389.696 30.7657L387.651 32.5728C386.993 31.1913 386.706 29.125 385.162 29.125C382.961 29.125 381.909 31.5615 381.909 34.5179C381.909 38.2533 383.584 40.1055 385.934 40.1055C387.117 40.1055 388.628 39.667 389.664 38.1398L389.861 38.2533V38.2546Z", fill: "#142541" }, void 0), jsxRuntime.jsx("path", { d: "M396.832 40.8963C394.277 41.687 391.875 40.6267 391.031 37.9606C390.192 35.3099 391.597 32.9521 394.2 32.1459C396.755 31.3552 399.157 32.4155 400.001 35.0816C400.84 37.7323 399.419 40.0953 396.832 40.8963V40.8963ZM397.589 35.9471C396.794 33.4358 395.507 31.9795 394.174 32.3923C392.793 32.8192 392.667 34.6456 393.452 37.126C394.243 39.6219 395.525 41.0627 396.841 40.6551C398.222 40.2281 398.364 38.3965 397.589 35.9471V35.9471Z", fill: "#142541" }, void 0), jsxRuntime.jsx("path", { d: "M410.068 35.0349V40.865H407.655V34.8053C407.655 34.2042 407.637 32.6783 406.109 32.6783C405.47 32.6783 404.878 32.9388 404.204 33.6044V40.865H401.79V33.1285H402.251C403.252 34.3048 404.206 33.2961 404.206 33.2961C404.991 32.5184 405.831 31.9302 407.179 31.9302C409.018 31.9302 410.068 32.9053 410.068 35.0349V35.0349Z", fill: "#142541" }, void 0), jsxRuntime.jsx("path", { d: "M362.817 29.49C362.811 29.3796 362.782 29.2639 362.803 29.1586C362.985 28.2125 363.558 27.6744 364.309 27.3391C364.999 27.0311 365.702 27.0597 366.394 27.3222C367.286 27.6601 368.165 28.0461 369.06 28.371C369.474 28.5218 369.913 28.618 370.347 28.67C371.088 28.7596 371.768 28.4919 372.409 28.0877C372.751 27.872 373.111 27.7147 373.5 27.6523C374.284 27.5276 375.006 27.7355 375.666 28.206C376.789 29.0079 377.462 30.1776 377.773 31.6319C377.922 32.3246 377.952 33.0316 377.95 33.7373C377.944 35.0694 377.914 36.4016 377.895 37.7337C377.883 38.6837 377.904 39.6286 378.072 40.5656C378.45 42.6659 379.536 44.1059 381.231 44.987C382.363 45.5758 383.558 45.798 384.796 45.7772C386.194 45.7525 387.547 45.4198 388.897 45.0455C389.73 44.8142 390.56 44.5621 391.401 44.3749C392.629 44.102 393.854 44.1124 395.041 44.6348C395.964 45.0416 396.649 45.7538 397.096 46.7585C397.125 46.8247 397.128 46.9053 397.147 47.0002C396.952 46.9677 396.863 46.8689 396.791 46.7156C396.3 45.6577 395.492 45.0715 394.512 44.7375C393.567 44.4152 392.608 44.3944 391.654 44.6218C390.44 44.9117 389.236 45.2522 388.028 45.5693C386.926 45.8578 385.815 46.0774 384.68 46.0735C383.441 46.0696 382.232 45.8435 381.101 45.2522C379.382 44.3541 378.298 42.8595 377.869 40.7476C377.628 39.5571 377.596 38.3588 377.64 37.1476C377.682 36.0403 377.74 34.933 377.739 33.827C377.739 32.6794 377.595 31.5474 377.155 30.4947C376.599 29.1664 375.691 28.3035 374.443 27.9266C373.834 27.742 373.251 27.9006 372.706 28.2372C372.259 28.514 371.801 28.7557 371.303 28.8883C370.654 29.0625 370.014 29.0001 369.39 28.7622C368.597 28.4594 367.811 28.1306 367.021 27.8135C366.387 27.5588 365.739 27.3742 365.06 27.4418C364.309 27.5172 363.69 27.8889 363.261 28.6063C363.152 28.7908 363.107 29.0248 363.029 29.2353C362.994 29.3289 362.952 29.4199 362.912 29.5108C362.881 29.5043 362.85 29.4965 362.818 29.49H362.817Z", fill: "#142541" }, void 0)] }), void 0), jsxRuntime.jsx("defs", { children: jsxRuntime.jsx("clipPath", __assign$1({ id: "clip0_246_8374" }, { children: jsxRuntime.jsx("rect", { width: "52", height: "32", fill: "white", transform: "translate(360.5 15)" }, void 0) }), void 0) }, void 0)] }), void 0));
|
|
532
|
+
};
|
|
533
|
+
|
|
519
534
|
var Other = /*#__PURE__*/Object.freeze({
|
|
520
535
|
__proto__: null,
|
|
521
536
|
FitPredictor: FitPredictor$1,
|
|
@@ -535,7 +550,10 @@ var Other = /*#__PURE__*/Object.freeze({
|
|
|
535
550
|
Play: Play,
|
|
536
551
|
FitGuarantee: FitGuarantee,
|
|
537
552
|
QuestionWithCircle: QuestionWithCircle,
|
|
538
|
-
ExpressShipping: ExpressShipping
|
|
553
|
+
ExpressShipping: ExpressShipping,
|
|
554
|
+
ShapermintClubLabel: ShapermintClubLabel,
|
|
555
|
+
ShapermintClubMobileLabel: ShapermintClubMobileLabel,
|
|
556
|
+
BodConLabel: BodConLabel
|
|
539
557
|
});
|
|
540
558
|
|
|
541
559
|
var ChevronDown = function (_a) {
|
|
@@ -4871,7 +4889,7 @@ var templateObject_1$1x, templateObject_2$10;
|
|
|
4871
4889
|
|
|
4872
4890
|
var DialogDropdownWrapper = newStyled.div(templateObject_1$1w || (templateObject_1$1w = __makeTemplateObject(["\n position: relative;\n display: none;\n ::before,\n ::after {\n content: '';\n position: absolute;\n border: 11px solid transparent;\n margin-left: -10px;\n border-bottom-color: #e9e9e9;\n top: calc(", " - 5px);\n right: calc(", " + 21px);\n z-index: 50 !important;\n }\n ::after {\n border-bottom-color: #fff;\n top: calc(", " - 4px);\n right: calc(", " + 21px);\n z-index: 50 !important;\n }\n"], ["\n position: relative;\n display: none;\n ::before,\n ::after {\n content: '';\n position: absolute;\n border: 11px solid transparent;\n margin-left: -10px;\n border-bottom-color: #e9e9e9;\n top: calc(", " - 5px);\n right: calc(", " + 21px);\n z-index: 50 !important;\n }\n ::after {\n border-bottom-color: #fff;\n top: calc(", " - 4px);\n right: calc(", " + 21px);\n z-index: 50 !important;\n }\n"])), function (props) { return props.top; }, function (props) { return props.right; }, function (props) { return props.top; }, function (props) { return props.right; });
|
|
4873
4891
|
var DialogDropdownListContainer = newStyled.ul(templateObject_2$$ || (templateObject_2$$ = __makeTemplateObject(["\n position: absolute;\n list-style: none;\n width: max-content;\n min-width: 100px;\n background: #fff;\n border: 1px solid #e9e9e9;\n top: calc(", " + 15px);\n right: calc(", " - 23px);\n z-index: 50 !important;\n margin-bottom: 1rem;\n\n font-family: inherit;\n font-size: 100%;\n font-style: inherit;\n font-variant: inherit;\n font-weight: inherit;\n line-height: inherit;\n margin: 0;\n padding: 0;\n vertical-align: inherit;\n"], ["\n position: absolute;\n list-style: none;\n width: max-content;\n min-width: 100px;\n background: #fff;\n border: 1px solid #e9e9e9;\n top: calc(", " + 15px);\n right: calc(", " - 23px);\n z-index: 50 !important;\n margin-bottom: 1rem;\n\n font-family: inherit;\n font-size: 100%;\n font-style: inherit;\n font-variant: inherit;\n font-weight: inherit;\n line-height: inherit;\n margin: 0;\n padding: 0;\n vertical-align: inherit;\n"])), function (props) { return props.top; }, function (props) { return props.right; });
|
|
4874
|
-
var DialogDropdownListItem = newStyled.li(templateObject_3$
|
|
4892
|
+
var DialogDropdownListItem = newStyled.li(templateObject_3$P || (templateObject_3$P = __makeTemplateObject(["\n border-bottom: 1px solid #e9e9e9;\n margin: 0;\n padding: 0;\n font-style: normal;\n font-weight: 400;\n font-size: 14px;\n line-height: 17px;\n color: var(--colors-shades-550-color);\n vertical-align: inherit;\n"], ["\n border-bottom: 1px solid #e9e9e9;\n margin: 0;\n padding: 0;\n font-style: normal;\n font-weight: 400;\n font-size: 14px;\n line-height: 17px;\n color: var(--colors-shades-550-color);\n vertical-align: inherit;\n"])));
|
|
4875
4893
|
var DialogDropdownLink = newStyled.a(templateObject_4$z || (templateObject_4$z = __makeTemplateObject(["\n display: inline-block;\n text-decoration: none;\n width: 100%;\n background-color: transparent;\n border: 0;\n margin: 0;\n padding: 12px;\n cursor: pointer;\n transition: all 0.2s;\n color: var(--colors-shades-700-color);\n font-size: 1.125rem;\n font-style: inherit;\n font-variant: inherit;\n font-weight: inherit;\n line-height: inherit;\n vertical-align: inherit;\n"], ["\n display: inline-block;\n text-decoration: none;\n width: 100%;\n background-color: transparent;\n border: 0;\n margin: 0;\n padding: 12px;\n cursor: pointer;\n transition: all 0.2s;\n color: var(--colors-shades-700-color);\n font-size: 1.125rem;\n font-style: inherit;\n font-variant: inherit;\n font-weight: inherit;\n line-height: inherit;\n vertical-align: inherit;\n"])));
|
|
4876
4894
|
var DropdownDialog = function (_a) {
|
|
4877
4895
|
var options = _a.options, _b = _a.position, top = _b.top, right = _b.right, style = _a.style, className = _a.className;
|
|
@@ -4880,7 +4898,7 @@ var DropdownDialog = function (_a) {
|
|
|
4880
4898
|
return (jsxRuntime.jsx(DialogDropdownListItem, { children: jsxRuntime.jsx(DialogDropdownLink, __assign$1({ href: value }, { children: label }), void 0) }, idx));
|
|
4881
4899
|
}) }), void 0) }), void 0));
|
|
4882
4900
|
};
|
|
4883
|
-
var templateObject_1$1w, templateObject_2$$, templateObject_3$
|
|
4901
|
+
var templateObject_1$1w, templateObject_2$$, templateObject_3$P, templateObject_4$z;
|
|
4884
4902
|
|
|
4885
4903
|
var getStylesBySize$a = function (size, theme) {
|
|
4886
4904
|
switch (size) {
|
|
@@ -4950,7 +4968,7 @@ var SelectorSecondary = function (_a) {
|
|
|
4950
4968
|
var TAGS = {
|
|
4951
4969
|
hero1: newStyled.h1(templateObject_1$1v || (templateObject_1$1v = __makeTemplateObject([""], [""]))),
|
|
4952
4970
|
hero2: newStyled.h2(templateObject_2$_ || (templateObject_2$_ = __makeTemplateObject([""], [""]))),
|
|
4953
|
-
hero3: newStyled.h3(templateObject_3$
|
|
4971
|
+
hero3: newStyled.h3(templateObject_3$O || (templateObject_3$O = __makeTemplateObject([""], [""]))),
|
|
4954
4972
|
display1: newStyled.h1(templateObject_4$y || (templateObject_4$y = __makeTemplateObject([""], [""]))),
|
|
4955
4973
|
display2: newStyled.h2(templateObject_5$l || (templateObject_5$l = __makeTemplateObject([""], [""]))),
|
|
4956
4974
|
heading1: newStyled.h1(templateObject_6$i || (templateObject_6$i = __makeTemplateObject([""], [""]))),
|
|
@@ -5080,7 +5098,7 @@ var DEFAULTS = {
|
|
|
5080
5098
|
size: 'regular',
|
|
5081
5099
|
},
|
|
5082
5100
|
};
|
|
5083
|
-
var templateObject_1$1v, templateObject_2$_, templateObject_3$
|
|
5101
|
+
var templateObject_1$1v, templateObject_2$_, templateObject_3$O, templateObject_4$y, templateObject_5$l, templateObject_6$i, templateObject_7$c, templateObject_8$7, templateObject_9$4, templateObject_10$3, templateObject_11$2, templateObject_12$2, templateObject_13$2, templateObject_14$2, templateObject_15$2, templateObject_16$2, templateObject_17$2, templateObject_18$2, templateObject_19$1;
|
|
5084
5102
|
|
|
5085
5103
|
var ButtonsContainer = newStyled.div(templateObject_1$1u || (templateObject_1$1u = __makeTemplateObject(["\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n margin: ", ";\n"], ["\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n margin: ", ";\n"])), function (_a) {
|
|
5086
5104
|
var inline = _a.inline;
|
|
@@ -5148,12 +5166,12 @@ var templateObject_1$1t;
|
|
|
5148
5166
|
|
|
5149
5167
|
var Container$11 = newStyled.div(templateObject_1$1s || (templateObject_1$1s = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n font-size: 0.88rem;\n"], ["\n display: flex;\n align-items: center;\n justify-content: space-between;\n font-size: 0.88rem;\n"])));
|
|
5150
5168
|
var P$3 = newStyled.p(templateObject_2$Z || (templateObject_2$Z = __makeTemplateObject(["\n margin: 0;\n"], ["\n margin: 0;\n"])));
|
|
5151
|
-
var PercentageSpan = newStyled.span(templateObject_3$
|
|
5169
|
+
var PercentageSpan = newStyled.span(templateObject_3$N || (templateObject_3$N = __makeTemplateObject(["\n font-weight: 700;\n text-decoration-line: underline;\n cursor: pointer;\n"], ["\n font-weight: 700;\n text-decoration-line: underline;\n cursor: pointer;\n"])));
|
|
5152
5170
|
var SizeFitGuide = function (_a) {
|
|
5153
5171
|
var title = _a.title, fitPercentage = _a.fitPercentage, onClick = _a.onClick, onClickFitPercentage = _a.onClickFitPercentage;
|
|
5154
5172
|
return (jsxRuntime.jsxs(Container$11, { children: [jsxRuntime.jsx(TextButton, { LeadingIcon: Icon.PDP.Rule, size: exports.ComponentSize.Small, text: title, onClick: onClick, uppercase: false }, void 0), !!fitPercentage && (jsxRuntime.jsxs(P$3, { children: ["Fit As Expected:", ' ', jsxRuntime.jsxs(PercentageSpan, __assign$1({ onClick: onClickFitPercentage, role: "button" }, { children: [fitPercentage, "%"] }), void 0)] }, void 0))] }, void 0));
|
|
5155
5173
|
};
|
|
5156
|
-
var templateObject_1$1s, templateObject_2$Z, templateObject_3$
|
|
5174
|
+
var templateObject_1$1s, templateObject_2$Z, templateObject_3$N;
|
|
5157
5175
|
|
|
5158
5176
|
var getStylesBySize$8 = function (size) {
|
|
5159
5177
|
switch (size) {
|
|
@@ -5217,13 +5235,13 @@ var H3$3 = newStyled.h3(templateObject_2$Y || (templateObject_2$Y = __makeTempla
|
|
|
5217
5235
|
var size = _a.size;
|
|
5218
5236
|
return (_b = getStylesBySize$8(size)) === null || _b === void 0 ? void 0 : _b.lineHeight;
|
|
5219
5237
|
});
|
|
5220
|
-
var Now = newStyled(H3$3)(templateObject_3$
|
|
5238
|
+
var Now = newStyled(H3$3)(templateObject_3$M || (templateObject_3$M = __makeTemplateObject(["\n display: none;\n margin-right: 0.25rem;\n"], ["\n display: none;\n margin-right: 0.25rem;\n"])));
|
|
5221
5239
|
var DiscountTag = function (_a) {
|
|
5222
5240
|
var discount = _a.discount, offText = _a.offText, disabled = _a.disabled, _b = _a.backgroundColor, backgroundColor = _b === void 0 ? '#fff' : _b, _c = _a.borderColor, borderColor = _c === void 0 ? 'transparent' : _c, _d = _a.textColor, textColor = _d === void 0 ? '#fff' : _d, _e = _a.size, size = _e === void 0 ? exports.ComponentSize.Medium : _e, style = _a.style;
|
|
5223
5241
|
var theme = useTheme();
|
|
5224
5242
|
return (jsxRuntime.jsxs(Container$10, __assign$1({ backgroundColor: disabled ? theme.colors.shades['50'].color : backgroundColor, borderColor: disabled ? theme.colors.shades['50'].color : borderColor, size: size, "data-testid": "discount-container", style: style }, { children: [jsxRuntime.jsx(Now, __assign$1({ "data-testid": "vwo-discount-now", textColor: disabled ? theme.colors.shades['250'].color : textColor, size: size, style: style }, { children: "Now:" }), void 0), jsxRuntime.jsxs(H3$3, __assign$1({ textColor: disabled ? theme.colors.shades['250'].color : textColor, size: size, style: style }, { children: [discount, "% ", offText] }), void 0)] }), void 0));
|
|
5225
5243
|
};
|
|
5226
|
-
var templateObject_1$1r, templateObject_2$Y, templateObject_3$
|
|
5244
|
+
var templateObject_1$1r, templateObject_2$Y, templateObject_3$M;
|
|
5227
5245
|
|
|
5228
5246
|
var getStylesBySize$7 = function (size) {
|
|
5229
5247
|
switch (size) {
|
|
@@ -5283,7 +5301,7 @@ var Price = newStyled.p(templateObject_2$X || (templateObject_2$X = __makeTempla
|
|
|
5283
5301
|
var finalPriceStyledSmall = _a.finalPriceStyledSmall, size = _a.size;
|
|
5284
5302
|
return finalPriceStyledSmall ? (size === 'large' ? '-10px' : '-7px') : '0';
|
|
5285
5303
|
});
|
|
5286
|
-
var TagContainer = newStyled.p(templateObject_3$
|
|
5304
|
+
var TagContainer = newStyled.p(templateObject_3$L || (templateObject_3$L = __makeTemplateObject(["\n margin: ", ";\n display: flex;\n align-items: center;\n"], ["\n margin: ", ";\n display: flex;\n align-items: center;\n"])), function (_a) {
|
|
5287
5305
|
var _b;
|
|
5288
5306
|
var size = _a.size;
|
|
5289
5307
|
return (_b = getStylesBySize$7(size)) === null || _b === void 0 ? void 0 : _b.margin;
|
|
@@ -5306,7 +5324,7 @@ var PriceLabel = function (_a) {
|
|
|
5306
5324
|
var OriginalPrice = function () { return (jsxRuntime.jsx(Price, __assign$1({ size: originalPriceStyled ? size : exports.ComponentSize.Small, color: theme.component.pricing.priceLabel.price.originalPriceColor, margin: true, underlined: originalPriceUnderlined, "data-testid": getTestId(testId, 'original-product-price') }, { children: originalPrice }), void 0)); };
|
|
5307
5325
|
return (jsxRuntime.jsxs(Container$$, { children: [jsxRuntime.jsx(Price, __assign$1({ margin: true, "data-testid": getTestId(testId, 'final-product-price') }, priceCommonProps, { style: finalPriceStyle }, { children: finalPrice }), void 0), !!originalPrice && jsxRuntime.jsx(OriginalPrice, {}, void 0), discount && (jsxRuntime.jsx(TagContainer, __assign$1({ size: size }, { children: jsxRuntime.jsx(DiscountTag, __assign$1({}, discount, { size: size }), void 0) }), void 0))] }, void 0));
|
|
5308
5326
|
};
|
|
5309
|
-
var templateObject_1$1q, templateObject_2$X, templateObject_3$
|
|
5327
|
+
var templateObject_1$1q, templateObject_2$X, templateObject_3$L;
|
|
5310
5328
|
|
|
5311
5329
|
var getStylesBySize$6 = function (size) {
|
|
5312
5330
|
switch (size) {
|
|
@@ -5461,7 +5479,7 @@ var OutOfStock = function (_a) {
|
|
|
5461
5479
|
|
|
5462
5480
|
var CustomRadioGroup = newStyled(lt)(templateObject_1$1n || (templateObject_1$1n = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n"], ["\n display: flex;\n flex-direction: column;\n"])));
|
|
5463
5481
|
newStyled(lt.Label)(templateObject_2$V || (templateObject_2$V = __makeTemplateObject(["\n font-size: 0.88rem;\n"], ["\n font-size: 0.88rem;\n"])));
|
|
5464
|
-
var CustomRadioGroupOption = newStyled(lt.Option)(templateObject_3$
|
|
5482
|
+
var CustomRadioGroupOption = newStyled(lt.Option)(templateObject_3$K || (templateObject_3$K = __makeTemplateObject(["\n margin-right: 8px;\n\n svg {\n cursor: pointer;\n }\n"], ["\n margin-right: 8px;\n\n svg {\n cursor: pointer;\n }\n"])));
|
|
5465
5483
|
var Span = newStyled.span(templateObject_4$x || (templateObject_4$x = __makeTemplateObject(["\n font-weight: 600;\n"], ["\n font-weight: 600;\n"])));
|
|
5466
5484
|
var OptionsContainer = newStyled.div(templateObject_5$k || (templateObject_5$k = __makeTemplateObject(["\n display: flex;\n margin-top: 0.63rem;\n flex-wrap: wrap;\n"], ["\n display: flex;\n margin-top: 0.63rem;\n flex-wrap: wrap;\n"])));
|
|
5467
5485
|
var Label$3 = function (_a) {
|
|
@@ -5481,7 +5499,7 @@ var ColorRadioGroup$1 = Object.assign(ColorRadioGroup, {
|
|
|
5481
5499
|
Option: Option,
|
|
5482
5500
|
OptionsContainer: OptionsContainer,
|
|
5483
5501
|
});
|
|
5484
|
-
var templateObject_1$1n, templateObject_2$V, templateObject_3$
|
|
5502
|
+
var templateObject_1$1n, templateObject_2$V, templateObject_3$K, templateObject_4$x, templateObject_5$k;
|
|
5485
5503
|
|
|
5486
5504
|
var Container$Z = newStyled.div(templateObject_1$1m || (templateObject_1$1m = __makeTemplateObject(["\n width: 2rem;\n height: 2rem;\n border-radius: 50%;\n border: 0.081rem solid ", ";\n box-sizing: border-box;\n padding: 0.156rem;\n cursor: pointer;\n opacity: ", ";\n"], ["\n width: 2rem;\n height: 2rem;\n border-radius: 50%;\n border: 0.081rem solid ", ";\n box-sizing: border-box;\n padding: 0.156rem;\n cursor: pointer;\n opacity: ", ";\n"])), function (_a) {
|
|
5487
5505
|
var borderColor = _a.borderColor;
|
|
@@ -10029,7 +10047,7 @@ var SliderNavigation = function (_a) {
|
|
|
10029
10047
|
|
|
10030
10048
|
var horizontalStyles = css(templateObject_1$1j || (templateObject_1$1j = __makeTemplateObject(["\n grid-row: 2;\n grid-auto-flow: column;\n grid-column-gap: 6px;\n margin-top: 20px;\n max-width: 360px;\n overflow: auto;\n"], ["\n grid-row: 2;\n grid-auto-flow: column;\n grid-column-gap: 6px;\n margin-top: 20px;\n max-width: 360px;\n overflow: auto;\n"])));
|
|
10031
10049
|
var verticalStyles = css(templateObject_2$T || (templateObject_2$T = __makeTemplateObject(["\n grid-row-gap: 20px;\n overflow: auto;\n grid-area: 1/1;\n"], ["\n grid-row-gap: 20px;\n overflow: auto;\n grid-area: 1/1;\n"])));
|
|
10032
|
-
var Container$Y = newStyled.div(templateObject_3$
|
|
10050
|
+
var Container$Y = newStyled.div(templateObject_3$J || (templateObject_3$J = __makeTemplateObject(["\n display: grid;\n max-height: 45rem;\n height: min-content;\n align-items: flex-start;\n ", "\n"], ["\n display: grid;\n max-height: 45rem;\n height: min-content;\n align-items: flex-start;\n ", "\n"])), function (_a) {
|
|
10033
10051
|
var position = _a.position;
|
|
10034
10052
|
return (position == 'horizontal' ? horizontalStyles : verticalStyles);
|
|
10035
10053
|
});
|
|
@@ -10042,7 +10060,7 @@ var ImagePreviewList = function (_a) {
|
|
|
10042
10060
|
arrowPadding: 1.625,
|
|
10043
10061
|
}, adaptiveHeight: true, dots: false, slidesToShow: 4 }, { children: images.map(function (item) { return (jsxRuntime.jsx(Button$3, __assign$1({ onClick: function () { return onClick(item); } }, { children: jsxRuntime.jsx(ImageSmallPreview, { imageUrl: (item === null || item === void 0 ? void 0 : item.alt.includes('-video')) ? item === null || item === void 0 ? void 0 : item.thumbnailUrl : item === null || item === void 0 ? void 0 : item.imageUrl, alt: item.alt, selected: item.key === selectedImage.key, borderRadiusVariant: borderRadiusVariant, previewImgBorderColor: previewImgBorderColor }, void 0) }), item.key)); }) }), void 0) }), void 0)) : (images.map(function (item) { return (jsxRuntime.jsx(Button$3, __assign$1({ onClick: function () { return onClick(item); } }, { children: jsxRuntime.jsx(ImageSmallPreview, { imageUrl: (item === null || item === void 0 ? void 0 : item.alt.includes('-video')) ? item === null || item === void 0 ? void 0 : item.thumbnailUrl : item === null || item === void 0 ? void 0 : item.imageUrl, alt: item.alt, selected: item.key === selectedImage.key, borderRadiusVariant: borderRadiusVariant, previewImgBorderColor: previewImgBorderColor }, void 0) }), item.key)); })) }), void 0));
|
|
10044
10062
|
};
|
|
10045
|
-
var templateObject_1$1j, templateObject_2$T, templateObject_3$
|
|
10063
|
+
var templateObject_1$1j, templateObject_2$T, templateObject_3$J, templateObject_4$w;
|
|
10046
10064
|
|
|
10047
10065
|
var propTypes = {exports: {}};
|
|
10048
10066
|
|
|
@@ -11641,7 +11659,7 @@ var Container$X = newStyled.div(templateObject_1$1i || (templateObject_1$1i = __
|
|
|
11641
11659
|
"\n border-radius: 40px;\n ";
|
|
11642
11660
|
});
|
|
11643
11661
|
var TopTagContainer$3 = newStyled.div(templateObject_2$S || (templateObject_2$S = __makeTemplateObject(["\n position: absolute;\n left: ", ";\n top: ", ";\n"], ["\n position: absolute;\n left: ", ";\n top: ", ";\n"])), function (props) { return (props.borderRadiusVariant ? '50px' : '0'); }, function (props) { return (props.borderRadiusVariant ? '10px' : '0'); });
|
|
11644
|
-
var BottomTagContainer$3 = newStyled.div(templateObject_3$
|
|
11662
|
+
var BottomTagContainer$3 = newStyled.div(templateObject_3$I || (templateObject_3$I = __makeTemplateObject(["\n position: absolute;\n bottom: 3.75rem;\n left: 0;\n"], ["\n position: absolute;\n bottom: 3.75rem;\n left: 0;\n"])));
|
|
11645
11663
|
var ButtonSecondaryOutlineWrapper = newStyled(ButtonSecondaryOutline)(templateObject_4$v || (templateObject_4$v = __makeTemplateObject(["\n text-transform: capitalize;\n margin-top: 12px;\n\n @media (max-width: 992px) {\n margin-top: 4px;\n }\n"], ["\n text-transform: capitalize;\n margin-top: 12px;\n\n @media (max-width: 992px) {\n margin-top: 4px;\n }\n"])));
|
|
11646
11664
|
var Video$1 = newStyled.div(templateObject_5$j || (templateObject_5$j = __makeTemplateObject(["\n display: flex;\n justify-content: center;\n align-items: center;\n height: 666px;\n background: #efefef;\n\n & > iframe {\n border: none;\n }\n\n @media (max-width: 768px) {\n height: 506px;\n }\n"], ["\n display: flex;\n justify-content: center;\n align-items: center;\n height: 666px;\n background: #efefef;\n\n & > iframe {\n border: none;\n }\n\n @media (max-width: 768px) {\n height: 506px;\n }\n"])));
|
|
11647
11665
|
var VideoTag$1 = newStyled.div(templateObject_6$h || (templateObject_6$h = __makeTemplateObject(["\n gap: 8px;\n display: flex;\n padding: 8.6px 0;\n font-weight: 600;\n align-items: center;\n background: #f7f7f7;\n justify-content: center;\n"], ["\n gap: 8px;\n display: flex;\n padding: 8.6px 0;\n font-weight: 600;\n align-items: center;\n background: #f7f7f7;\n justify-content: center;\n"])));
|
|
@@ -11654,7 +11672,7 @@ var ImageProductWithTags$1 = function (_a) {
|
|
|
11654
11672
|
style: { objectFit: 'cover', objectPosition: 'center' },
|
|
11655
11673
|
}, width: position == 'horizontal' ? 360 : 530, height: position == 'horizontal' ? 480 : 720, hideHint: true }, void 0), jsxRuntime.jsx(TopTagContainer$3, __assign$1({ borderRadiusVariant: borderRadiusVariant }, { children: topTag }), void 0), jsxRuntime.jsx(BottomTagContainer$3, { children: bottomTag }, void 0)] }, void 0)), ((_c = image === null || image === void 0 ? void 0 : image.alt) === null || _c === void 0 ? void 0 : _c.includes('-video')) && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Video$1, { children: jsxRuntime.jsx("iframe", { allowFullScreen: true, title: image.alt, width: position == 'horizontal' ? 360 : 530, height: position == 'horizontal' ? 480 : 300, src: image === null || image === void 0 ? void 0 : image.imageUrl, allow: "accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" }, void 0) }, void 0), jsxRuntime.jsxs(VideoTag$1, { children: [jsxRuntime.jsx(Icon.PDP.PlayMini, { width: 1.4 }, void 0), jsxRuntime.jsx(Text$7, { children: "VIDEO" }, void 0)] }, void 0)] }, void 0)), ctaText && ctaAction && (jsxRuntime.jsx("div", __assign$1({ style: { display: hideCTA ? 'none' : 'block' } }, { children: jsxRuntime.jsx(ButtonSecondaryOutlineWrapper, { wide: true, onClick: ctaAction, text: ctaText }, void 0) }), void 0))] }), void 0));
|
|
11656
11674
|
};
|
|
11657
|
-
var templateObject_1$1i, templateObject_2$S, templateObject_3$
|
|
11675
|
+
var templateObject_1$1i, templateObject_2$S, templateObject_3$I, templateObject_4$v, templateObject_5$j, templateObject_6$h, templateObject_7$b;
|
|
11658
11676
|
|
|
11659
11677
|
var Container$W = newStyled.div(templateObject_1$1h || (templateObject_1$1h = __makeTemplateObject(["\n display: grid;\n grid-template-columns: max-content 1fr;\n grid-column-gap: 20px;\n max-height: 45rem;\n width: fit-content;\n"], ["\n display: grid;\n grid-template-columns: max-content 1fr;\n grid-column-gap: 20px;\n max-height: 45rem;\n width: fit-content;\n"])));
|
|
11660
11678
|
var ProductGallery = function (_a) {
|
|
@@ -12133,7 +12151,7 @@ var ContentWrapper = newStyled.div(templateObject_2$Q || (templateObject_2$Q = _
|
|
|
12133
12151
|
var backgroundColor = _a.backgroundColor;
|
|
12134
12152
|
return backgroundColor;
|
|
12135
12153
|
});
|
|
12136
|
-
var TooltipArrowContainer = newStyled.div(templateObject_3$
|
|
12154
|
+
var TooltipArrowContainer = newStyled.div(templateObject_3$H || (templateObject_3$H = __makeTemplateObject(["\n width: 1.25rem;\n height: 0.75rem;\n display: flex;\n transform: rotate(", ");\n padding: ", ";\n margin: ", ";\n"], ["\n width: 1.25rem;\n height: 0.75rem;\n display: flex;\n transform: rotate(", ");\n padding: ", ";\n margin: ", ";\n"])), function (_a) {
|
|
12137
12155
|
var position = _a.position;
|
|
12138
12156
|
return getArrowRotation(position);
|
|
12139
12157
|
}, function (_a) {
|
|
@@ -12153,7 +12171,7 @@ var Title$7 = newStyled.h1(templateObject_6$g || (templateObject_6$g = __makeTem
|
|
|
12153
12171
|
return color;
|
|
12154
12172
|
});
|
|
12155
12173
|
var IconContainer$5 = newStyled.div(templateObject_7$a || (templateObject_7$a = __makeTemplateObject(["\n width: 1.375rem;\n height: 1.125rem;\n margin-right: 0.563rem;\n"], ["\n width: 1.375rem;\n height: 1.125rem;\n margin-right: 0.563rem;\n"])));
|
|
12156
|
-
var templateObject_1$1a, templateObject_2$Q, templateObject_3$
|
|
12174
|
+
var templateObject_1$1a, templateObject_2$Q, templateObject_3$H, templateObject_4$u, templateObject_5$i, templateObject_6$g, templateObject_7$a;
|
|
12157
12175
|
|
|
12158
12176
|
var Tooltip = function (_a) {
|
|
12159
12177
|
var children = _a.children, position = _a.position, content = _a.content, backgroundColor = _a.backgroundColor, _b = _a.align, align = _b === void 0 ? 'center' : _b, maxWidth = _a.maxWidth, onClick = _a.onClick, header = _a.header;
|
|
@@ -12331,7 +12349,7 @@ var CustomRadio$2 = newStyled.div(function (props) { return [
|
|
|
12331
12349
|
CustomRadioStyles$2.baseStyles(props.theme, props.disabled, props.isChecked),
|
|
12332
12350
|
CustomRadioStyles$2[props.size](props.theme, props.isChecked),
|
|
12333
12351
|
]; });
|
|
12334
|
-
var StyledLabel$3 = newStyled(Label$4)(templateObject_3$
|
|
12352
|
+
var StyledLabel$3 = newStyled(Label$4)(templateObject_3$G || (templateObject_3$G = __makeTemplateObject(["\n font-size: 14px;\n font-weight: 400;\n line-height: 22px;\n"], ["\n font-size: 14px;\n font-weight: 400;\n line-height: 22px;\n"])));
|
|
12335
12353
|
var RadioPrimary = function (_a) {
|
|
12336
12354
|
var style = _a.style, name = _a.name, value = _a.value, id = _a.id, label = _a.label, _b = _a.checked, checked = _b === void 0 ? false : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, onChange = _a.onChange, _d = _a.size, size = _d === void 0 ? exports.ComponentSize.Medium : _d;
|
|
12337
12355
|
var theme = useTheme();
|
|
@@ -12341,7 +12359,7 @@ var RadioPrimary = function (_a) {
|
|
|
12341
12359
|
};
|
|
12342
12360
|
return (jsxRuntime.jsxs(Wrapper$6, { children: [jsxRuntime.jsxs(Container$P, __assign$1({ theme: theme, size: size, style: style, "data-testid": "container" }, { children: [jsxRuntime.jsx(Input$4, { id: "".concat(name, "-").concat(id), type: "radio", name: name, value: value, checked: checked, onChange: function (e) { return (disabled ? null : handleChange(e, label)); }, disabled: disabled, style: style }, void 0), jsxRuntime.jsx(CustomRadio$2, { size: size, isChecked: checked, disabled: disabled, theme: theme, "data-testid": "custom-radio", style: style }, void 0)] }), void 0), jsxRuntime.jsx(StyledLabel$3, __assign$1({ htmlFor: "".concat(name, "-").concat(id), "data-testid": "label", variant: "regular", size: size, disabled: disabled }, { children: label }), void 0)] }, void 0));
|
|
12343
12361
|
};
|
|
12344
|
-
var templateObject_1$18, templateObject_2$P, templateObject_3$
|
|
12362
|
+
var templateObject_1$18, templateObject_2$P, templateObject_3$G;
|
|
12345
12363
|
|
|
12346
12364
|
/* base styles & size variants */
|
|
12347
12365
|
var CustomRadioStyles$1 = {
|
|
@@ -12416,7 +12434,7 @@ var CustomRadio$1 = newStyled.div(function (props) { return [
|
|
|
12416
12434
|
CustomRadioStyles$1.baseStyles(props.theme, props.disabled),
|
|
12417
12435
|
CustomRadioStyles$1[props.size](props.theme, props.isChecked),
|
|
12418
12436
|
]; });
|
|
12419
|
-
var StyledLabel$2 = newStyled(Label$4)(templateObject_3$
|
|
12437
|
+
var StyledLabel$2 = newStyled(Label$4)(templateObject_3$F || (templateObject_3$F = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", " !important;\n"], ["\n font-size: ", ";\n line-height: ", " !important;\n"])), function (_a) {
|
|
12420
12438
|
var theme = _a.theme;
|
|
12421
12439
|
return theme.component.radio.textSize;
|
|
12422
12440
|
}, function (_a) {
|
|
@@ -12432,7 +12450,7 @@ var RadioInput = function (_a) {
|
|
|
12432
12450
|
};
|
|
12433
12451
|
return (jsxRuntime.jsxs(Wrapper$5, { children: [jsxRuntime.jsxs(Container$O, __assign$1({ theme: theme, size: size, style: style, "data-testid": "container" }, { children: [jsxRuntime.jsx(Input$3, { id: "".concat(name, "-").concat(id), type: "radio", name: name, value: value, checked: checked, onChange: function (e) { return (disabled ? null : handleChange(e, label)); }, disabled: disabled, style: style }, void 0), jsxRuntime.jsx(CustomRadio$1, { size: size, isChecked: checked, disabled: disabled, theme: theme, "data-testid": "custom-radio", style: style }, void 0)] }), void 0), jsxRuntime.jsx(StyledLabel$2, __assign$1({ htmlFor: "".concat(name, "-").concat(id), "data-testid": "label", variant: "regular", size: size, disabled: disabled }, { children: label }), void 0)] }, void 0));
|
|
12434
12452
|
};
|
|
12435
|
-
var templateObject_1$17, templateObject_2$O, templateObject_3$
|
|
12453
|
+
var templateObject_1$17, templateObject_2$O, templateObject_3$F;
|
|
12436
12454
|
|
|
12437
12455
|
var RadioGroupInput = function (_a) {
|
|
12438
12456
|
var style = _a.style, name = _a.name, _b = _a.options, options = _b === void 0 ? [] : _b, value = _a.value, onChange = _a.onChange, _c = _a.size, size = _c === void 0 ? exports.ComponentSize.Medium : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d;
|
|
@@ -12521,7 +12539,7 @@ var CustomRadio = newStyled.div(function (props) { return [
|
|
|
12521
12539
|
CustomRadioStyles.baseStyles(props.theme, props.disabled, props.isChecked),
|
|
12522
12540
|
CustomRadioStyles[props.size](props.theme, props.isChecked),
|
|
12523
12541
|
]; });
|
|
12524
|
-
var StyledLabel$1 = newStyled(Label$4)(templateObject_3$
|
|
12542
|
+
var StyledLabel$1 = newStyled(Label$4)(templateObject_3$E || (templateObject_3$E = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", " !important;\n"], ["\n font-size: ", ";\n line-height: ", " !important;\n"])), function (_a) {
|
|
12525
12543
|
var theme = _a.theme;
|
|
12526
12544
|
return theme.component.radio.textSize;
|
|
12527
12545
|
}, function (_a) {
|
|
@@ -12537,7 +12555,7 @@ var ClubRadioInput = function (_a) {
|
|
|
12537
12555
|
};
|
|
12538
12556
|
return (jsxRuntime.jsxs(Wrapper$4, { children: [jsxRuntime.jsxs(Container$N, __assign$1({ theme: theme, size: size, style: style, "data-testid": "container" }, { children: [jsxRuntime.jsx(Input$2, { id: "".concat(name, "-").concat(id), type: "radio", name: name, value: value, checked: checked, onChange: function (e) { return (disabled ? null : handleChange(e, label)); }, disabled: disabled, style: style }, void 0), jsxRuntime.jsx(CustomRadio, { size: size, isChecked: checked, disabled: disabled, theme: theme, "data-testid": "custom-radio", style: style }, void 0)] }), void 0), jsxRuntime.jsx(StyledLabel$1, __assign$1({ htmlFor: "".concat(name, "-").concat(id), "data-testid": "label", variant: "regular", size: size, disabled: disabled, "aria-checked": checked }, { children: label }), void 0)] }, void 0));
|
|
12539
12557
|
};
|
|
12540
|
-
var templateObject_1$16, templateObject_2$N, templateObject_3$
|
|
12558
|
+
var templateObject_1$16, templateObject_2$N, templateObject_3$E;
|
|
12541
12559
|
|
|
12542
12560
|
var ClubRadioGroupInput = function (_a) {
|
|
12543
12561
|
var style = _a.style, name = _a.name, _b = _a.options, options = _b === void 0 ? [] : _b, value = _a.value, onChange = _a.onChange, _c = _a.size, size = _c === void 0 ? exports.ComponentSize.Medium : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d;
|
|
@@ -12562,14 +12580,14 @@ var templateObject_1$15, templateObject_2$M;
|
|
|
12562
12580
|
|
|
12563
12581
|
var Container$L = newStyled.div(templateObject_1$14 || (templateObject_1$14 = __makeTemplateObject(["\n padding: 0.625rem 1.5rem;\n"], ["\n padding: 0.625rem 1.5rem;\n"])));
|
|
12564
12582
|
var Title$6 = newStyled.h1(templateObject_2$L || (templateObject_2$L = __makeTemplateObject(["\n font-weight: 700;\n font-size: 1rem;\n line-height: 1.25rem;\n color: ", ";\n margin: 0;\n margin-bottom: 0.125rem;\n text-align: center;\n"], ["\n font-weight: 700;\n font-size: 1rem;\n line-height: 1.25rem;\n color: ", ";\n margin: 0;\n margin-bottom: 0.125rem;\n text-align: center;\n"])), function (props) { return props.color; });
|
|
12565
|
-
var Details$1 = newStyled.span(templateObject_3$
|
|
12583
|
+
var Details$1 = newStyled.span(templateObject_3$D || (templateObject_3$D = __makeTemplateObject(["\n display: flex;\n align-items: center;\n font-weight: 400;\n font-size: 1rem;\n margin: 0;\n line-height: 1.5rem;\n justify-content: center;\n color: ", ";\n"], ["\n display: flex;\n align-items: center;\n font-weight: 400;\n font-size: 1rem;\n margin: 0;\n line-height: 1.5rem;\n justify-content: center;\n color: ", ";\n"])), function (props) { return props.color; });
|
|
12566
12584
|
var PriceContainer$1 = newStyled.span(templateObject_4$t || (templateObject_4$t = __makeTemplateObject(["\n margin: 0 0.313rem;\n display: flex;\n align-items: center;\n"], ["\n margin: 0 0.313rem;\n display: flex;\n align-items: center;\n"])));
|
|
12567
12585
|
var Simple = function (_a) {
|
|
12568
12586
|
var title = _a.title, freeShippingText = _a.freeShippingText, price = _a.price, anyQtyForText = _a.anyQtyForText, backgroundColor = _a.backgroundColor, _b = _a.widthAuto, widthAuto = _b === void 0 ? false : _b;
|
|
12569
12587
|
var theme = useTheme();
|
|
12570
12588
|
return (jsxRuntime.jsx(Card$3, __assign$1({ backgroundColor: backgroundColor, widthAuto: widthAuto }, { children: jsxRuntime.jsxs(Container$L, { children: [jsxRuntime.jsx(Title$6, __assign$1({ color: theme.colors.pallete.secondary.color, "data-testid": "Title" }, { children: title }), void 0), jsxRuntime.jsxs(Details$1, __assign$1({ color: theme.colors.pallete.secondary.color, "data-testid": "Details" }, { children: [anyQtyForText, jsxRuntime.jsx(PriceContainer$1, __assign$1({ "data-testid": "Price" }, { children: jsxRuntime.jsx(PriceLabel, { finalPrice: price, color: "#d3373c", size: exports.ComponentSize.Small }, void 0) }), void 0), "+ ", freeShippingText] }), void 0)] }, void 0) }), void 0));
|
|
12571
12589
|
};
|
|
12572
|
-
var templateObject_1$14, templateObject_2$L, templateObject_3$
|
|
12590
|
+
var templateObject_1$14, templateObject_2$L, templateObject_3$D, templateObject_4$t;
|
|
12573
12591
|
|
|
12574
12592
|
var Bundle = {
|
|
12575
12593
|
Minimalistic: Minimalistic,
|
|
@@ -12711,7 +12729,7 @@ var Container$J = newStyled.div(templateObject_1$11 || (templateObject_1$11 = __
|
|
|
12711
12729
|
return hasError ? '' : containerByStatus(theme, status);
|
|
12712
12730
|
});
|
|
12713
12731
|
var StyledLabel = newStyled.label(templateObject_2$J || (templateObject_2$J = __makeTemplateObject(["\n position: absolute;\n top: 10px;\n left: 16px;\n z-index: 15;\n &::after {\n content: '*';\n color: var(--colors-semantic-urgent-color);\n }\n"], ["\n position: absolute;\n top: 10px;\n left: 16px;\n z-index: 15;\n &::after {\n content: '*';\n color: var(--colors-semantic-urgent-color);\n }\n"])));
|
|
12714
|
-
var StyledInput = newStyled.input(templateObject_3$
|
|
12732
|
+
var StyledInput = newStyled.input(templateObject_3$C || (templateObject_3$C = __makeTemplateObject(["\n padding: ", ";\n font-size: ", ";\n border-radius: ", ";\n border: ", ";\n line-height: ", ";\n color: ", ";\n font-weight: ", ";\n flex: 1 1 50%;\n height: 100%;\n width: 100%;\n box-sizing: border-box;\n\n &::placeholder {\n color: ", ";\n }\n\n &:focus {\n outline: none;\n border-color: ", ";\n ", ";\n box-shadow: ", ";\n\n ", ";\n }\n\n &:focus + label,\n &:not(:invalid) + label {\n display: none;\n }\n\n &:disabled {\n background-color: ", ";\n border: 0.063rem solid ", ";\n color: ", ";\n\n &::placeholder {\n color: ", ";\n }\n }\n\n ", ";\n"], ["\n padding: ", ";\n font-size: ", ";\n border-radius: ", ";\n border: ", ";\n line-height: ", ";\n color: ", ";\n font-weight: ", ";\n flex: 1 1 50%;\n height: 100%;\n width: 100%;\n box-sizing: border-box;\n\n &::placeholder {\n color: ", ";\n }\n\n &:focus {\n outline: none;\n border-color: ", ";\n ", ";\n box-shadow: ", ";\n\n ", ";\n }\n\n &:focus + label,\n &:not(:invalid) + label {\n display: none;\n }\n\n &:disabled {\n background-color: ", ";\n border: 0.063rem solid ", ";\n color: ", ";\n\n &::placeholder {\n color: ", ";\n }\n }\n\n ", ";\n"])), function (_a) {
|
|
12715
12733
|
var inlinePlaceholder = _a.inlinePlaceholder, theme = _a.theme;
|
|
12716
12734
|
return theme.component[inlinePlaceholder ? 'inputPlaceholder' : 'input'].padding;
|
|
12717
12735
|
}, function (_a) {
|
|
@@ -12784,7 +12802,7 @@ var AnimatedPlaceholder = newStyled.span(templateObject_5$h || (templateObject_5
|
|
|
12784
12802
|
return theme.component.input.lineHeight;
|
|
12785
12803
|
});
|
|
12786
12804
|
var ClearInput = newStyled.div(templateObject_6$f || (templateObject_6$f = __makeTemplateObject(["\n right: 0.75rem;\n top: 1rem;\n position: absolute;\n cursor: pointer;\n"], ["\n right: 0.75rem;\n top: 1rem;\n position: absolute;\n cursor: pointer;\n"])));
|
|
12787
|
-
var templateObject_1$11, templateObject_2$J, templateObject_3$
|
|
12805
|
+
var templateObject_1$11, templateObject_2$J, templateObject_3$C, templateObject_4$s, templateObject_5$h, templateObject_6$f;
|
|
12788
12806
|
|
|
12789
12807
|
var BaseInput = function (_a) {
|
|
12790
12808
|
var value = _a.value, _b = _a.onChange, onChange = _b === void 0 ? function () { } : _b, label = _a.label, children = _a.children, required = _a.required, onValidation = _a.onValidation, size = _a.size, placeholder = _a.placeholder, inlinePlaceholder = _a.inlinePlaceholder, hasError = _a.hasError, _c = _a.inputType, inputType = _c === void 0 ? 'text' : _c, hideClear = _a.hideClear, innerRef = _a.innerRef, requiredPlaceholder = _a.requiredPlaceholder, rest = __rest(_a, ["value", "onChange", "label", "children", "required", "onValidation", "size", "placeholder", "inlinePlaceholder", "hasError", "inputType", "hideClear", "innerRef", "requiredPlaceholder"]);
|
|
@@ -12854,12 +12872,12 @@ var SuccessContainer = newStyled.div(templateObject_1$$ || (templateObject_1$$ =
|
|
|
12854
12872
|
return (size === 'small' ? '36px' : '');
|
|
12855
12873
|
});
|
|
12856
12874
|
var SuccessMessage = newStyled.div(templateObject_2$H || (templateObject_2$H = __makeTemplateObject(["\n background-color: #dfefe0;\n border: 0.063rem solid #5ead63;\n border-radius: 0.5rem;\n width: 100%;\n flex: 1;\n display: flex;\n align-items: center;\n padding: 0 1rem;\n box-sizing: border-box;\n"], ["\n background-color: #dfefe0;\n border: 0.063rem solid #5ead63;\n border-radius: 0.5rem;\n width: 100%;\n flex: 1;\n display: flex;\n align-items: center;\n padding: 0 1rem;\n box-sizing: border-box;\n"])));
|
|
12857
|
-
var SuccessText = newStyled.span(templateObject_3$
|
|
12875
|
+
var SuccessText = newStyled.span(templateObject_3$B || (templateObject_3$B = __makeTemplateObject(["\n margin: 0;\n font-size: 1rem;\n line-height: 1.5rem;\n font-weight: 600;\n margin-left: 0.313rem;\n"], ["\n margin: 0;\n font-size: 1rem;\n line-height: 1.5rem;\n font-weight: 600;\n margin-left: 0.313rem;\n"])));
|
|
12858
12876
|
var Success = function (_a) {
|
|
12859
12877
|
var children = _a.children, successText = _a.successText, size = _a.size;
|
|
12860
12878
|
return (jsxRuntime.jsxs(SuccessContainer, __assign$1({ size: size }, { children: [jsxRuntime.jsxs(SuccessMessage, { children: [jsxRuntime.jsx(Icon.Actions.Check, { fill: "#5EAD63", width: 1.375, height: 1.063 }, void 0), jsxRuntime.jsx(SuccessText, { children: successText }, void 0)] }, void 0), children] }), void 0));
|
|
12861
12879
|
};
|
|
12862
|
-
var templateObject_1$$, templateObject_2$H, templateObject_3$
|
|
12880
|
+
var templateObject_1$$, templateObject_2$H, templateObject_3$B;
|
|
12863
12881
|
|
|
12864
12882
|
var ButtonContainer = newStyled.div(templateObject_1$_ || (templateObject_1$_ = __makeTemplateObject(["\n margin-left: 0.625rem;\n\n button {\n width: 100%;\n height: 100%;\n background-color: ", ";\n }\n"], ["\n margin-left: 0.625rem;\n\n button {\n width: 100%;\n height: 100%;\n background-color: ", ";\n }\n"])), function (_a) {
|
|
12865
12883
|
var status = _a.status, type = _a.type, theme = _a.theme;
|
|
@@ -12937,7 +12955,7 @@ var templateObject_1$X;
|
|
|
12937
12955
|
|
|
12938
12956
|
var Wrapper$2 = newStyled.div(templateObject_1$W || (templateObject_1$W = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n"], ["\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n"])));
|
|
12939
12957
|
var GrandTotal = newStyled.h1(templateObject_2$F || (templateObject_2$F = __makeTemplateObject(["\n margin: 0;\n font-size: 1.5rem;\n line-height: 2rem;\n font-weight: 700;\n color: ", ";\n display: block;\n align-items: center;\n"], ["\n margin: 0;\n font-size: 1.5rem;\n line-height: 2rem;\n font-weight: 700;\n color: ", ";\n display: block;\n align-items: center;\n"])), function (props) { return props.color; });
|
|
12940
|
-
var Currency = newStyled.span(templateObject_3$
|
|
12958
|
+
var Currency = newStyled.span(templateObject_3$A || (templateObject_3$A = __makeTemplateObject(["\n margin: 0;\n margin-right: 0.625rem;\n font-weight: 600;\n color: ", ";\n font-size: ", ";\n line-height: ", ";\n align-self: ", ";\n"], ["\n margin: 0;\n margin-right: 0.625rem;\n font-weight: 600;\n color: ", ";\n font-size: ", ";\n line-height: ", ";\n align-self: ", ";\n"])), function (_a) {
|
|
12941
12959
|
var theme = _a.theme;
|
|
12942
12960
|
return theme.component.total.basicTotal.currency.color;
|
|
12943
12961
|
}, function (_a) {
|
|
@@ -12973,14 +12991,14 @@ var Total = function (_a) {
|
|
|
12973
12991
|
var theme = useTheme();
|
|
12974
12992
|
return (jsxRuntime.jsxs(Wrapper$2, __assign$1({ "data-testid": "total-wrapper" }, { children: [jsxRuntime.jsxs(GrandTotal, __assign$1({ color: theme.component.total.basicTotal.amount.color, "data-testid": "total-price" }, { children: [jsxRuntime.jsx(Currency, { children: currency }, void 0), total] }), void 0), saving && (jsxRuntime.jsxs(Container$F, __assign$1({ "data-testid": "subtotal-container", highlightColor: highlightColor }, { children: [jsxRuntime.jsx(DiscountText, __assign$1({ "data-testid": "saving-title" }, { children: saving.savingText }), void 0), jsxRuntime.jsx(DiscountAmount, __assign$1({ "data-testid": "saving-price" }, { children: saving.amount }), void 0)] }), void 0))] }), void 0));
|
|
12975
12993
|
};
|
|
12976
|
-
var templateObject_1$W, templateObject_2$F, templateObject_3$
|
|
12994
|
+
var templateObject_1$W, templateObject_2$F, templateObject_3$A, templateObject_4$r, templateObject_5$g, templateObject_6$e;
|
|
12977
12995
|
|
|
12978
12996
|
var Wrapper$1 = newStyled.div(templateObject_1$V || (templateObject_1$V = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
|
|
12979
12997
|
var color = _a.color;
|
|
12980
12998
|
return color;
|
|
12981
12999
|
});
|
|
12982
13000
|
var ItemContainer = newStyled.div(templateObject_2$E || (templateObject_2$E = __makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n margin-bottom: 0.625rem;\n\n &:last-child {\n margin-bottom: 0;\n }\n"], ["\n display: flex;\n justify-content: space-between;\n margin-bottom: 0.625rem;\n\n &:last-child {\n margin-bottom: 0;\n }\n"])));
|
|
12983
|
-
var Item$2 = newStyled.h4(templateObject_3$
|
|
13001
|
+
var Item$2 = newStyled.h4(templateObject_3$z || (templateObject_3$z = __makeTemplateObject(["\n margin: 0;\n font-size: 0.875rem;\n line-height: ", ";\n font-weight: ", ";\n"], ["\n margin: 0;\n font-size: 0.875rem;\n line-height: ", ";\n font-weight: ", ";\n"])), function (_a) {
|
|
12984
13002
|
var theme = _a.theme;
|
|
12985
13003
|
return theme.component.subTotal.basicSubTotal.lineHeight;
|
|
12986
13004
|
}, function (_a) {
|
|
@@ -13000,7 +13018,7 @@ var Subtotal = function (_a) {
|
|
|
13000
13018
|
return (jsxRuntime.jsxs(ItemContainer, { children: [jsxRuntime.jsxs(CouponItem, __assign$1({ color: highlightColor, "data-testid": "discount-title" }, { children: [coupon.couponText, " ", code, " ", coupon.appliedText] }), void 0), jsxRuntime.jsx(CouponItem, __assign$1({ color: highlightColor, "data-testid": "discount-price" }, { children: amount }), void 0)] }, code));
|
|
13001
13019
|
})] }), void 0));
|
|
13002
13020
|
};
|
|
13003
|
-
var templateObject_1$V, templateObject_2$E, templateObject_3$
|
|
13021
|
+
var templateObject_1$V, templateObject_2$E, templateObject_3$z, templateObject_4$q;
|
|
13004
13022
|
|
|
13005
13023
|
var Totals = {
|
|
13006
13024
|
Total: Total,
|
|
@@ -13009,21 +13027,21 @@ var Totals = {
|
|
|
13009
13027
|
|
|
13010
13028
|
var Container$E = newStyled.div(templateObject_1$U || (templateObject_1$U = __makeTemplateObject(["\n padding: 0.625rem 1.25rem;\n background-color: ", ";\n border-radius: 0.313rem;\n display: flex;\n margin-bottom: 0.938rem;\n"], ["\n padding: 0.625rem 1.25rem;\n background-color: ", ";\n border-radius: 0.313rem;\n display: flex;\n margin-bottom: 0.938rem;\n"])), function (props) { return props.color; });
|
|
13011
13029
|
var IconContainer$3 = newStyled.div(templateObject_2$D || (templateObject_2$D = __makeTemplateObject(["\n width: 1rem;\n height: 0.875rem;\n margin-right: 0.5rem;\n margin-top: 0.125rem;\n"], ["\n width: 1rem;\n height: 0.875rem;\n margin-right: 0.5rem;\n margin-top: 0.125rem;\n"])));
|
|
13012
|
-
var Text$5 = newStyled.p(templateObject_3$
|
|
13030
|
+
var Text$5 = newStyled.p(templateObject_3$y || (templateObject_3$y = __makeTemplateObject(["\n font-size: 0.875rem;\n line-height: 1.375rem;\n font-weight: 400;\n margin: 0;\n color: ", ";\n"], ["\n font-size: 0.875rem;\n line-height: 1.375rem;\n font-weight: 400;\n margin: 0;\n color: ", ";\n"])), function (props) { return props.color; });
|
|
13013
13031
|
var Details = newStyled.span(templateObject_4$p || (templateObject_4$p = __makeTemplateObject(["\n color: ", ";\n font-weight: 700;\n"], ["\n color: ", ";\n font-weight: 700;\n"])), function (props) { return props.color; });
|
|
13014
13032
|
var Note = function (_a) {
|
|
13015
13033
|
var accentColor = _a.accentColor, color = _a.color, backgroundColor = _a.backgroundColor, importantNoteText = _a.importantNoteText, text = _a.text;
|
|
13016
13034
|
var theme = useTheme();
|
|
13017
13035
|
return (jsxRuntime.jsxs(Container$E, __assign$1({ color: backgroundColor ? backgroundColor : theme.component.deliveryDetails.note.backgroundColor, "data-testid": "Container" }, { children: [jsxRuntime.jsx(IconContainer$3, { children: jsxRuntime.jsx(Icon.Actions.LightExclamation, { fill: accentColor ? accentColor : theme.component.deliveryDetails.note.accentColor }, void 0) }, void 0), jsxRuntime.jsx("div", { children: jsxRuntime.jsxs(Text$5, __assign$1({ color: color ? color : theme.component.deliveryDetails.note.color }, { children: [importantNoteText && (jsxRuntime.jsxs(Details, __assign$1({ color: accentColor ? accentColor : theme.component.deliveryDetails.note.accentColor }, { children: [importantNoteText, ":"] }), void 0)), ' ', text] }), void 0) }, void 0)] }), void 0));
|
|
13018
13036
|
};
|
|
13019
|
-
var templateObject_1$U, templateObject_2$D, templateObject_3$
|
|
13037
|
+
var templateObject_1$U, templateObject_2$D, templateObject_3$y, templateObject_4$p;
|
|
13020
13038
|
|
|
13021
13039
|
var Title$5 = newStyled.h1(templateObject_1$T || (templateObject_1$T = __makeTemplateObject(["\n color: ", ";\n ", "\n margin: 0;\n text-align: center;\n"], ["\n color: ", ";\n ", "\n margin: 0;\n text-align: center;\n"])), function (props) { return props.color; }, function (_a) {
|
|
13022
13040
|
var theme = _a.theme;
|
|
13023
13041
|
return "\n font-size: ".concat(theme.component.deliveryDetails.title.fontSize, ";\n line-height: ").concat(theme.component.deliveryDetails.title.lineHeight, ";\n font-weight: ").concat(theme.component.deliveryDetails.title.fontWeight, ";\n ");
|
|
13024
13042
|
});
|
|
13025
13043
|
var Line = newStyled.div(templateObject_2$C || (templateObject_2$C = __makeTemplateObject(["\n width: 100%;\n height: 0.063rem;\n background-color: ", ";\n margin: 1.25rem 0;\n"], ["\n width: 100%;\n height: 0.063rem;\n background-color: ", ";\n margin: 1.25rem 0;\n"])), function (props) { return props.backgroundColor; });
|
|
13026
|
-
var Row$1 = newStyled.div(templateObject_3$
|
|
13044
|
+
var Row$1 = newStyled.div(templateObject_3$x || (templateObject_3$x = __makeTemplateObject(["\n display: flex;\n ", "\n justify-content: space-between;\n align-items: flex-start;\n"], ["\n display: flex;\n ", "\n justify-content: space-between;\n align-items: flex-start;\n"])), mediaQueries({
|
|
13027
13045
|
flexDirection: ['column', 'row'],
|
|
13028
13046
|
}));
|
|
13029
13047
|
var Col$1 = newStyled.div(templateObject_4$o || (templateObject_4$o = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n justify-content: center;\n flex: 1;\n ", "\n"], ["\n display: flex;\n flex-direction: column;\n justify-content: center;\n flex: 1;\n ", "\n"])), mediaQueries({
|
|
@@ -13061,7 +13079,7 @@ var DeliveryDetails = function (_a) {
|
|
|
13061
13079
|
var theme = useTheme();
|
|
13062
13080
|
return (jsxRuntime.jsxs("div", __assign$1({ "data-testid": "DeliveryDetails" }, { children: [jsxRuntime.jsx(Title$5, __assign$1({ color: theme.colors.shades[700].color }, { children: deliveryDetailsText }), void 0), jsxRuntime.jsx(Line, { backgroundColor: theme.colors.shades['100'].color }, void 0), note && jsxRuntime.jsx(Note, __assign$1({}, note), void 0), jsxRuntime.jsxs(Row$1, __assign$1({ "data-testid": "DD-row", theme: theme }, { children: [jsxRuntime.jsxs(Col$1, __assign$1({ theme: theme }, { children: [jsxRuntime.jsxs(SectionTitle, __assign$1({ theme: theme }, { children: [jsxRuntime.jsx(IconContainer$2, __assign$1({ theme: theme }, { children: jsxRuntime.jsx(Icon.PDP.Clock, {}, void 0) }), void 0), arrivingBy.title] }), void 0), jsxRuntime.jsx(SectionDetails, __assign$1({ color: theme.colors.shades['700'].color }, { children: arrivingBy.details }), void 0)] }), void 0), jsxRuntime.jsxs(Col$1, __assign$1({ theme: theme }, { children: [jsxRuntime.jsxs(SectionTitle, __assign$1({ theme: theme }, { children: [jsxRuntime.jsx(IconContainer$2, __assign$1({ theme: theme }, { children: jsxRuntime.jsx(Icon.Navigation.MapMarker, {}, void 0) }), void 0), shippingTo.title] }), void 0), jsxRuntime.jsx(SectionDetails, __assign$1({ color: theme.colors.shades['700'].color }, { children: shippingTo.details }), void 0)] }), void 0), jsxRuntime.jsxs(Col$1, __assign$1({ theme: theme }, { children: [jsxRuntime.jsxs(SectionTitle, __assign$1({ theme: theme }, { children: [jsxRuntime.jsx(IconContainer$2, __assign$1({ theme: theme }, { children: jsxRuntime.jsx(Icon.Messaging.Messenger, {}, void 0) }), void 0), instantOrderUpdate.title] }), void 0), jsxRuntime.jsx(SectionDetails, __assign$1({ color: theme.colors.shades['700'].color }, { children: instantOrderUpdate.details }), void 0), instantOrderUpdate.keepMeUpdated && (jsxRuntime.jsxs(KeepMeUpdated, __assign$1({ onClick: instantOrderUpdate.keepMeUpdated.onClick, borderColor: theme.colors.shades['150'].color }, { children: [jsxRuntime.jsx(Icon.Messaging.Messenger, { width: 1, height: 1, fill: "#0078FF" }, void 0), instantOrderUpdate.keepMeUpdated.title] }), void 0))] }), void 0)] }), void 0)] }), void 0));
|
|
13063
13081
|
};
|
|
13064
|
-
var templateObject_1$T, templateObject_2$C, templateObject_3$
|
|
13082
|
+
var templateObject_1$T, templateObject_2$C, templateObject_3$x, templateObject_4$o, templateObject_5$f, templateObject_6$d, templateObject_7$9, templateObject_8$6;
|
|
13065
13083
|
|
|
13066
13084
|
var Container$D = newStyled.div(templateObject_1$S || (templateObject_1$S = __makeTemplateObject(["\n display: inline-flex;\n align-items: center;\n cursor: pointer;\n user-select: none;\n"], ["\n display: inline-flex;\n align-items: center;\n cursor: pointer;\n user-select: none;\n"])));
|
|
13067
13085
|
var Text$4 = newStyled.p(templateObject_2$B || (templateObject_2$B = __makeTemplateObject(["\n margin: 0;\n font-size: 1rem;\n line-height: 1.5rem;\n font-weight: 700;\n color: ", ";\n margin-right: 0.313rem;\n"], ["\n margin: 0;\n font-size: 1rem;\n line-height: 1.5rem;\n font-weight: 700;\n color: ", ";\n margin-right: 0.313rem;\n"])), function (props) { return props.color; });
|
|
@@ -13087,18 +13105,18 @@ var templateObject_1$R, templateObject_2$A;
|
|
|
13087
13105
|
|
|
13088
13106
|
var TableElement$1 = newStyled.table(templateObject_1$Q || (templateObject_1$Q = __makeTemplateObject(["\n box-sizing: border-box;\n border-radius: 0.5rem;\n border: 0.063rem solid ", ";\n border-spacing: 0;\n font-size: 0.875rem;\n line-height: 3.125rem;\n width: 100%;\n color: ", ";\n"], ["\n box-sizing: border-box;\n border-radius: 0.5rem;\n border: 0.063rem solid ", ";\n border-spacing: 0;\n font-size: 0.875rem;\n line-height: 3.125rem;\n width: 100%;\n color: ", ";\n"])), function (props) { return props.borderColor; }, function (props) { return props.color; });
|
|
13089
13107
|
var TableCell$1 = newStyled.td(templateObject_2$z || (templateObject_2$z = __makeTemplateObject(["\n border-bottom: 0.063rem solid ", ";\n border-right: 0.063rem solid ", ";\n padding: 8px;\n text-align: center;\n line-height: 20px;\n height: 52px;\n\n &:last-child {\n border-right: none;\n }\n\n &:first-of-type {\n font-weight: 700;\n }\n"], ["\n border-bottom: 0.063rem solid ", ";\n border-right: 0.063rem solid ", ";\n padding: 8px;\n text-align: center;\n line-height: 20px;\n height: 52px;\n\n &:last-child {\n border-right: none;\n }\n\n &:first-of-type {\n font-weight: 700;\n }\n"])), function (props) { return props.borderColor; }, function (props) { return props.borderColor; });
|
|
13090
|
-
var TableHead$1 = newStyled.th(templateObject_3$
|
|
13108
|
+
var TableHead$1 = newStyled.th(templateObject_3$w || (templateObject_3$w = __makeTemplateObject(["\n border-bottom: 0.063rem solid ", ";\n border-right: 0.063rem solid ", ";\n font-weight: 700;\n\n &:last-child {\n border-right: none;\n }\n"], ["\n border-bottom: 0.063rem solid ", ";\n border-right: 0.063rem solid ", ";\n font-weight: 700;\n\n &:last-child {\n border-right: none;\n }\n"])), function (props) { return props.borderColor; }, function (props) { return props.borderColor; });
|
|
13091
13109
|
var TableRow$1 = newStyled.tr(templateObject_4$n || (templateObject_4$n = __makeTemplateObject(["\n &:last-child {\n td {\n border-bottom: none;\n }\n }\n\n &.background {\n background-color: ", ";\n }\n"], ["\n &:last-child {\n td {\n border-bottom: none;\n }\n }\n\n &.background {\n background-color: ", ";\n }\n"])), function (props) { return props.backgroundColor; });
|
|
13092
13110
|
var SizeTable = function (_a) {
|
|
13093
13111
|
var headers = _a.headers, data = _a.data, className = _a.className;
|
|
13094
13112
|
var theme = useTheme();
|
|
13095
13113
|
return (jsxRuntime.jsxs(TableElement$1, __assign$1({ color: theme.colors.shades['700'].color, borderColor: theme.colors.shades['100'].color, className: className }, { children: [jsxRuntime.jsx("thead", { children: jsxRuntime.jsx(TableRow$1, __assign$1({ backgroundColor: theme.colors.shades['10'].color }, { children: headers.map(function (header, index) { return (jsxRuntime.jsx(TableHead$1, __assign$1({ borderColor: theme.colors.shades['100'].color }, { children: header }), index)); }) }), void 0) }, void 0), jsxRuntime.jsx("tbody", { children: data.map(function (row, index) { return (jsxRuntime.jsx(TableRow$1, __assign$1({ className: index % 2 !== 0 ? '' : 'background', backgroundColor: theme.colors.shades['10'].color }, { children: row.map(function (cell, index) { return (jsxRuntime.jsx(TableCell$1, __assign$1({ borderColor: theme.colors.shades['100'].color }, { children: cell }), index)); }) }), index)); }) }, void 0)] }), void 0));
|
|
13096
13114
|
};
|
|
13097
|
-
var templateObject_1$Q, templateObject_2$z, templateObject_3$
|
|
13115
|
+
var templateObject_1$Q, templateObject_2$z, templateObject_3$w, templateObject_4$n;
|
|
13098
13116
|
|
|
13099
13117
|
var TableElement = newStyled.table(templateObject_1$P || (templateObject_1$P = __makeTemplateObject(["\n box-sizing: border-box;\n border-radius: 0.5rem;\n border: 0.063rem solid ", ";\n border-spacing: 0;\n font-size: 0.875rem;\n line-height: 3.125rem;\n width: 100%;\n color: ", ";\n"], ["\n box-sizing: border-box;\n border-radius: 0.5rem;\n border: 0.063rem solid ", ";\n border-spacing: 0;\n font-size: 0.875rem;\n line-height: 3.125rem;\n width: 100%;\n color: ", ";\n"])), function (props) { return props.borderColor; }, function (props) { return props.color; });
|
|
13100
13118
|
var TableCell = newStyled.td(templateObject_2$y || (templateObject_2$y = __makeTemplateObject(["\n border-bottom: 0.063rem solid ", ";\n border-right: 0.063rem solid ", ";\n text-align: center;\n line-height: normal;\n padding: 1rem;\n text-align: start;\n\n &:last-child {\n border-right: none;\n }\n\n &:first-of-type {\n font-weight: 700;\n text-align: center;\n }\n"], ["\n border-bottom: 0.063rem solid ", ";\n border-right: 0.063rem solid ", ";\n text-align: center;\n line-height: normal;\n padding: 1rem;\n text-align: start;\n\n &:last-child {\n border-right: none;\n }\n\n &:first-of-type {\n font-weight: 700;\n text-align: center;\n }\n"])), function (props) { return props.borderColor; }, function (props) { return props.borderColor; });
|
|
13101
|
-
var TableHead = newStyled.th(templateObject_3$
|
|
13119
|
+
var TableHead = newStyled.th(templateObject_3$v || (templateObject_3$v = __makeTemplateObject(["\n border-bottom: 0.063rem solid ", ";\n border-right: 0.063rem solid ", ";\n font-weight: 700;\n line-height: normal;\n padding: 1rem;\n text-align: start;\n\n &:last-child {\n border-right: none;\n }\n\n &:first-of-type {\n text-align: center;\n }\n"], ["\n border-bottom: 0.063rem solid ", ";\n border-right: 0.063rem solid ", ";\n font-weight: 700;\n line-height: normal;\n padding: 1rem;\n text-align: start;\n\n &:last-child {\n border-right: none;\n }\n\n &:first-of-type {\n text-align: center;\n }\n"])), function (props) { return props.borderColor; }, function (props) { return props.borderColor; });
|
|
13102
13120
|
var TableRow = newStyled.tr(templateObject_4$m || (templateObject_4$m = __makeTemplateObject(["\n &:last-child {\n td {\n border-bottom: none;\n }\n }\n\n &.background {\n background-color: ", ";\n }\n"], ["\n &:last-child {\n td {\n border-bottom: none;\n }\n }\n\n &.background {\n background-color: ", ";\n }\n"])), function (props) { return props.backgroundColor; });
|
|
13103
13121
|
var SizeChartTable = function (_a) {
|
|
13104
13122
|
var headers = _a.headers, data = _a.data, newSizeTableCss = _a.newSizeTableCss;
|
|
@@ -13130,7 +13148,7 @@ var SizeChartTable = function (_a) {
|
|
|
13130
13148
|
backgroundColor: getCellColor(index, cell),
|
|
13131
13149
|
}, borderColor: theme.colors.shades['100'].color }, { children: cell }), index)); }) }, index)); }) }, void 0)) : (jsxRuntime.jsx("tbody", { children: data === null || data === void 0 ? void 0 : data.map(function (row, index) { return (jsxRuntime.jsx(TableRow, __assign$1({ className: index % 2 !== 0 ? '' : 'background', backgroundColor: theme.colors.shades['10'].color }, { children: row === null || row === void 0 ? void 0 : row.map(function (cell, index) { return (jsxRuntime.jsx(TableCell, __assign$1({ borderColor: theme.colors.shades['100'].color }, { children: cell }), index)); }) }), index)); }) }, void 0))] }), void 0));
|
|
13132
13150
|
};
|
|
13133
|
-
var templateObject_1$P, templateObject_2$y, templateObject_3$
|
|
13151
|
+
var templateObject_1$P, templateObject_2$y, templateObject_3$v, templateObject_4$m;
|
|
13134
13152
|
|
|
13135
13153
|
var Img = newStyled.img(templateObject_1$O || (templateObject_1$O = __makeTemplateObject(["\n height: ", ";\n width: ", ";\n border-radius: ", ";\n object-fit: ", ";\n object-position: ", ";\n"], ["\n height: ", ";\n width: ", ";\n border-radius: ", ";\n object-fit: ", ";\n object-position: ", ";\n"])), function (props) { return props.height; }, function (props) { return props.width; }, function (props) { return props.borderRadius; }, function (props) { return props.objectFit; }, function (props) { return props.objectPosition; });
|
|
13136
13154
|
var Image = function (_a) {
|
|
@@ -13142,7 +13160,7 @@ var templateObject_1$O;
|
|
|
13142
13160
|
var Container$B = newStyled.div(templateObject_1$N || (templateObject_1$N = __makeTemplateObject(["\n display: flex;\n flex-direction: row;\n width: auto;\n padding: 10px 0;\n"], ["\n display: flex;\n flex-direction: row;\n width: auto;\n padding: 10px 0;\n"])));
|
|
13143
13161
|
var IMAGE_WIDTH = '63px';
|
|
13144
13162
|
var ImageContainer$4 = newStyled.div(templateObject_2$x || (templateObject_2$x = __makeTemplateObject(["\n position: relative;\n width: ", ";\n img {\n display: block;\n }\n"], ["\n position: relative;\n width: ", ";\n img {\n display: block;\n }\n"])), IMAGE_WIDTH);
|
|
13145
|
-
var DescriptionContainer$1 = newStyled.div(templateObject_3$
|
|
13163
|
+
var DescriptionContainer$1 = newStyled.div(templateObject_3$u || (templateObject_3$u = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n ", ";\n width: calc(100% - ", ");\n"], ["\n display: flex;\n flex-direction: column;\n ", ";\n width: calc(100% - ", ");\n"])), mediaQueries({
|
|
13146
13164
|
paddingLeft: ['0.938rem', '1.875rem'],
|
|
13147
13165
|
}), IMAGE_WIDTH);
|
|
13148
13166
|
var Title$4 = newStyled.h2(function (_a) {
|
|
@@ -13180,7 +13198,7 @@ var SimpleOrderItem = function (_a) {
|
|
|
13180
13198
|
var theme = useTheme();
|
|
13181
13199
|
return (jsxRuntime.jsxs(Container$B, __assign$1({ className: className }, { children: [jsxRuntime.jsxs(ImageContainer$4, { children: [jsxRuntime.jsx(Image, { src: image.src, alt: image.alt, width: "4.063rem", height: "5.375rem", objectFit: "cover", objectPosition: "center" }, void 0), quantity ? jsxRuntime.jsx(Quantity, __assign$1({ "data-testid": "order-item-quantity" }, { children: quantity }), void 0) : null] }, void 0), jsxRuntime.jsxs(DescriptionContainer$1, __assign$1({ "data-testid": "order-item-description-container", theme: theme }, { children: [jsxRuntime.jsx(Title$4, __assign$1({ color: theme.colors.shades['700'].color, "data-testid": "product-title" }, { children: title }), void 0), jsxRuntime.jsx(Subtitle, __assign$1({ color: theme.colors.shades['700'].color, "data-testid": "product-variant-title" }, { children: subtitle }), void 0), jsxRuntime.jsxs(PriceContainer, __assign$1({ "data-testid": "order-item-price-container", withTag: !!tag, theme: theme }, { children: [tag && (jsxRuntime.jsx(OfferBanner, { discountAppliedText: tag === null || tag === void 0 ? void 0 : tag.text, backgroundColor: tag === null || tag === void 0 ? void 0 : tag.backgroundColor }, void 0)), jsxRuntime.jsx(PriceLabel, { finalPrice: price.finalPrice, originalPrice: price.originalPrice, color: price.color || theme.colors.shades['700'].color, size: theme.component.pricing.priceLabel.price.size, finalPriceStyle: finalPriceStyle, originalPriceStyled: true }, void 0)] }), void 0)] }), void 0)] }), void 0));
|
|
13182
13200
|
};
|
|
13183
|
-
var templateObject_1$N, templateObject_2$x, templateObject_3$
|
|
13201
|
+
var templateObject_1$N, templateObject_2$x, templateObject_3$u, templateObject_4$l, templateObject_5$e;
|
|
13184
13202
|
|
|
13185
13203
|
function formatDate(date) {
|
|
13186
13204
|
var day = date.getDate();
|
|
@@ -13191,7 +13209,7 @@ function formatDate(date) {
|
|
|
13191
13209
|
|
|
13192
13210
|
var Container$A = newStyled.div(templateObject_1$M || (templateObject_1$M = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n width: auto;\n color: #292929;\n"], ["\n display: flex;\n flex-direction: column;\n width: auto;\n color: #292929;\n"])));
|
|
13193
13211
|
var Heading = newStyled.div(templateObject_2$w || (templateObject_2$w = __makeTemplateObject(["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n width: 100%;\n font-size: 14px;\n line-height: 22px;\n text-align: right;\n margin-bottom: 10px;\n\n @media (min-width: 768px) {\n font-size: 16px;\n line-height: 24px;\n }\n"], ["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n width: 100%;\n font-size: 14px;\n line-height: 22px;\n text-align: right;\n margin-bottom: 10px;\n\n @media (min-width: 768px) {\n font-size: 16px;\n line-height: 24px;\n }\n"])));
|
|
13194
|
-
var Content$2 = newStyled.div(templateObject_3$
|
|
13212
|
+
var Content$2 = newStyled.div(templateObject_3$t || (templateObject_3$t = __makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n"], ["\n display: flex;\n justify-content: space-between;\n"])));
|
|
13195
13213
|
var ReviewContainer$1 = newStyled.div(templateObject_4$k || (templateObject_4$k = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n"], ["\n display: flex;\n flex-direction: column;\n"])));
|
|
13196
13214
|
var DateText$1 = newStyled.span(templateObject_5$d || (templateObject_5$d = __makeTemplateObject(["\n font-weight: 400;\n font-size: 12px;\n line-height: 16px;\n\n @media (min-width: 768px) {\n font-size: 16px;\n line-height: 24px;\n }\n"], ["\n font-weight: 400;\n font-size: 12px;\n line-height: 16px;\n\n @media (min-width: 768px) {\n font-size: 16px;\n line-height: 24px;\n }\n"])));
|
|
13197
13215
|
var VariantText = newStyled.div(templateObject_6$c || (templateObject_6$c = __makeTemplateObject(["\n font-weight: 400;\n font-size: 14px;\n line-height: 22px;\n\n @media (min-width: 768px) {\n font-size: 16px;\n line-height: 24px;\n }\n"], ["\n font-weight: 400;\n font-size: 14px;\n line-height: 22px;\n\n @media (min-width: 768px) {\n font-size: 16px;\n line-height: 24px;\n }\n"])));
|
|
@@ -13212,15 +13230,15 @@ var Review$1 = function (_a) {
|
|
|
13212
13230
|
var theme = useTheme();
|
|
13213
13231
|
return (jsxRuntime.jsxs(Container$A, { children: [jsxRuntime.jsxs(Heading, __assign$1({ theme: theme }, { children: [jsxRuntime.jsx(ReviewerName$1, __assign$1({ theme: theme }, { children: reviewerName }), void 0), jsxRuntime.jsx(DateText$1, { children: formatDate(date) }, void 0)] }), void 0), jsxRuntime.jsx(StarList, { starsNumber: 5, rating: rating, fill: stars.color, size: stars.size }, void 0), jsxRuntime.jsxs(Content$2, __assign$1({ "data-testid": "review-content", theme: theme }, { children: [jsxRuntime.jsxs(ReviewContainer$1, __assign$1({ theme: theme }, { children: [jsxRuntime.jsx(ReviewTitle$1, __assign$1({ theme: theme }, { children: title }), void 0), jsxRuntime.jsx(ReviewDescription$1, { dangerouslySetInnerHTML: { __html: description } }, void 0), jsxRuntime.jsxs(HelpfulContainerDesktop, { children: [helpfulActionText && helpfulAction && (jsxRuntime.jsx(ButtonSecondaryWrapper, { onClick: function () { return helpfulAction(reviewId); }, text: helpfulActionText, size: exports.ComponentSize.Small }, void 0)), helpfulCount && jsxRuntime.jsxs(HelpfulText, { children: [helpfulCount, " people found this helpful"] }, void 0)] }, void 0)] }), void 0), jsxRuntime.jsxs(ImagesContainer, { children: [jsxRuntime.jsxs(Images, { children: [images === null || images === void 0 ? void 0 : images.map(function (image) { return (jsxRuntime.jsx(ImageWrapper$2, __assign$1({ onClick: function () { return onClickImage && onClickImage(image.src); } }, { children: jsxRuntime.jsx(Image, { src: image.src, alt: image.alt, height: "10rem" }, void 0) }), image.src)); }), !images || (images.length === 0 && jsxRuntime.jsx(ImageSpace, {}, void 0))] }, void 0), jsxRuntime.jsx(VariantText, { children: reviewVariant }, void 0)] }, void 0)] }), void 0), jsxRuntime.jsx(HelpfulTexti, {}, void 0), jsxRuntime.jsxs(HelpfulContainerMobile, { children: [helpfulActionText && helpfulAction && (jsxRuntime.jsx(ButtonSecondaryWrapper, { onClick: function () { return helpfulAction(reviewId); }, text: helpfulActionText, size: exports.ComponentSize.Small }, void 0)), helpfulCount && jsxRuntime.jsxs(HelpfulText, { children: [helpfulCount, " people found this helpful"] }, void 0)] }, void 0)] }, void 0));
|
|
13214
13232
|
};
|
|
13215
|
-
var templateObject_1$M, templateObject_2$w, templateObject_3$
|
|
13233
|
+
var templateObject_1$M, templateObject_2$w, templateObject_3$t, templateObject_4$k, templateObject_5$d, templateObject_6$c, templateObject_7$8, templateObject_8$5, templateObject_9$3, templateObject_10$2, templateObject_11$1, templateObject_12$1, templateObject_13$1, templateObject_14$1, templateObject_15$1, templateObject_16$1, templateObject_17$1, templateObject_18$1;
|
|
13216
13234
|
|
|
13217
13235
|
var List = newStyled.ul(templateObject_1$L || (templateObject_1$L = __makeTemplateObject(["\n display: flex;\n margin: 0;\n padding: 0;\n"], ["\n display: flex;\n margin: 0;\n padding: 0;\n"])));
|
|
13218
13236
|
var Item$1 = newStyled.li(templateObject_2$v || (templateObject_2$v = __makeTemplateObject(["\n width: 1.25rem;\n list-style: none;\n margin-right: 1.5rem;\n position: relative;\n line-height: 0;\n\n &:last-child {\n margin-right: 0;\n }\n\n &:hover {\n .dropdownWrapper {\n visibility: visible;\n }\n }\n"], ["\n width: 1.25rem;\n list-style: none;\n margin-right: 1.5rem;\n position: relative;\n line-height: 0;\n\n &:last-child {\n margin-right: 0;\n }\n\n &:hover {\n .dropdownWrapper {\n visibility: visible;\n }\n }\n"])));
|
|
13219
|
-
var DropdownWrapper = newStyled.div(templateObject_3$
|
|
13237
|
+
var DropdownWrapper = newStyled.div(templateObject_3$s || (templateObject_3$s = __makeTemplateObject(["\n right: -0.938rem;\n min-width: 9.375rem;\n position: absolute;\n padding-top: 0.625rem;\n margin-top: -0.188rem;\n width: max-content;\n visibility: hidden;\n"], ["\n right: -0.938rem;\n min-width: 9.375rem;\n position: absolute;\n padding-top: 0.625rem;\n margin-top: -0.188rem;\n width: max-content;\n visibility: hidden;\n"])));
|
|
13220
13238
|
var ArrowContainer$1 = newStyled.div(templateObject_4$j || (templateObject_4$j = __makeTemplateObject(["\n transform: rotate(180deg);\n display: flex;\n justify-content: flex-start;\n margin-bottom: -0.063rem;\n padding-left: 0.938rem;\n"], ["\n transform: rotate(180deg);\n display: flex;\n justify-content: flex-start;\n margin-bottom: -0.063rem;\n padding-left: 0.938rem;\n"])));
|
|
13221
13239
|
var StyledDropdown = newStyled.ul(templateObject_5$c || (templateObject_5$c = __makeTemplateObject(["\n margin: 0;\n padding: 0;\n border: 0.063rem solid ", ";\n border-radius: 0.5rem;\n display: flex;\n flex-direction: column;\n background-color: #ffffff;\n"], ["\n margin: 0;\n padding: 0;\n border: 0.063rem solid ", ";\n border-radius: 0.5rem;\n display: flex;\n flex-direction: column;\n background-color: #ffffff;\n"])), function (props) { return props.borderColor; });
|
|
13222
13240
|
var DropdownItem = newStyled.li(templateObject_6$b || (templateObject_6$b = __makeTemplateObject(["\n list-style: none;\n padding: 0.813rem;\n border-bottom: 0.063rem solid ", ";\n font-size: 0.875rem;\n line-height: 1.125rem;\n font-weight: 400;\n color: ", ";\n cursor: pointer;\n user-select: none;\n\n &:hover {\n background-color: ", ";\n }\n\n &:last-child {\n border-bottom: none;\n border-radius: 0 0 0.5rem 0.5rem;\n }\n\n &:first-of-type {\n border-radius: 0.5rem 0.5rem 0 0;\n }\n\n &:only-child {\n border-radius: 0.5rem;\n }\n"], ["\n list-style: none;\n padding: 0.813rem;\n border-bottom: 0.063rem solid ", ";\n font-size: 0.875rem;\n line-height: 1.125rem;\n font-weight: 400;\n color: ", ";\n cursor: pointer;\n user-select: none;\n\n &:hover {\n background-color: ", ";\n }\n\n &:last-child {\n border-bottom: none;\n border-radius: 0 0 0.5rem 0.5rem;\n }\n\n &:first-of-type {\n border-radius: 0.5rem 0.5rem 0 0;\n }\n\n &:only-child {\n border-radius: 0.5rem;\n }\n"])), function (props) { return props.borderColor; }, function (props) { return props.color; }, function (props) { return props.hoverColor; });
|
|
13223
|
-
var templateObject_1$L, templateObject_2$v, templateObject_3$
|
|
13241
|
+
var templateObject_1$L, templateObject_2$v, templateObject_3$s, templateObject_4$j, templateObject_5$c, templateObject_6$b;
|
|
13224
13242
|
|
|
13225
13243
|
var DropdownListIcons = function (_a) {
|
|
13226
13244
|
var items = _a.items;
|
|
@@ -13246,7 +13264,7 @@ var templateObject_1$K;
|
|
|
13246
13264
|
|
|
13247
13265
|
var Wrapper = newStyled.div(templateObject_1$J || (templateObject_1$J = __makeTemplateObject(["\n display: flex;\n align-items: center;\n padding: 0.625rem 1.25rem;\n background-color: ", ";\n width: 36.875rem;\n max-width: 100%;\n border-radius: 0.5rem;\n\n img {\n margin-right: ", ";\n }\n"], ["\n display: flex;\n align-items: center;\n padding: 0.625rem 1.25rem;\n background-color: ", ";\n width: 36.875rem;\n max-width: 100%;\n border-radius: 0.5rem;\n\n img {\n margin-right: ", ";\n }\n"])), function (props) { return props.backgroundColor; }, function (props) { return (props.rightToLeft ? '0' : '1.25rem'); });
|
|
13248
13266
|
var Col = newStyled.div(templateObject_2$u || (templateObject_2$u = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n"], ["\n display: flex;\n flex-direction: column;\n"])));
|
|
13249
|
-
var Row = newStyled.div(templateObject_3$
|
|
13267
|
+
var Row = newStyled.div(templateObject_3$r || (templateObject_3$r = __makeTemplateObject(["\n display: flex;\n align-items: center;\n width: 100%;\n margin-left: 10px;\n\n ", "};\n"], ["\n display: flex;\n align-items: center;\n width: 100%;\n margin-left: 10px;\n\n ", "};\n"])), function (props) {
|
|
13250
13268
|
return props.rightToLeft &&
|
|
13251
13269
|
"\n flex-direction: row-reverse;\n justify-content: space-between;\n ";
|
|
13252
13270
|
});
|
|
@@ -13258,7 +13276,7 @@ var CrossSellCheckbox = function (_a) {
|
|
|
13258
13276
|
var theme = useTheme();
|
|
13259
13277
|
return (jsxRuntime.jsxs(Wrapper, __assign$1({ backgroundColor: theme.colors.shades['10'].color, rightToLeft: Boolean(rightToLeft) }, { children: [jsxRuntime.jsx(Checkbox, { text: "", id: "checkbox", onChange: onChange, size: exports.ComponentSize.Small, variant: "secondary" }, void 0), jsxRuntime.jsxs(Row, __assign$1({ rightToLeft: Boolean(rightToLeft) }, { children: [jsxRuntime.jsx(Image, { src: imageURL, alt: "Cross sell image", borderRadius: "0.5rem" }, void 0), jsxRuntime.jsxs(Col, { children: [jsxRuntime.jsx(H5, __assign$1({ color: theme.colors.shades['700'].color }, { children: title }), void 0), jsxRuntime.jsxs(H3$1, __assign$1({ color: theme.colors.semantic.urgent.color }, { children: [description, jsxRuntime.jsxs(FreeShipping, __assign$1({ color: theme.colors.shades['700'].color }, { children: [' ', "+ ", freeShippingText] }), void 0)] }), void 0)] }, void 0)] }), void 0)] }), void 0));
|
|
13260
13278
|
};
|
|
13261
|
-
var templateObject_1$J, templateObject_2$u, templateObject_3$
|
|
13279
|
+
var templateObject_1$J, templateObject_2$u, templateObject_3$r, templateObject_4$i, templateObject_5$b, templateObject_6$a;
|
|
13262
13280
|
|
|
13263
13281
|
var index = /*#__PURE__*/Object.freeze({
|
|
13264
13282
|
__proto__: null,
|
|
@@ -13304,7 +13322,8 @@ var Container$y = newStyled.div(templateObject_1$H || (templateObject_1$H = __ma
|
|
|
13304
13322
|
var displayBNPL = _a.displayBNPL;
|
|
13305
13323
|
return (displayBNPL ? 'flex' : 'none');
|
|
13306
13324
|
});
|
|
13307
|
-
var
|
|
13325
|
+
var TextContainer$1 = newStyled.div(templateObject_2$t || (templateObject_2$t = __makeTemplateObject(["\n font-size: 14px;\n margin: 0;\n line-height: 24px;\n font-weight: 400;\n color: #292929;\n"], ["\n font-size: 14px;\n margin: 0;\n line-height: 24px;\n font-weight: 400;\n color: #292929;\n"])));
|
|
13326
|
+
var IconWrapper$1 = newStyled.div(templateObject_3$q || (templateObject_3$q = __makeTemplateObject(["\n display: inline;\n top: -1px;\n position: relative;\n"], ["\n display: inline;\n top: -1px;\n position: relative;\n"])));
|
|
13308
13327
|
var BuyNowPayLater = function (_a) {
|
|
13309
13328
|
var _b;
|
|
13310
13329
|
var displayBNPL = _a.displayBNPL, installments = _a.installments, installmentPrice = _a.installmentPrice, _c = _a.iconFolder, iconFolder = _c === void 0 ? 'PDP' : _c, iconName = _a.iconName, _d = _a.showLogo, showLogo = _d === void 0 ? true : _d, _e = _a.iconColor, iconColor = _e === void 0 ? '#292929' : _e, fontSize = _a.fontSize;
|
|
@@ -13314,9 +13333,9 @@ var BuyNowPayLater = function (_a) {
|
|
|
13314
13333
|
console.error('Icon', iconName, 'not found');
|
|
13315
13334
|
return null;
|
|
13316
13335
|
}
|
|
13317
|
-
return (jsxRuntime.jsx(Container$y, __assign$1({ displayBNPL: displayBNPL }, { children: jsxRuntime.jsxs(
|
|
13336
|
+
return (jsxRuntime.jsx(Container$y, __assign$1({ displayBNPL: displayBNPL }, { children: jsxRuntime.jsxs(TextContainer$1, __assign$1({ style: { fontSize: fontSize }, "data-testid": "mainText" }, { children: ["Or ".concat(installments, " payments of "), jsxRuntime.jsx(Text$8, __assign$1({ variant: "heading6", style: { display: 'inline', fontSize: fontSize }, testId: "InstallmentPriceId" }, { children: installmentPrice }), void 0), showLogo ? ' with' : '', showLogo && (jsxRuntime.jsx(IconWrapper$1, { children: jsxRuntime.jsx(IconComponent, { width: 3.2, height: 2, fill: iconColor, style: { top: '-3px', position: 'relative' } }, void 0) }, void 0))] }), void 0) }), void 0));
|
|
13318
13337
|
};
|
|
13319
|
-
var templateObject_1$H, templateObject_2$t;
|
|
13338
|
+
var templateObject_1$H, templateObject_2$t, templateObject_3$q;
|
|
13320
13339
|
|
|
13321
13340
|
var Container$x = newStyled('div')(templateObject_1$G || (templateObject_1$G = __makeTemplateObject(["\n gap: 6px;\n display: flex;\n color: #292929;\n align-items: flex-end;\n"], ["\n gap: 6px;\n display: flex;\n color: #292929;\n align-items: flex-end;\n"])));
|
|
13322
13341
|
var Content$1 = newStyled('div')(templateObject_2$s || (templateObject_2$s = __makeTemplateObject(["\n display: flex;\n align-items: flex-end;\n font-size: 14px;\n font-weight: 600;\n"], ["\n display: flex;\n align-items: flex-end;\n font-size: 14px;\n font-weight: 600;\n"])));
|