@klu_dev/ui-klu-green 1.2.18 → 1.2.20
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/README.md +10 -8
- package/dist/index.css +223 -77
- package/dist/index.d.ts +25 -18
- package/dist/index.js +456 -285
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -110,6 +110,7 @@ var ShieldCheckIcon = ({ className }) => /* @__PURE__ */ jsx("div", { className:
|
|
|
110
110
|
var CloseIcon = ({ className }) => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", className, children: /* @__PURE__ */ jsx("path", { d: "M19.2806 18.2194C19.3503 18.289 19.4056 18.3718 19.4433 18.4628C19.481 18.5539 19.5004 18.6514 19.5004 18.75C19.5004 18.8485 19.481 18.9461 19.4433 19.0372C19.4056 19.1282 19.3503 19.2109 19.2806 19.2806C19.2109 19.3503 19.1282 19.4056 19.0372 19.4433C18.9461 19.481 18.8485 19.5004 18.75 19.5004C18.6514 19.5004 18.5539 19.481 18.4628 19.4433C18.3718 19.4056 18.289 19.3503 18.2194 19.2806L12 13.0603L5.78061 19.2806C5.63988 19.4213 5.44901 19.5004 5.24999 19.5004C5.05097 19.5004 4.8601 19.4213 4.71936 19.2806C4.57863 19.1399 4.49957 18.949 4.49957 18.75C4.49957 18.551 4.57863 18.3601 4.71936 18.2194L10.9397 12L4.71936 5.78061C4.57863 5.63988 4.49957 5.44901 4.49957 5.24999C4.49957 5.05097 4.57863 4.8601 4.71936 4.71936C4.8601 4.57863 5.05097 4.49957 5.24999 4.49957C5.44901 4.49957 5.63988 4.57863 5.78061 4.71936L12 10.9397L18.2194 4.71936C18.3601 4.57863 18.551 4.49957 18.75 4.49957C18.949 4.49957 19.1339 4.57863 19.2806 4.71936C19.4213 4.8601 19.5004 5.05097 19.5004 5.24999C19.5004 5.44901 19.4213 5.63988 19.2806 5.78061L13.0603 12L19.2806 18.2194Z", fill: "#09827D" }) });
|
|
111
111
|
var GraphicTop = () => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", children: /* @__PURE__ */ jsx("path", { d: "M29 26C29 26.2652 28.8946 26.5196 28.7071 26.7071C28.5196 26.8946 28.2652 27 28 27H4C3.73478 27 3.48043 26.8946 3.29289 26.7071C3.10536 26.5196 3 26.2652 3 26V6C3 5.73478 3.10536 5.48043 3.29289 5.29289C3.48043 5.10536 3.73478 5 4 5C4.26522 5 4.51957 5.10536 4.70711 5.29289C4.89464 5.48043 5 5.73478 5 6V19.5863L11.2925 13.2925C11.3854 13.1995 11.4957 13.1258 11.6171 13.0754C11.7385 13.0251 11.8686 12.9992 12 12.9992C12.1314 12.9992 12.2615 13.0251 12.3829 13.0754C12.5043 13.1258 12.6146 13.1995 12.7075 13.2925L16 16.5863L22.5863 10H20C19.7348 10 19.4804 9.89464 19.2929 9.70711C19.1054 9.51957 19 9.26522 19 9C19 8.73478 19.1054 8.48043 19.2929 8.29289C19.4804 8.10536 19.7348 8 20 8H25C25.2652 8 25.5196 8.10536 25.7071 8.29289C25.8946 8.48043 26 8.73478 26 9V14C26 14.2652 25.8946 14.5196 25.7071 14.7071C25.5196 14.8946 25.2652 15 25 15C24.7348 15 24.4804 14.8946 24.2929 14.7071C24.1054 14.5196 24 14.2652 24 14V11.4137L16.7075 18.7075C16.6146 18.8005 16.5043 18.8742 16.3829 18.9246C16.2615 18.9749 16.1314 19.0008 16 19.0008C15.8686 19.0008 15.7385 18.9749 15.6171 18.9246C15.4957 18.8742 15.3854 18.8005 15.2925 18.7075L12 15.4137L5 22.4137V25H28C28.2652 25 28.5196 25.1054 28.7071 25.2929C28.8946 25.4804 29 25.7348 29 26Z", fill: "white" }) });
|
|
112
112
|
var MoneyIcon = () => /* @__PURE__ */ jsx("div", { className: "uiklu-bg-primary300 uiklu-rounded-full uiklu-w-6 uiklu-h-6 uiklu-flex uiklu-items-center uiklu-justify-center uiklu-shrink-0", children: /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx("path", { d: "M8 1.5C6.71442 1.5 5.45772 1.88122 4.3888 2.59545C3.31988 3.30968 2.48676 4.32484 1.99479 5.51256C1.50282 6.70028 1.37409 8.00721 1.6249 9.26809C1.8757 10.529 2.49477 11.6872 3.40381 12.5962C4.31285 13.5052 5.47104 14.1243 6.73192 14.3751C7.99279 14.6259 9.29973 14.4972 10.4874 14.0052C11.6752 13.5132 12.6903 12.6801 13.4046 11.6112C14.1188 10.5423 14.5 9.28558 14.5 8C14.4982 6.27665 13.8128 4.62441 12.5942 3.40582C11.3756 2.18722 9.72335 1.50182 8 1.5ZM8 13.5C6.91221 13.5 5.84884 13.1774 4.94437 12.5731C4.0399 11.9687 3.33495 11.1098 2.91867 10.1048C2.50238 9.09977 2.39347 7.9939 2.60568 6.927C2.8179 5.86011 3.34173 4.8801 4.11092 4.11091C4.8801 3.34172 5.86011 2.8179 6.92701 2.60568C7.9939 2.39346 9.09977 2.50238 10.1048 2.91866C11.1098 3.34174 11.9687 4.03989 12.5731 4.94436C13.1774 5.84883 13.5 6.9122 13.5 8C13.4983 9.45818 12.9184 10.8562 11.8873 11.8873C10.8562 12.9184 9.45819 13.4983 8 13.5ZM10.5 9.25C10.5 9.71413 10.3156 10.1592 9.98744 10.4874C9.65925 10.8156 9.21413 11 8.75 11H8.5V11.5C8.5 11.6326 8.44732 11.7598 8.35356 11.8536C8.25979 11.9473 8.13261 12 8 12C7.86739 12 7.74022 11.9473 7.64645 11.8536C7.55268 11.7598 7.5 11.6326 7.5 11.5V11H6.5C6.36739 11 6.24022 10.9473 6.14645 10.8536C6.05268 10.7598 6 10.6326 6 10.5C6 10.3674 6.05268 10.2402 6.14645 10.1464C6.24022 10.0527 6.36739 10 6.5 10H8.75C8.94892 10 9.13968 9.92098 9.28033 9.78033C9.42098 9.63968 9.5 9.44891 9.5 9.25C9.5 9.05109 9.42098 8.86032 9.28033 8.71967C9.13968 8.57902 8.94892 8.5 8.75 8.5H7.25C6.78587 8.5 6.34075 8.31563 6.01257 7.98744C5.68438 7.65925 5.5 7.21413 5.5 6.75C5.5 6.28587 5.68438 5.84075 6.01257 5.51256C6.34075 5.18437 6.78587 5 7.25 5H7.5V4.5C7.5 4.36739 7.55268 4.24021 7.64645 4.14645C7.74022 4.05268 7.86739 4 8 4C8.13261 4 8.25979 4.05268 8.35356 4.14645C8.44732 4.24021 8.5 4.36739 8.5 4.5V5H9.5C9.63261 5 9.75979 5.05268 9.85356 5.14645C9.94732 5.24021 10 5.36739 10 5.5C10 5.63261 9.94732 5.75979 9.85356 5.85355C9.75979 5.94732 9.63261 6 9.5 6H7.25C7.05109 6 6.86032 6.07902 6.71967 6.21967C6.57902 6.36032 6.5 6.55109 6.5 6.75C6.5 6.94891 6.57902 7.13968 6.71967 7.28033C6.86032 7.42098 7.05109 7.5 7.25 7.5H8.75C9.21413 7.5 9.65925 7.68437 9.98744 8.01256C10.3156 8.34075 10.5 8.78587 10.5 9.25Z", fill: "white" }) }) });
|
|
113
|
+
var CardCircleIcon = () => /* @__PURE__ */ jsx("div", { className: "uiklu-bg-primary300 uiklu-rounded-full uiklu-w-6 uiklu-h-6 uiklu-flex \n uiklu-items-center uiklu-justify-center uiklu-shrink-0 uiklu-text-basewhite", children: /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx("path", { d: "M14 3H2C1.73478 3 1.48043 3.10536 1.29289 3.29289C1.10536 3.48043 1 3.73478 1 4V12C1 12.2652 1.10536 12.5196 1.29289 12.7071C1.48043 12.8946 1.73478 13 2 13H14C14.2652 13 14.5196 12.8946 14.7071 12.7071C14.8946 12.5196 15 12.2652 15 12V4C15 3.73478 14.8946 3.48043 14.7071 3.29289C14.5196 3.10536 14.2652 3 14 3ZM14 4V5.5H2V4H14ZM14 12H2V6.5H14V12ZM13 10.5C13 10.6326 12.9473 10.7598 12.8536 10.8536C12.7598 10.9473 12.6326 11 12.5 11H10.5C10.3674 11 10.2402 10.9473 10.1464 10.8536C10.0527 10.7598 10 10.6326 10 10.5C10 10.3674 10.0527 10.2402 10.1464 10.1464C10.2402 10.0527 10.3674 10 10.5 10H12.5C12.6326 10 12.7598 10.0527 12.8536 10.1464C12.9473 10.2402 13 10.3674 13 10.5ZM9 10.5C9 10.6326 8.94732 10.7598 8.85355 10.8536C8.75979 10.9473 8.63261 11 8.5 11H7.5C7.36739 11 7.24021 10.9473 7.14645 10.8536C7.05268 10.7598 7 10.6326 7 10.5C7 10.3674 7.05268 10.2402 7.14645 10.1464C7.24021 10.0527 7.36739 10 7.5 10H8.5C8.63261 10 8.75979 10.0527 8.85355 10.1464C8.94732 10.2402 9 10.3674 9 10.5Z", fill: "white" }) }) });
|
|
113
114
|
var InfoIcon = ({ className }) => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", className, children: /* @__PURE__ */ jsx("path", { d: "M7 1.3125C5.87512 1.3125 4.7755 1.64607 3.8402 2.27102C2.90489 2.89597 2.17591 3.78423 1.74544 4.82349C1.31496 5.86274 1.20233 7.00631 1.42179 8.10958C1.64124 9.21284 2.18292 10.2263 2.97833 11.0217C3.77374 11.8171 4.78716 12.3588 5.89043 12.5782C6.99369 12.7977 8.13726 12.685 9.17651 12.2546C10.2158 11.8241 11.104 11.0951 11.729 10.1598C12.3539 9.2245 12.6875 8.12488 12.6875 7C12.6859 5.49207 12.0862 4.04636 11.0199 2.98009C9.95364 1.91382 8.50793 1.31409 7 1.3125ZM7 11.8125C6.04818 11.8125 5.11773 11.5303 4.32632 11.0014C3.53491 10.4726 2.91808 9.72103 2.55383 8.84166C2.18959 7.96229 2.09428 6.99466 2.27997 6.06113C2.46566 5.12759 2.92401 4.27009 3.59705 3.59705C4.27009 2.92401 5.1276 2.46566 6.06113 2.27997C6.99466 2.09428 7.9623 2.18958 8.84167 2.55383C9.72104 2.91808 10.4726 3.53491 11.0014 4.32632C11.5303 5.11773 11.8125 6.04818 11.8125 7C11.8111 8.27591 11.3036 9.49915 10.4014 10.4014C9.49915 11.3036 8.27591 11.8111 7 11.8125ZM7.875 9.625C7.875 9.74103 7.82891 9.85231 7.74686 9.93436C7.66481 10.0164 7.55353 10.0625 7.4375 10.0625C7.20544 10.0625 6.98288 9.97031 6.81878 9.80622C6.65469 9.64212 6.5625 9.41956 6.5625 9.1875V7C6.44647 7 6.33519 6.95391 6.25314 6.87186C6.1711 6.78981 6.125 6.67853 6.125 6.5625C6.125 6.44647 6.1711 6.33519 6.25314 6.25314C6.33519 6.17109 6.44647 6.125 6.5625 6.125C6.79457 6.125 7.01713 6.21719 7.18122 6.38128C7.34531 6.54538 7.4375 6.76794 7.4375 7V9.1875C7.55353 9.1875 7.66481 9.23359 7.74686 9.31564C7.82891 9.39769 7.875 9.50897 7.875 9.625ZM6.125 4.59375C6.125 4.46396 6.16349 4.33708 6.2356 4.22916C6.30771 4.12124 6.4102 4.03712 6.53012 3.98745C6.65003 3.93778 6.78198 3.92479 6.90928 3.95011C7.03658 3.97543 7.15351 4.03793 7.24529 4.12971C7.33707 4.22149 7.39957 4.33842 7.42489 4.46572C7.45021 4.59302 7.43722 4.72497 7.38755 4.84489C7.33788 4.9648 7.25376 5.06729 7.14584 5.1394C7.03793 5.21151 6.91105 5.25 6.78125 5.25C6.6072 5.25 6.44028 5.18086 6.31721 5.05779C6.19414 4.93472 6.125 4.7678 6.125 4.59375Z", fill: "#09827D" }) });
|
|
114
115
|
var EyeMaskedIcon = ({ className }) => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", className, children: /* @__PURE__ */ jsx(
|
|
115
116
|
"path",
|
|
@@ -141,6 +142,28 @@ var KluIcon = ({ className }) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://ww
|
|
|
141
142
|
/* @__PURE__ */ jsx("path", { d: "M23.837 27.174L14.0828 13.1165C18.0321 9.38277 21.5202 4.97216 23.837 0H18.4225C15.2728 5.5114 10.5798 10.465 5.23224 13.9347V0H0V30.997H5.23596V19.5651C6.93913 18.6131 8.57909 17.5532 10.1372 16.3966L19.9918 31.0007H26.4884L23.8333 27.1777L23.837 27.174Z", fill: "#F2F0EF" }),
|
|
142
143
|
/* @__PURE__ */ jsx("path", { d: "M64.4064 30.9527C66.3349 30.9527 67.8983 29.3892 67.8983 27.4606C67.8983 25.532 66.3349 23.9686 64.4064 23.9686C62.4779 23.9686 60.9146 25.532 60.9146 27.4606C60.9146 29.3892 62.4779 30.9527 64.4064 30.9527Z", fill: "#FDA400" })
|
|
143
144
|
] });
|
|
145
|
+
var KluWhite = ({ className }) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "29", height: "14", viewBox: "0 0 29 14", fill: "none", className, children: [
|
|
146
|
+
/* @__PURE__ */ jsx("path", { d: "M22.4017 9.03211C22.4017 10.4218 21.3662 11.4382 20.048 11.4382C18.8409 11.4382 17.6943 10.6044 17.6943 9.1544V3.52588H15.6693V9.36722C15.6693 10.8363 16.4888 12.1148 17.6943 12.7707C18.2406 13.0677 18.8505 13.2376 19.5334 13.2376C20.5038 13.2376 21.6949 12.7501 22.4017 11.9766V13.2376H24.4266V3.52588H22.4017V9.03053V9.03211Z", fill: "white" }),
|
|
147
|
+
/* @__PURE__ */ jsx("path", { d: "M11.9193 13.2375H13.9443V0H11.9193V13.2375Z", fill: "white" }),
|
|
148
|
+
/* @__PURE__ */ jsx("path", { d: "M10.1804 11.6049L6.01451 5.60153C7.70118 4.00699 9.19091 2.1234 10.1804 0H7.86794C6.52274 2.35369 4.51843 4.46915 2.2346 5.95093V0H0V13.2375H2.23619V8.35544C2.96358 7.94886 3.66398 7.49623 4.32943 7.00231L8.53816 13.2391H11.3127L10.1788 11.6065L10.1804 11.6049Z", fill: "white" }),
|
|
149
|
+
/* @__PURE__ */ jsx("path", { d: "M27.5089 13.2204C28.3325 13.2204 29.0002 12.5527 29.0002 11.7291C29.0002 10.9055 28.3325 10.2378 27.5089 10.2378C26.6853 10.2378 26.0176 10.9055 26.0176 11.7291C26.0176 12.5527 26.6853 13.2204 27.5089 13.2204Z", fill: "#FDA400" })
|
|
150
|
+
] });
|
|
151
|
+
var MasterCard = ({ className }) => /* @__PURE__ */ jsxs(
|
|
152
|
+
"svg",
|
|
153
|
+
{
|
|
154
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
155
|
+
width: "32",
|
|
156
|
+
height: "20",
|
|
157
|
+
viewBox: "0 0 32 20",
|
|
158
|
+
fill: "none",
|
|
159
|
+
className,
|
|
160
|
+
children: [
|
|
161
|
+
/* @__PURE__ */ jsx("path", { d: "M22.0898 0C27.4002 0 31.7051 4.31089 31.7051 9.62891C31.7051 14.9469 27.4002 19.2578 22.0898 19.2578C19.709 19.2577 17.5318 18.3895 15.8525 16.9541C14.1733 18.3895 11.9961 19.2578 9.61523 19.2578C4.30486 19.2578 7.92627e-06 14.9469 0 9.62891C0 4.31089 4.30485 0 9.61523 0C11.9959 4.21598e-05 14.1733 0.867567 15.8525 2.30273C17.5317 0.867555 19.7092 7.12704e-05 22.0898 0Z", fill: "#ED0006" }),
|
|
162
|
+
/* @__PURE__ */ jsx("path", { d: "M22.0889 0C27.3991 0.000172779 31.7041 4.311 31.7041 9.62891C31.7041 14.9468 27.3991 19.2576 22.0889 19.2578C19.7081 19.2578 17.5308 18.3894 15.8516 16.9541C17.9182 15.188 19.2305 12.5629 19.2305 9.62891C19.2305 6.69469 17.9184 4.06888 15.8516 2.30273C17.5308 0.867677 19.7083 0 22.0889 0Z", fill: "#F9A000" }),
|
|
163
|
+
/* @__PURE__ */ jsx("path", { d: "M15.8528 2.30322C17.9189 4.06927 19.2306 6.69489 19.2307 9.62842C19.2307 12.5619 17.9188 15.1875 15.8528 16.9536C13.7867 15.1875 12.4749 12.562 12.4749 9.62842C12.475 6.69482 13.7865 4.06927 15.8528 2.30322Z", fill: "#FF5E00" })
|
|
164
|
+
]
|
|
165
|
+
}
|
|
166
|
+
);
|
|
144
167
|
var SealIcon = ({ className }) => /* @__PURE__ */ jsx(
|
|
145
168
|
"svg",
|
|
146
169
|
{
|
|
@@ -930,6 +953,58 @@ var CHECK = ({ className }) => /* @__PURE__ */ jsxs(
|
|
|
930
953
|
]
|
|
931
954
|
}
|
|
932
955
|
);
|
|
956
|
+
var LOCKOPEN = ({ className }) => /* @__PURE__ */ jsx(
|
|
957
|
+
"svg",
|
|
958
|
+
{
|
|
959
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
960
|
+
width: "18",
|
|
961
|
+
height: "18",
|
|
962
|
+
viewBox: "0 0 18 18",
|
|
963
|
+
fill: "none",
|
|
964
|
+
className,
|
|
965
|
+
style: {
|
|
966
|
+
display: "flex",
|
|
967
|
+
width: "18px",
|
|
968
|
+
height: "18px",
|
|
969
|
+
justifyContent: "center",
|
|
970
|
+
alignItems: "center",
|
|
971
|
+
aspectRatio: "1/1"
|
|
972
|
+
},
|
|
973
|
+
children: /* @__PURE__ */ jsx(
|
|
974
|
+
"path",
|
|
975
|
+
{
|
|
976
|
+
d: "M14.625 5.625H6.75V3.9375C6.75 3.34076 6.98705 2.76847 7.40901 2.34651C7.83097 1.92455 8.40326 1.6875 9 1.6875C10.0807 1.6875 11.0531 2.46094 11.2613 3.4868C11.2921 3.63176 11.379 3.75866 11.503 3.83993C11.6269 3.9212 11.7779 3.95027 11.9232 3.92081C12.0685 3.89135 12.1962 3.80575 12.2787 3.68261C12.3612 3.55947 12.3918 3.40875 12.3637 3.2632C12.0459 1.69805 10.6313 0.5625 9 0.5625C8.10518 0.563431 7.24728 0.919309 6.61454 1.55204C5.98181 2.18478 5.62593 3.04268 5.625 3.9375V5.625H3.375C3.07663 5.625 2.79048 5.74353 2.5795 5.9545C2.36853 6.16548 2.25 6.45163 2.25 6.75V14.625C2.25 14.9234 2.36853 15.2095 2.5795 15.4205C2.79048 15.6315 3.07663 15.75 3.375 15.75H14.625C14.9234 15.75 15.2095 15.6315 15.4205 15.4205C15.6315 15.2095 15.75 14.9234 15.75 14.625V6.75C15.75 6.45163 15.6315 6.16548 15.4205 5.9545C15.2095 5.74353 14.9234 5.625 14.625 5.625ZM14.625 14.625H3.375V6.75H14.625V14.625ZM9.84375 10.6875C9.84375 10.8544 9.79426 11.0175 9.70155 11.1563C9.60884 11.295 9.47706 11.4032 9.32289 11.467C9.16871 11.5309 8.99906 11.5476 8.83539 11.515C8.67172 11.4825 8.52138 11.4021 8.40338 11.2841C8.28538 11.1661 8.20502 11.0158 8.17246 10.8521C8.13991 10.6884 8.15662 10.5188 8.22048 10.3646C8.28434 10.2104 8.39248 10.0787 8.53124 9.98595C8.66999 9.89324 8.83312 9.84375 9 9.84375C9.22378 9.84375 9.43839 9.93264 9.59662 10.0909C9.75485 10.2491 9.84375 10.4637 9.84375 10.6875Z",
|
|
977
|
+
fill: "currentColor"
|
|
978
|
+
}
|
|
979
|
+
)
|
|
980
|
+
}
|
|
981
|
+
);
|
|
982
|
+
var LOCK = ({ className }) => /* @__PURE__ */ jsx(
|
|
983
|
+
"svg",
|
|
984
|
+
{
|
|
985
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
986
|
+
width: "18",
|
|
987
|
+
height: "18",
|
|
988
|
+
viewBox: "0 0 18 18",
|
|
989
|
+
fill: "none",
|
|
990
|
+
className,
|
|
991
|
+
style: {
|
|
992
|
+
display: "flex",
|
|
993
|
+
width: "18px",
|
|
994
|
+
height: "18px",
|
|
995
|
+
justifyContent: "center",
|
|
996
|
+
alignItems: "center",
|
|
997
|
+
aspectRatio: "1/1"
|
|
998
|
+
},
|
|
999
|
+
children: /* @__PURE__ */ jsx(
|
|
1000
|
+
"path",
|
|
1001
|
+
{
|
|
1002
|
+
d: "M14.625 5.625H12.375V3.9375C12.375 3.04239 12.0194 2.18395 11.3865 1.55101C10.7536 0.918079 9.89511 0.5625 9 0.5625C8.10489 0.5625 7.24645 0.918079 6.61351 1.55101C5.98058 2.18395 5.625 3.04239 5.625 3.9375V5.625H3.375C3.07663 5.625 2.79048 5.74353 2.5795 5.9545C2.36853 6.16548 2.25 6.45163 2.25 6.75V14.625C2.25 14.9234 2.36853 15.2095 2.5795 15.4205C2.79048 15.6315 3.07663 15.75 3.375 15.75H14.625C14.9234 15.75 15.2095 15.6315 15.4205 15.4205C15.6315 15.2095 15.75 14.9234 15.75 14.625V6.75C15.75 6.45163 15.6315 6.16548 15.4205 5.9545C15.2095 5.74353 14.9234 5.625 14.625 5.625ZM6.75 3.9375C6.75 3.34076 6.98705 2.76847 7.40901 2.34651C7.83097 1.92455 8.40326 1.6875 9 1.6875C9.59674 1.6875 10.169 1.92455 10.591 2.34651C11.0129 2.76847 11.25 3.34076 11.25 3.9375V5.625H6.75V3.9375ZM14.625 14.625H3.375V6.75H14.625V14.625ZM9.84375 10.6875C9.84375 10.8544 9.79426 11.0175 9.70155 11.1563C9.60884 11.295 9.47706 11.4032 9.32289 11.467C9.16871 11.5309 8.99906 11.5476 8.83539 11.515C8.67172 11.4825 8.52138 11.4021 8.40338 11.2841C8.28538 11.1661 8.20502 11.0158 8.17246 10.8521C8.13991 10.6884 8.15662 10.5188 8.22048 10.3646C8.28434 10.2104 8.39248 10.0787 8.53124 9.98595C8.66999 9.89324 8.83312 9.84375 9 9.84375C9.22378 9.84375 9.43839 9.93264 9.59662 10.0909C9.75485 10.2491 9.84375 10.4637 9.84375 10.6875Z",
|
|
1003
|
+
fill: "currentColor"
|
|
1004
|
+
}
|
|
1005
|
+
)
|
|
1006
|
+
}
|
|
1007
|
+
);
|
|
933
1008
|
var DOWNLOAD = ({ className }) => /* @__PURE__ */ jsx(
|
|
934
1009
|
"svg",
|
|
935
1010
|
{
|
|
@@ -958,6 +1033,7 @@ var DOWNLOAD = ({ className }) => /* @__PURE__ */ jsx(
|
|
|
958
1033
|
);
|
|
959
1034
|
var Icons = {
|
|
960
1035
|
CARD: /* @__PURE__ */ jsx(CardIcon, {}),
|
|
1036
|
+
CARDCIRCLE: /* @__PURE__ */ jsx(CardCircleIcon, {}),
|
|
961
1037
|
TICKET: /* @__PURE__ */ jsx(TicketIcon, {}),
|
|
962
1038
|
CASH: /* @__PURE__ */ jsx(CashIcon, {}),
|
|
963
1039
|
CHEVRON_RIGHT: /* @__PURE__ */ jsx(ChevronRightIcon, {}),
|
|
@@ -973,6 +1049,7 @@ var Icons = {
|
|
|
973
1049
|
ARROW_UP: /* @__PURE__ */ jsx(ArrowUpIcon, {}),
|
|
974
1050
|
ARROW_DOWN: /* @__PURE__ */ jsx(ArrowDownIcon, {}),
|
|
975
1051
|
KLU: /* @__PURE__ */ jsx(KluIcon, {}),
|
|
1052
|
+
KLUWHITE: /* @__PURE__ */ jsx(KluWhite, {}),
|
|
976
1053
|
DESIGNEDFREEDOM: /* @__PURE__ */ jsx(DesignedFreedom, {}),
|
|
977
1054
|
GRAPHIC_TOP: /* @__PURE__ */ jsx(GraphicTop, {}),
|
|
978
1055
|
HOME: /* @__PURE__ */ jsx(HomeIcon, {}),
|
|
@@ -1013,7 +1090,10 @@ var Icons = {
|
|
|
1013
1090
|
CALIENTE: /* @__PURE__ */ jsx(CALIENTE, {}),
|
|
1014
1091
|
WARNING: /* @__PURE__ */ jsx(WARNING, {}),
|
|
1015
1092
|
CHECK: /* @__PURE__ */ jsx(CHECK, {}),
|
|
1016
|
-
DOWNLOAD: /* @__PURE__ */ jsx(DOWNLOAD, {})
|
|
1093
|
+
DOWNLOAD: /* @__PURE__ */ jsx(DOWNLOAD, {}),
|
|
1094
|
+
MASTERCARD: /* @__PURE__ */ jsx(MasterCard, {}),
|
|
1095
|
+
LOCKOPEN: /* @__PURE__ */ jsx(LOCKOPEN, {}),
|
|
1096
|
+
LOCK: /* @__PURE__ */ jsx(LOCK, {})
|
|
1017
1097
|
};
|
|
1018
1098
|
|
|
1019
1099
|
// src/components/ui/input/input.tsx
|
|
@@ -2588,197 +2668,9 @@ var Checkbox = ({
|
|
|
2588
2668
|
] });
|
|
2589
2669
|
};
|
|
2590
2670
|
|
|
2591
|
-
// src/components/ui/inputPhone/inputPhone.tsx
|
|
2592
|
-
import * as React13 from "react";
|
|
2593
|
-
import * as Popover from "@radix-ui/react-popover";
|
|
2594
|
-
import { Check as Check3 } from "lucide-react";
|
|
2595
|
-
import { jsx as jsx23, jsxs as jsxs20 } from "react/jsx-runtime";
|
|
2596
|
-
var DEFAULT_LADAS = [
|
|
2597
|
-
{ label: "MX", code: "+52" },
|
|
2598
|
-
{ label: "US", code: "+1" },
|
|
2599
|
-
{ label: "CA", code: "+1" }
|
|
2600
|
-
];
|
|
2601
|
-
var containerSizes = {
|
|
2602
|
-
sm: "uiklu-h-[34px] uiklu-w-[150px]",
|
|
2603
|
-
md: "uiklu-h-[34px] uiklu-w-[250px]",
|
|
2604
|
-
lg: "uiklu-h-[44px] uiklu-w-[350px]",
|
|
2605
|
-
full: "uiklu-h-[44px] uiklu-w-full"
|
|
2606
|
-
};
|
|
2607
|
-
var fontSizes = {
|
|
2608
|
-
sm: "uiklu-text-sm",
|
|
2609
|
-
md: "uiklu-text-md",
|
|
2610
|
-
lg: "uiklu-text-lg",
|
|
2611
|
-
full: "uiklu-text-lg"
|
|
2612
|
-
};
|
|
2613
|
-
var errorSizes2 = {
|
|
2614
|
-
sm: "uiklu-text-sm",
|
|
2615
|
-
md: "uiklu-text-md",
|
|
2616
|
-
lg: "uiklu-text-lg",
|
|
2617
|
-
full: "uiklu-text-lg"
|
|
2618
|
-
};
|
|
2619
|
-
var InputPhone = React13.forwardRef(
|
|
2620
|
-
({
|
|
2621
|
-
className,
|
|
2622
|
-
size = "lg",
|
|
2623
|
-
error,
|
|
2624
|
-
value = "",
|
|
2625
|
-
onChange,
|
|
2626
|
-
ladas,
|
|
2627
|
-
defaultLadaIndex = 0,
|
|
2628
|
-
...props
|
|
2629
|
-
}, ref) => {
|
|
2630
|
-
const listaLadas = ladas && ladas.length > 0 ? ladas : DEFAULT_LADAS;
|
|
2631
|
-
const [selectedIndex, setSelectedIndex] = React13.useState(defaultLadaIndex);
|
|
2632
|
-
const [open, setOpen] = React13.useState(false);
|
|
2633
|
-
const [searchQuery, setSearchQuery] = React13.useState("");
|
|
2634
|
-
const containerRef = React13.useRef(null);
|
|
2635
|
-
const currentLada = listaLadas[selectedIndex]?.code || "+52";
|
|
2636
|
-
const ladasWithIndex = React13.useMemo(() => {
|
|
2637
|
-
return listaLadas.map((lada, index) => ({ ...lada, originalIndex: index }));
|
|
2638
|
-
}, [listaLadas]);
|
|
2639
|
-
const filteredLadas = React13.useMemo(() => {
|
|
2640
|
-
const query = searchQuery.toLowerCase().trim();
|
|
2641
|
-
if (!query) return ladasWithIndex;
|
|
2642
|
-
return ladasWithIndex.filter(
|
|
2643
|
-
(lada) => lada.code.toLowerCase().includes(query) || lada.label.toLowerCase().includes(query)
|
|
2644
|
-
);
|
|
2645
|
-
}, [searchQuery, ladasWithIndex]);
|
|
2646
|
-
const displayInputValue = React13.useMemo(() => {
|
|
2647
|
-
if (value.startsWith(currentLada)) {
|
|
2648
|
-
return value.slice(currentLada.length);
|
|
2649
|
-
}
|
|
2650
|
-
return value;
|
|
2651
|
-
}, [value, currentLada]);
|
|
2652
|
-
const handleInputChange = (digits, ladaCode) => {
|
|
2653
|
-
const limitedDigits = digits.slice(0, 10);
|
|
2654
|
-
if (onChange) {
|
|
2655
|
-
onChange(limitedDigits ? `${ladaCode}${limitedDigits}` : "");
|
|
2656
|
-
}
|
|
2657
|
-
};
|
|
2658
|
-
React13.useEffect(() => {
|
|
2659
|
-
if (!open) {
|
|
2660
|
-
setSearchQuery("");
|
|
2661
|
-
}
|
|
2662
|
-
}, [open]);
|
|
2663
|
-
return /* @__PURE__ */ jsxs20("div", { className: cn(
|
|
2664
|
-
"uiklu-flex uiklu-flex-col",
|
|
2665
|
-
size === "full" ? "uiklu-w-full" : "uiklu-w-fit"
|
|
2666
|
-
), children: [
|
|
2667
|
-
/* @__PURE__ */ jsxs20(
|
|
2668
|
-
"div",
|
|
2669
|
-
{
|
|
2670
|
-
ref: containerRef,
|
|
2671
|
-
className: cn(
|
|
2672
|
-
"uiklu-relative uiklu-flex uiklu-items-center uiklu-box-border",
|
|
2673
|
-
"uiklu-bg-background uiklu-rounded-[50px] uiklu-border-[1px] uiklu-border-solid uiklu-transition-all",
|
|
2674
|
-
!error ? [
|
|
2675
|
-
"uiklu-border-inputlight",
|
|
2676
|
-
"focus-within:uiklu-border-primary900",
|
|
2677
|
-
"focus-within:uiklu-shadow-[0_0_0_3px_#AFD8D8]"
|
|
2678
|
-
] : [
|
|
2679
|
-
"uiklu-border-destructive",
|
|
2680
|
-
"focus-within:uiklu-border-destructive",
|
|
2681
|
-
"focus-within:uiklu-shadow-[0_0_0_3px_rgba(220,38,38,0.20)]"
|
|
2682
|
-
],
|
|
2683
|
-
containerSizes[size]
|
|
2684
|
-
),
|
|
2685
|
-
children: [
|
|
2686
|
-
/* @__PURE__ */ jsxs20(Popover.Root, { open, onOpenChange: setOpen, children: [
|
|
2687
|
-
/* @__PURE__ */ jsx23(Popover.Trigger, { className: "uiklu-flex uiklu-items-center uiklu-pl-6 \n uiklu-pr-3 uiklu-h-full uiklu-bg-transparent uiklu-border-none uiklu-outline-none uiklu-cursor-pointer", children: /* @__PURE__ */ jsx23("span", { className: cn(
|
|
2688
|
-
"uiklu-font-sans uiklu-font-medium uiklu-text-gray800 uiklu-select-none",
|
|
2689
|
-
fontSizes[size],
|
|
2690
|
-
error && "uiklu-text-destructive"
|
|
2691
|
-
), children: currentLada }) }),
|
|
2692
|
-
/* @__PURE__ */ jsx23(Popover.Portal, { children: /* @__PURE__ */ jsxs20(
|
|
2693
|
-
Popover.Content,
|
|
2694
|
-
{
|
|
2695
|
-
sideOffset: 4,
|
|
2696
|
-
align: "start",
|
|
2697
|
-
style: {
|
|
2698
|
-
width: containerRef.current ? containerRef.current.offsetWidth : "var(--radix-popover-trigger-width)"
|
|
2699
|
-
},
|
|
2700
|
-
className: "uiklu-z-[100] uiklu-overflow-hidden uiklu-rounded-[20px] \n uiklu-border-[1px] uiklu-border-solid uiklu-border-border uiklu-bg-background \n uiklu-text-inputtext uiklu-font-sans uiklu-shadow-md uiklu-pt-[10px] uiklu-box-border",
|
|
2701
|
-
children: [
|
|
2702
|
-
/* @__PURE__ */ jsx23("div", { className: "uiklu-mx-2", children: /* @__PURE__ */ jsx23(
|
|
2703
|
-
"input",
|
|
2704
|
-
{
|
|
2705
|
-
type: "text",
|
|
2706
|
-
placeholder: "Buscar...",
|
|
2707
|
-
value: searchQuery,
|
|
2708
|
-
onChange: (e) => setSearchQuery(e.target.value),
|
|
2709
|
-
className: "uiklu-w-full uiklu-box-border uiklu-py-2 uiklu-px-4 \n uiklu-mb-2 uiklu-text-sm uiklu-border uiklu-border-solid uiklu-border-gray-200 \n uiklu-rounded-[50px] uiklu-outline-none focus:uiklu-border-primary900 \n focus:uiklu-shadow-[0_0_0_3px_#AFD8D8] uiklu-font-sans"
|
|
2710
|
-
}
|
|
2711
|
-
) }),
|
|
2712
|
-
/* @__PURE__ */ jsx23("div", { className: "uiklu-max-h-[150px] uiklu-overflow-y-auto uiklu-overflow-x-hidden \n uiklu-w-full uiklu-box-border uiklu-flex uiklu-flex-col uiklu-gap-[2px]", children: filteredLadas.length > 0 ? filteredLadas.map((lada) => {
|
|
2713
|
-
const isSelected = lada.originalIndex === selectedIndex;
|
|
2714
|
-
return /* @__PURE__ */ jsxs20(
|
|
2715
|
-
"button",
|
|
2716
|
-
{
|
|
2717
|
-
type: "button",
|
|
2718
|
-
onClick: () => {
|
|
2719
|
-
setSelectedIndex(lada.originalIndex);
|
|
2720
|
-
handleInputChange(displayInputValue, lada.code);
|
|
2721
|
-
setOpen(false);
|
|
2722
|
-
},
|
|
2723
|
-
className: cn(
|
|
2724
|
-
"uiklu-relative uiklu-flex uiklu-w-full uiklu-box-border uiklu-cursor-pointer",
|
|
2725
|
-
"uiklu-select-none uiklu-items-center uiklu-py-2.5 uiklu-pl-10 uiklu-pr-4",
|
|
2726
|
-
"uiklu-text-md uiklu-font-sans uiklu-outline-none uiklu-transition-colors",
|
|
2727
|
-
"uiklu-border-none",
|
|
2728
|
-
isSelected ? "uiklu-bg-primary/5 uiklu-text-primary uiklu-font-medium" : "uiklu-bg-transparent uiklu-text-gray800 hover:uiklu-bg-primary/10",
|
|
2729
|
-
"hover:uiklu-text-primary"
|
|
2730
|
-
),
|
|
2731
|
-
children: [
|
|
2732
|
-
/* @__PURE__ */ jsx23("span", { className: "uiklu-absolute uiklu-left-3 uiklu-flex uiklu-h-3.5 uiklu-w-3.5 \n uiklu-items-center uiklu-justify-center", children: isSelected && /* @__PURE__ */ jsx23(Check3, { className: "uiklu-h-4 uiklu-w-4 uiklu-text-primary" }) }),
|
|
2733
|
-
/* @__PURE__ */ jsxs20("span", { className: "uiklu-flex-1 uiklu-truncate uiklu-text-left", children: [
|
|
2734
|
-
lada.label,
|
|
2735
|
-
" (",
|
|
2736
|
-
lada.code,
|
|
2737
|
-
")"
|
|
2738
|
-
] })
|
|
2739
|
-
]
|
|
2740
|
-
},
|
|
2741
|
-
`${lada.label}-${lada.code}`
|
|
2742
|
-
);
|
|
2743
|
-
}) : /* @__PURE__ */ jsx23("div", { className: "uiklu-text-sm uiklu-text-center uiklu-py-3 uiklu-opacity-50 uiklu-font-sans", children: "Sin coincidencias" }) })
|
|
2744
|
-
]
|
|
2745
|
-
}
|
|
2746
|
-
) })
|
|
2747
|
-
] }),
|
|
2748
|
-
/* @__PURE__ */ jsx23(
|
|
2749
|
-
"input",
|
|
2750
|
-
{
|
|
2751
|
-
...props,
|
|
2752
|
-
ref,
|
|
2753
|
-
type: "tel",
|
|
2754
|
-
value: displayInputValue,
|
|
2755
|
-
onChange: (e) => {
|
|
2756
|
-
const cleanValue = e.target.value.replace(/[^\d]/g, "");
|
|
2757
|
-
handleInputChange(cleanValue, currentLada);
|
|
2758
|
-
},
|
|
2759
|
-
className: cn(
|
|
2760
|
-
"uiklu-flex-1 uiklu-h-full uiklu-bg-transparent uiklu-border-none uiklu-outline-none uiklu-font-sans",
|
|
2761
|
-
"uiklu-overflow-hidden uiklu-text-ellipsis uiklu-pl-1 uiklu-pr-6",
|
|
2762
|
-
"uiklu-text-gray800 placeholder:uiklu-text-gray500 placeholder:uiklu-opacity-100",
|
|
2763
|
-
"disabled:uiklu-cursor-not-allowed disabled:uiklu-text-gray200 disabled:placeholder:uiklu-text-gray200",
|
|
2764
|
-
fontSizes[size],
|
|
2765
|
-
error && "!uiklu-text-destructive placeholder:!uiklu-text-destructive",
|
|
2766
|
-
className
|
|
2767
|
-
)
|
|
2768
|
-
}
|
|
2769
|
-
)
|
|
2770
|
-
]
|
|
2771
|
-
}
|
|
2772
|
-
),
|
|
2773
|
-
/* @__PURE__ */ jsx23("div", { className: cn("uiklu-min-h-[20px] uiklu-mb-[10px] uiklu-ml-5 uiklu-flex uiklu-items-center", errorSizes2[size]), children: error && /* @__PURE__ */ jsx23("p", { className: "uiklu-error-message uiklu-leading-tight uiklu-text-destructive uiklu-font-sans uiklu-m-0", children: error }) })
|
|
2774
|
-
] });
|
|
2775
|
-
}
|
|
2776
|
-
);
|
|
2777
|
-
InputPhone.displayName = "InputPhone";
|
|
2778
|
-
|
|
2779
2671
|
// src/components/ui/iconBadge/iconBadge.tsx
|
|
2780
|
-
import * as
|
|
2781
|
-
import { jsx as
|
|
2672
|
+
import * as React13 from "react";
|
|
2673
|
+
import { jsx as jsx23 } from "react/jsx-runtime";
|
|
2782
2674
|
var sizeMap = {
|
|
2783
2675
|
sm: {
|
|
2784
2676
|
container: "uiklu-w-[24px] uiklu-h-[24px]",
|
|
@@ -2798,15 +2690,15 @@ var IconBadge = ({
|
|
|
2798
2690
|
size = "sm"
|
|
2799
2691
|
}) => {
|
|
2800
2692
|
const currentSize = sizeMap[size];
|
|
2801
|
-
return /* @__PURE__ */
|
|
2802
|
-
uiklu-bg-primary300 uiklu-text-basewhite uiklu-leading-none ${currentSize.container}`, children:
|
|
2693
|
+
return /* @__PURE__ */ jsx23("div", { className: `uiklu-flex uiklu-items-center uiklu-justify-center uiklu-rounded-full
|
|
2694
|
+
uiklu-bg-primary300 uiklu-text-basewhite uiklu-leading-none ${currentSize.container}`, children: React13.cloneElement(icon, {
|
|
2803
2695
|
className: `uiklu-block ${icon.props.className || ""} ${currentSize.icon}`.trim()
|
|
2804
2696
|
}) });
|
|
2805
2697
|
};
|
|
2806
2698
|
|
|
2807
2699
|
// src/components/ui/detailCard/detailCard.tsx
|
|
2808
|
-
import { useState as
|
|
2809
|
-
import { jsx as
|
|
2700
|
+
import { useState as useState8 } from "react";
|
|
2701
|
+
import { jsx as jsx24, jsxs as jsxs20 } from "react/jsx-runtime";
|
|
2810
2702
|
var DetailCard = ({
|
|
2811
2703
|
type,
|
|
2812
2704
|
title,
|
|
@@ -2821,7 +2713,7 @@ var DetailCard = ({
|
|
|
2821
2713
|
onSecondaryAction
|
|
2822
2714
|
}) => {
|
|
2823
2715
|
const isSuccess = type === "success";
|
|
2824
|
-
const [copied, setCopied] =
|
|
2716
|
+
const [copied, setCopied] = useState8(false);
|
|
2825
2717
|
const handleCopyLink = () => {
|
|
2826
2718
|
if (trackingUrl) {
|
|
2827
2719
|
navigator.clipboard.writeText(trackingUrl);
|
|
@@ -2829,26 +2721,26 @@ var DetailCard = ({
|
|
|
2829
2721
|
setTimeout(() => setCopied(false), 2e3);
|
|
2830
2722
|
}
|
|
2831
2723
|
};
|
|
2832
|
-
return /* @__PURE__ */
|
|
2833
|
-
/* @__PURE__ */
|
|
2834
|
-
/* @__PURE__ */
|
|
2835
|
-
/* @__PURE__ */
|
|
2836
|
-
/* @__PURE__ */
|
|
2724
|
+
return /* @__PURE__ */ jsxs20("div", { className: "uiklu-w-[516px] uiklu-max-w-full uiklu-mx-auto uiklu-bg-basewhite \n uiklu-border uiklu-border-gray300 uiklu-rounded-[24px] uiklu-p-[16px] uiklu-font-sans uiklu-shadow-sm", children: [
|
|
2725
|
+
/* @__PURE__ */ jsx24("div", { className: "uiklu-flex uiklu-justify-center uiklu-mb-[20px]", children: isSuccess ? /* @__PURE__ */ jsx24("div", { className: "uiklu-w-[80px] uiklu-h-[80px] uiklu-rounded-full uiklu-bg-primary300 \n uiklu-text-basewhite uiklu-flex uiklu-items-center uiklu-justify-center", children: /* @__PURE__ */ jsx24("div", { className: "uiklu-brightness-0 uiklu-invert", children: Icons.CHECK }) }) : /* @__PURE__ */ jsx24("div", { className: "uiklu-w-[80px] uiklu-h-[80px] uiklu-rounded-full uiklu-bg-errorbg \n uiklu-text-basewhite uiklu-flex uiklu-items-center uiklu-justify-center uiklu-overflow-hidden", children: /* @__PURE__ */ jsx24("div", { className: "uiklu-brightness-0 uiklu-invert uiklu-w-[45.5px] uiklu-h-[45.5px] \n uiklu-flex uiklu-items-center uiklu-justify-center uiklu-relative", children: /* @__PURE__ */ jsx24("div", { className: "uiklu-absolute uiklu-top-0 uiklu-left-0 uiklu-w-[56px] uiklu-h-[56px]", children: Icons.WARNING }) }) }) }),
|
|
2726
|
+
/* @__PURE__ */ jsxs20("div", { className: "uiklu-text-center uiklu-mb-[20px]", children: [
|
|
2727
|
+
/* @__PURE__ */ jsx24("h2", { className: "uiklu-text-[18px] uiklu-font-bold uiklu-text-primary900 uiklu-mb-[10px]", children: title }),
|
|
2728
|
+
/* @__PURE__ */ jsx24("span", { className: "uiklu-text-[40px] uiklu-font-bold uiklu-text-gray900", children: amount })
|
|
2837
2729
|
] }),
|
|
2838
|
-
!isSuccess && message && /* @__PURE__ */
|
|
2839
|
-
/* @__PURE__ */
|
|
2840
|
-
/* @__PURE__ */
|
|
2841
|
-
/* @__PURE__ */
|
|
2842
|
-
/* @__PURE__ */
|
|
2843
|
-
/* @__PURE__ */
|
|
2844
|
-
/* @__PURE__ */
|
|
2730
|
+
!isSuccess && message && /* @__PURE__ */ jsx24("p", { className: "uiklu-self-stretch uiklu-text-[14px] uiklu-font-medium \n uiklu-text-gray700 uiklu-text-center uiklu-mb-[20px] uiklu-leading-normal", children: message }),
|
|
2731
|
+
/* @__PURE__ */ jsx24("hr", { className: "uiklu-border-t uiklu-border-gray300 uiklu-w-full uiklu-my-[20px]" }),
|
|
2732
|
+
/* @__PURE__ */ jsxs20("div", { className: "uiklu-mb-[20px]", children: [
|
|
2733
|
+
/* @__PURE__ */ jsx24("h3", { className: "uiklu-text-[14px] uiklu-font-semibold uiklu-text-primary800 uiklu-mb-[10px]", children: summaryTitle }),
|
|
2734
|
+
/* @__PURE__ */ jsx24("div", { className: "uiklu-bg-primarylight uiklu-border uiklu-border-primary50 \n uiklu-rounded-xl uiklu-p-[10px] uiklu-space-y-3", children: summaryItems.map((item, index) => /* @__PURE__ */ jsxs20("div", { className: "uiklu-flex uiklu-justify-between", children: [
|
|
2735
|
+
/* @__PURE__ */ jsx24("span", { className: "uiklu-text-gray600 uiklu-text-[14px] uiklu-font-regular", children: item.label }),
|
|
2736
|
+
/* @__PURE__ */ jsx24("span", { className: "uiklu-text-gray800 uiklu-text-[14px] uiklu-font-semibold", children: item.value })
|
|
2845
2737
|
] }, index)) })
|
|
2846
2738
|
] }),
|
|
2847
|
-
isSuccess && trackingUrl && /* @__PURE__ */
|
|
2848
|
-
/* @__PURE__ */
|
|
2849
|
-
/* @__PURE__ */
|
|
2850
|
-
/* @__PURE__ */
|
|
2851
|
-
/* @__PURE__ */
|
|
2739
|
+
isSuccess && trackingUrl && /* @__PURE__ */ jsxs20("div", { className: "uiklu-mb-[20px]", children: [
|
|
2740
|
+
/* @__PURE__ */ jsx24("h4", { className: "uiklu-text-[14px] uiklu-font-semibold uiklu-text-primary800 \n uiklu-mb-[10px] uiklu-mb-1", children: "Comprobante de la transacci\xF3n" }),
|
|
2741
|
+
/* @__PURE__ */ jsx24("span", { className: "uiklu-text-[14px] uiklu-text-gray600 uiklu-block uiklu-mb-[10px]", children: "Liga de seguimiento" }),
|
|
2742
|
+
/* @__PURE__ */ jsxs20("div", { className: "uiklu-flex uiklu-w-full uiklu-items-center uiklu-gap-[10px]", children: [
|
|
2743
|
+
/* @__PURE__ */ jsx24("div", { className: "uiklu-flex uiklu-h-[28px] uiklu-flex-1 uiklu-items-center \n uiklu-gap-[8px] uiklu-rounded-lg uiklu-border uiklu-border-inputlight uiklu-bg-basewhite \n uiklu-px-[10px] uiklu-py-[4px]", children: /* @__PURE__ */ jsx24(
|
|
2852
2744
|
"input",
|
|
2853
2745
|
{
|
|
2854
2746
|
type: "text",
|
|
@@ -2857,22 +2749,22 @@ var DetailCard = ({
|
|
|
2857
2749
|
className: "uiklu-w-full uiklu-bg-transparent uiklu-text-[14px] uiklu-text-primary800 \n uiklu-truncate focus:uiklu-outline-none"
|
|
2858
2750
|
}
|
|
2859
2751
|
) }),
|
|
2860
|
-
/* @__PURE__ */
|
|
2752
|
+
/* @__PURE__ */ jsxs20(
|
|
2861
2753
|
"button",
|
|
2862
2754
|
{
|
|
2863
2755
|
type: "button",
|
|
2864
2756
|
onClick: handleCopyLink,
|
|
2865
2757
|
className: "uiklu-flex uiklu-w-[140px] uiklu-items-center uiklu-gap-[10px] uiklu-px-4 uiklu-py-2.5\n uiklu-border uiklu-border-primary500 uiklu-text-primary500 uiklu-bg-basewhite\n uiklu-rounded-full uiklu-text-[14px] uiklu-font-medium hover:uiklu-bg-basewhite\n uiklu-transition-colors",
|
|
2866
2758
|
children: [
|
|
2867
|
-
/* @__PURE__ */
|
|
2759
|
+
/* @__PURE__ */ jsx24("span", { children: copied ? "Copiado" : "Copiar liga" }),
|
|
2868
2760
|
Icons.COPY
|
|
2869
2761
|
]
|
|
2870
2762
|
}
|
|
2871
2763
|
)
|
|
2872
2764
|
] })
|
|
2873
2765
|
] }),
|
|
2874
|
-
/* @__PURE__ */
|
|
2875
|
-
/* @__PURE__ */
|
|
2766
|
+
/* @__PURE__ */ jsxs20("div", { className: "uiklu-flex uiklu-w-full uiklu-gap-[20px] contenedor-botones-flow", children: [
|
|
2767
|
+
/* @__PURE__ */ jsx24("style", { children: `
|
|
2876
2768
|
@media (max-width: 550px) {
|
|
2877
2769
|
.contenedor-botones-flow {
|
|
2878
2770
|
flex-direction: column-reverse !important;
|
|
@@ -2885,7 +2777,7 @@ var DetailCard = ({
|
|
|
2885
2777
|
}
|
|
2886
2778
|
}
|
|
2887
2779
|
` }),
|
|
2888
|
-
/* @__PURE__ */
|
|
2780
|
+
/* @__PURE__ */ jsx24(
|
|
2889
2781
|
Button,
|
|
2890
2782
|
{
|
|
2891
2783
|
variant: "outlinePrimary",
|
|
@@ -2895,7 +2787,7 @@ var DetailCard = ({
|
|
|
2895
2787
|
children: secondaryButtonText
|
|
2896
2788
|
}
|
|
2897
2789
|
),
|
|
2898
|
-
/* @__PURE__ */
|
|
2790
|
+
/* @__PURE__ */ jsx24(
|
|
2899
2791
|
Button,
|
|
2900
2792
|
{
|
|
2901
2793
|
variant: "primary",
|
|
@@ -2912,15 +2804,15 @@ var DetailCard = ({
|
|
|
2912
2804
|
};
|
|
2913
2805
|
|
|
2914
2806
|
// src/components/ui/textField/textField.tsx
|
|
2915
|
-
import * as
|
|
2916
|
-
import { jsx as
|
|
2807
|
+
import * as React15 from "react";
|
|
2808
|
+
import { jsx as jsx25, jsxs as jsxs21 } from "react/jsx-runtime";
|
|
2917
2809
|
var inputSizes2 = {
|
|
2918
2810
|
sm: "uiklu-w-[150px] uiklu-text-[10px]",
|
|
2919
2811
|
md: "uiklu-w-[250px] uiklu-text-[12px]",
|
|
2920
2812
|
lg: "uiklu-w-[350px] uiklu-text-[14px]",
|
|
2921
2813
|
full: "uiklu-w-full uiklu-text-[14px]"
|
|
2922
2814
|
};
|
|
2923
|
-
var
|
|
2815
|
+
var containerSizes = {
|
|
2924
2816
|
sm: "uiklu-w-[150px]",
|
|
2925
2817
|
md: "uiklu-w-[250px]",
|
|
2926
2818
|
lg: "uiklu-w-[350px]",
|
|
@@ -2932,7 +2824,7 @@ var labelStyles = {
|
|
|
2932
2824
|
lg: "uiklu-text-[14px] uiklu-mb-[10px]",
|
|
2933
2825
|
full: "uiklu-text-[14px] uiklu-mb-[10px]"
|
|
2934
2826
|
};
|
|
2935
|
-
var
|
|
2827
|
+
var errorSizes2 = {
|
|
2936
2828
|
sm: "uiklu-text-sm",
|
|
2937
2829
|
md: "uiklu-text-md",
|
|
2938
2830
|
lg: "uiklu-text-lg",
|
|
@@ -2944,17 +2836,17 @@ var iconSizes2 = {
|
|
|
2944
2836
|
lg: { w: "24", h: "24" },
|
|
2945
2837
|
full: { w: "24", h: "24" }
|
|
2946
2838
|
};
|
|
2947
|
-
var TextField =
|
|
2839
|
+
var TextField = React15.forwardRef(
|
|
2948
2840
|
({ className, type = "text", size = "full", label, error, isSearchable, onSearchClick, required, labelClassName, ...props }, ref) => {
|
|
2949
|
-
const [showPassword, setShowPassword] =
|
|
2841
|
+
const [showPassword, setShowPassword] = React15.useState(false);
|
|
2950
2842
|
const isMaskable = type === "password" || props.autoComplete === "email" || props.autoComplete === "username";
|
|
2951
2843
|
const showSearchIcon = isSearchable && !isMaskable;
|
|
2952
2844
|
const inputType = type === "password" ? showPassword ? "text" : "password" : type;
|
|
2953
|
-
return /* @__PURE__ */
|
|
2845
|
+
return /* @__PURE__ */ jsxs21("div", { className: cn(
|
|
2954
2846
|
"uiklu-flex uiklu-flex-col uiklu-font-sans",
|
|
2955
|
-
|
|
2847
|
+
containerSizes[size]
|
|
2956
2848
|
), children: [
|
|
2957
|
-
/* @__PURE__ */
|
|
2849
|
+
/* @__PURE__ */ jsxs21(
|
|
2958
2850
|
"label",
|
|
2959
2851
|
{
|
|
2960
2852
|
className: cn(
|
|
@@ -2966,13 +2858,13 @@ var TextField = React16.forwardRef(
|
|
|
2966
2858
|
),
|
|
2967
2859
|
children: [
|
|
2968
2860
|
label,
|
|
2969
|
-
required && /* @__PURE__ */
|
|
2861
|
+
required && /* @__PURE__ */ jsx25("span", { className: "uiklu-ml-0.5", children: "*" })
|
|
2970
2862
|
]
|
|
2971
2863
|
}
|
|
2972
2864
|
),
|
|
2973
|
-
/* @__PURE__ */
|
|
2865
|
+
/* @__PURE__ */ jsxs21("div", { className: cn("uiklu-relative", containerSizes[size]), children: [
|
|
2974
2866
|
" ",
|
|
2975
|
-
/* @__PURE__ */
|
|
2867
|
+
/* @__PURE__ */ jsx25(
|
|
2976
2868
|
"input",
|
|
2977
2869
|
{
|
|
2978
2870
|
...props,
|
|
@@ -3003,14 +2895,14 @@ var TextField = React16.forwardRef(
|
|
|
3003
2895
|
)
|
|
3004
2896
|
}
|
|
3005
2897
|
),
|
|
3006
|
-
isMaskable && /* @__PURE__ */
|
|
2898
|
+
isMaskable && /* @__PURE__ */ jsx25(
|
|
3007
2899
|
"button",
|
|
3008
2900
|
{
|
|
3009
2901
|
type: "button",
|
|
3010
2902
|
disabled: props.disabled,
|
|
3011
2903
|
onClick: () => setShowPassword(!showPassword),
|
|
3012
2904
|
className: "uiklu-absolute uiklu-right-3 uiklu-top-0 uiklu-h-full uiklu-flex\n uiklu-items-center uiklu-justify-center uiklu-bg-transparent uiklu-border-none \n uiklu-p-0 uiklu-cursor-pointer uiklu-z-10",
|
|
3013
|
-
children: /* @__PURE__ */
|
|
2905
|
+
children: /* @__PURE__ */ jsx25(
|
|
3014
2906
|
"div",
|
|
3015
2907
|
{
|
|
3016
2908
|
style: {
|
|
@@ -3023,13 +2915,13 @@ var TextField = React16.forwardRef(
|
|
|
3023
2915
|
)
|
|
3024
2916
|
}
|
|
3025
2917
|
),
|
|
3026
|
-
showSearchIcon && /* @__PURE__ */
|
|
2918
|
+
showSearchIcon && /* @__PURE__ */ jsx25(
|
|
3027
2919
|
"button",
|
|
3028
2920
|
{
|
|
3029
2921
|
type: "button",
|
|
3030
2922
|
onClick: onSearchClick,
|
|
3031
2923
|
className: "uiklu-absolute uiklu-right-3 uiklu-top-0 uiklu-h-full \n uiklu-flex uiklu-items-center uiklu-justify-center uiklu-bg-transparent \n uiklu-border-none uiklu-p-0 uiklu-cursor-pointer uiklu-z-10",
|
|
3032
|
-
children: /* @__PURE__ */
|
|
2924
|
+
children: /* @__PURE__ */ jsx25(
|
|
3033
2925
|
"div",
|
|
3034
2926
|
{
|
|
3035
2927
|
style: {
|
|
@@ -3043,24 +2935,24 @@ var TextField = React16.forwardRef(
|
|
|
3043
2935
|
}
|
|
3044
2936
|
)
|
|
3045
2937
|
] }),
|
|
3046
|
-
/* @__PURE__ */
|
|
2938
|
+
/* @__PURE__ */ jsx25("div", { className: cn("uiklu-min-h-[20px] uiklu-mb-[10px] uiklu-flex uiklu-items-center", errorSizes2[size]), children: error && /* @__PURE__ */ jsx25("p", { className: "uiklu-error-message uiklu-leading-tight uiklu-text-destructive uiklu-font-sans uiklu-m-0", children: error }) })
|
|
3047
2939
|
] });
|
|
3048
2940
|
}
|
|
3049
2941
|
);
|
|
3050
2942
|
TextField.displayName = "TextField";
|
|
3051
2943
|
|
|
3052
2944
|
// src/components/ui/selectField/selectField.tsx
|
|
3053
|
-
import * as
|
|
2945
|
+
import * as React16 from "react";
|
|
3054
2946
|
import * as SelectPrimitive2 from "@radix-ui/react-select";
|
|
3055
|
-
import { Check as
|
|
3056
|
-
import { jsx as
|
|
2947
|
+
import { Check as Check3 } from "lucide-react";
|
|
2948
|
+
import { jsx as jsx26, jsxs as jsxs22 } from "react/jsx-runtime";
|
|
3057
2949
|
var inputSizes3 = {
|
|
3058
2950
|
sm: "uiklu-w-[150px] uiklu-text-[10px]",
|
|
3059
2951
|
md: "uiklu-w-[250px] uiklu-text-[12px]",
|
|
3060
2952
|
lg: "uiklu-w-[350px] uiklu-text-[14px]",
|
|
3061
2953
|
full: "uiklu-w-full uiklu-text-[14px]"
|
|
3062
2954
|
};
|
|
3063
|
-
var
|
|
2955
|
+
var containerSizes2 = {
|
|
3064
2956
|
sm: "uiklu-w-[150px]",
|
|
3065
2957
|
md: "uiklu-w-[250px]",
|
|
3066
2958
|
lg: "uiklu-w-[350px]",
|
|
@@ -3072,7 +2964,7 @@ var labelStyles2 = {
|
|
|
3072
2964
|
lg: "uiklu-text-[14px] uiklu-mb-[10px]",
|
|
3073
2965
|
full: "uiklu-text-[14px] uiklu-mb-[10px]"
|
|
3074
2966
|
};
|
|
3075
|
-
var
|
|
2967
|
+
var errorSizes3 = {
|
|
3076
2968
|
sm: "uiklu-text-sm",
|
|
3077
2969
|
md: "uiklu-text-md",
|
|
3078
2970
|
lg: "uiklu-text-lg",
|
|
@@ -3081,12 +2973,12 @@ var errorSizes4 = {
|
|
|
3081
2973
|
var Select2 = SelectPrimitive2.Root;
|
|
3082
2974
|
var SelectValue = SelectPrimitive2.Value;
|
|
3083
2975
|
var SelectGroup = SelectPrimitive2.Group;
|
|
3084
|
-
var SelectField =
|
|
3085
|
-
return /* @__PURE__ */
|
|
2976
|
+
var SelectField = React16.forwardRef(({ className, size = "full", label, error, required, disabled, placeholder, children, labelClassName, ...props }, ref) => {
|
|
2977
|
+
return /* @__PURE__ */ jsxs22("div", { className: cn(
|
|
3086
2978
|
"uiklu-flex uiklu-flex-col uiklu-font-sans",
|
|
3087
|
-
|
|
2979
|
+
containerSizes2[size]
|
|
3088
2980
|
), children: [
|
|
3089
|
-
/* @__PURE__ */
|
|
2981
|
+
/* @__PURE__ */ jsxs22(
|
|
3090
2982
|
"label",
|
|
3091
2983
|
{
|
|
3092
2984
|
className: cn(
|
|
@@ -3098,12 +2990,12 @@ var SelectField = React17.forwardRef(({ className, size = "full", label, error,
|
|
|
3098
2990
|
),
|
|
3099
2991
|
children: [
|
|
3100
2992
|
label,
|
|
3101
|
-
required && /* @__PURE__ */
|
|
2993
|
+
required && /* @__PURE__ */ jsx26("span", { className: "uiklu-ml-0.5", children: "*" })
|
|
3102
2994
|
]
|
|
3103
2995
|
}
|
|
3104
2996
|
),
|
|
3105
|
-
/* @__PURE__ */
|
|
3106
|
-
/* @__PURE__ */
|
|
2997
|
+
/* @__PURE__ */ jsx26("div", { className: cn("uiklu-relative", containerSizes2[size]), children: /* @__PURE__ */ jsxs22(Select2, { disabled, ...props, children: [
|
|
2998
|
+
/* @__PURE__ */ jsxs22(
|
|
3107
2999
|
SelectPrimitive2.Trigger,
|
|
3108
3000
|
{
|
|
3109
3001
|
ref,
|
|
@@ -3128,8 +3020,8 @@ var SelectField = React17.forwardRef(({ className, size = "full", label, error,
|
|
|
3128
3020
|
className
|
|
3129
3021
|
),
|
|
3130
3022
|
children: [
|
|
3131
|
-
/* @__PURE__ */
|
|
3132
|
-
/* @__PURE__ */
|
|
3023
|
+
/* @__PURE__ */ jsx26("span", { className: "uiklu-truncate", children: /* @__PURE__ */ jsx26(SelectValue, { placeholder }) }),
|
|
3024
|
+
/* @__PURE__ */ jsx26(SelectPrimitive2.Icon, { asChild: true, children: /* @__PURE__ */ jsx26("div", { className: cn(
|
|
3133
3025
|
"uiklu-flex uiklu-items-center uiklu-justify-center uiklu-h-4",
|
|
3134
3026
|
"uiklu-w-4 uiklu-shrink-0 ",
|
|
3135
3027
|
error ? "uiklu-text-destructive" : "uiklu-text-primary500"
|
|
@@ -3139,11 +3031,11 @@ var SelectField = React17.forwardRef(({ className, size = "full", label, error,
|
|
|
3139
3031
|
),
|
|
3140
3032
|
children
|
|
3141
3033
|
] }) }),
|
|
3142
|
-
/* @__PURE__ */
|
|
3034
|
+
/* @__PURE__ */ jsx26("div", { className: cn("uiklu-min-h-[20px] uiklu-mb-[10px] uiklu-flex uiklu-items-center", errorSizes3[size]), children: error && /* @__PURE__ */ jsx26("p", { className: "uiklu-error-message uiklu-leading-tight uiklu-text-destructive uiklu-font-sans uiklu-m-0", children: error }) })
|
|
3143
3035
|
] });
|
|
3144
3036
|
});
|
|
3145
3037
|
SelectField.displayName = "SelectField";
|
|
3146
|
-
var SelectContent2 =
|
|
3038
|
+
var SelectContent2 = React16.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx26(SelectPrimitive2.Portal, { children: /* @__PURE__ */ jsx26(
|
|
3147
3039
|
SelectPrimitive2.Content,
|
|
3148
3040
|
{
|
|
3149
3041
|
ref,
|
|
@@ -3154,11 +3046,11 @@ var SelectContent2 = React17.forwardRef(({ className, children, position = "popp
|
|
|
3154
3046
|
),
|
|
3155
3047
|
position,
|
|
3156
3048
|
...props,
|
|
3157
|
-
children: /* @__PURE__ */
|
|
3049
|
+
children: /* @__PURE__ */ jsx26(SelectPrimitive2.Viewport, { className: "uiklu-p-1", children })
|
|
3158
3050
|
}
|
|
3159
3051
|
) }));
|
|
3160
3052
|
SelectContent2.displayName = SelectPrimitive2.Content.displayName;
|
|
3161
|
-
var SelectItem2 =
|
|
3053
|
+
var SelectItem2 = React16.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs22(
|
|
3162
3054
|
SelectPrimitive2.Item,
|
|
3163
3055
|
{
|
|
3164
3056
|
ref,
|
|
@@ -3169,25 +3061,25 @@ var SelectItem2 = React17.forwardRef(({ className, children, ...props }, ref) =>
|
|
|
3169
3061
|
),
|
|
3170
3062
|
...props,
|
|
3171
3063
|
children: [
|
|
3172
|
-
/* @__PURE__ */
|
|
3173
|
-
/* @__PURE__ */
|
|
3064
|
+
/* @__PURE__ */ jsx26("span", { className: "uiklu-absolute uiklu-left-2 uiklu-flex uiklu-h-3.5 uiklu-w-3.5 uiklu-items-center uiklu-justify-center", children: /* @__PURE__ */ jsx26(SelectPrimitive2.ItemIndicator, { children: /* @__PURE__ */ jsx26(Check3, { className: "uiklu-h-4 uiklu-w-4 uiklu-text-primary900" }) }) }),
|
|
3065
|
+
/* @__PURE__ */ jsx26(SelectPrimitive2.ItemText, { children })
|
|
3174
3066
|
]
|
|
3175
3067
|
}
|
|
3176
3068
|
));
|
|
3177
3069
|
SelectItem2.displayName = SelectPrimitive2.Item.displayName;
|
|
3178
3070
|
|
|
3179
3071
|
// src/components/ui/searchSelectField/searchSelectField.tsx
|
|
3180
|
-
import * as
|
|
3072
|
+
import * as React17 from "react";
|
|
3181
3073
|
import * as PopoverPrimitive2 from "@radix-ui/react-popover";
|
|
3182
|
-
import { Check as
|
|
3183
|
-
import { jsx as
|
|
3074
|
+
import { Check as Check4, X as X3 } from "lucide-react";
|
|
3075
|
+
import { jsx as jsx27, jsxs as jsxs23 } from "react/jsx-runtime";
|
|
3184
3076
|
var inputSizes4 = {
|
|
3185
3077
|
sm: "uiklu-w-[150px] uiklu-text-[10px]",
|
|
3186
3078
|
md: "uiklu-w-[250px] uiklu-text-[12px]",
|
|
3187
3079
|
lg: "uiklu-w-[350px] uiklu-text-[14px]",
|
|
3188
3080
|
full: "uiklu-w-full uiklu-text-[14px]"
|
|
3189
3081
|
};
|
|
3190
|
-
var
|
|
3082
|
+
var containerSizes3 = {
|
|
3191
3083
|
sm: "uiklu-w-[150px]",
|
|
3192
3084
|
md: "uiklu-w-[250px]",
|
|
3193
3085
|
lg: "uiklu-w-[350px]",
|
|
@@ -3199,7 +3091,7 @@ var labelStyles3 = {
|
|
|
3199
3091
|
lg: "uiklu-text-[14px] uiklu-mb-[10px]",
|
|
3200
3092
|
full: "uiklu-text-[14px] uiklu-mb-[10px]"
|
|
3201
3093
|
};
|
|
3202
|
-
var
|
|
3094
|
+
var errorSizes4 = {
|
|
3203
3095
|
sm: "uiklu-text-sm",
|
|
3204
3096
|
md: "uiklu-text-md",
|
|
3205
3097
|
lg: "uiklu-text-lg",
|
|
@@ -3218,12 +3110,12 @@ var SearchSelectField = ({
|
|
|
3218
3110
|
className,
|
|
3219
3111
|
labelClassName
|
|
3220
3112
|
}) => {
|
|
3221
|
-
const [open, setOpen] =
|
|
3222
|
-
const [search, setSearch] =
|
|
3223
|
-
const containerRef =
|
|
3224
|
-
const inputRef =
|
|
3113
|
+
const [open, setOpen] = React17.useState(false);
|
|
3114
|
+
const [search, setSearch] = React17.useState("");
|
|
3115
|
+
const containerRef = React17.useRef(null);
|
|
3116
|
+
const inputRef = React17.useRef(null);
|
|
3225
3117
|
const selectedOption = options.find((opt) => opt.value === value);
|
|
3226
|
-
|
|
3118
|
+
React17.useEffect(() => {
|
|
3227
3119
|
if (selectedOption) {
|
|
3228
3120
|
setSearch(selectedOption.label);
|
|
3229
3121
|
} else {
|
|
@@ -3240,11 +3132,11 @@ var SearchSelectField = ({
|
|
|
3240
3132
|
setOpen(true);
|
|
3241
3133
|
inputRef.current?.focus();
|
|
3242
3134
|
};
|
|
3243
|
-
return /* @__PURE__ */
|
|
3135
|
+
return /* @__PURE__ */ jsxs23("div", { className: cn(
|
|
3244
3136
|
"uiklu-flex uiklu-flex-col uiklu-font-sans",
|
|
3245
|
-
|
|
3137
|
+
containerSizes3[size]
|
|
3246
3138
|
), children: [
|
|
3247
|
-
/* @__PURE__ */
|
|
3139
|
+
/* @__PURE__ */ jsxs23(
|
|
3248
3140
|
"label",
|
|
3249
3141
|
{
|
|
3250
3142
|
className: cn(
|
|
@@ -3256,12 +3148,12 @@ var SearchSelectField = ({
|
|
|
3256
3148
|
),
|
|
3257
3149
|
children: [
|
|
3258
3150
|
label,
|
|
3259
|
-
required && /* @__PURE__ */
|
|
3151
|
+
required && /* @__PURE__ */ jsx27("span", { className: "uiklu-ml-0.5", children: "*" })
|
|
3260
3152
|
]
|
|
3261
3153
|
}
|
|
3262
3154
|
),
|
|
3263
|
-
/* @__PURE__ */
|
|
3264
|
-
/* @__PURE__ */
|
|
3155
|
+
/* @__PURE__ */ jsxs23(PopoverPrimitive2.Root, { open, onOpenChange: setOpen, children: [
|
|
3156
|
+
/* @__PURE__ */ jsx27(PopoverPrimitive2.Anchor, { asChild: true, children: /* @__PURE__ */ jsxs23(
|
|
3265
3157
|
"div",
|
|
3266
3158
|
{
|
|
3267
3159
|
ref: containerRef,
|
|
@@ -3288,7 +3180,7 @@ var SearchSelectField = ({
|
|
|
3288
3180
|
setOpen(true);
|
|
3289
3181
|
},
|
|
3290
3182
|
children: [
|
|
3291
|
-
/* @__PURE__ */
|
|
3183
|
+
/* @__PURE__ */ jsx27(
|
|
3292
3184
|
"input",
|
|
3293
3185
|
{
|
|
3294
3186
|
ref: inputRef,
|
|
@@ -3313,17 +3205,17 @@ var SearchSelectField = ({
|
|
|
3313
3205
|
}
|
|
3314
3206
|
}
|
|
3315
3207
|
),
|
|
3316
|
-
/* @__PURE__ */
|
|
3317
|
-
search && /* @__PURE__ */
|
|
3208
|
+
/* @__PURE__ */ jsxs23("div", { className: "uiklu-flex uiklu-items-center uiklu-ml-2 uiklu-shrink-0", children: [
|
|
3209
|
+
search && /* @__PURE__ */ jsx27(
|
|
3318
3210
|
"button",
|
|
3319
3211
|
{
|
|
3320
3212
|
type: "button",
|
|
3321
3213
|
onClick: handleClear,
|
|
3322
3214
|
className: "uiklu-mr-1 uiklu-opacity-50 hover:uiklu-opacity-100 uiklu-transition-opacity\n uiklu-bg-transparent uiklu-border-none uiklu-outline-none uiklu-p-0 \n uiklu-cursor-pointer uiklu-flex uiklu-items-center uiklu-justify-center",
|
|
3323
|
-
children: /* @__PURE__ */
|
|
3215
|
+
children: /* @__PURE__ */ jsx27(X3, { className: "uiklu-h-4 uiklu-w-4" })
|
|
3324
3216
|
}
|
|
3325
3217
|
),
|
|
3326
|
-
/* @__PURE__ */
|
|
3218
|
+
/* @__PURE__ */ jsx27(
|
|
3327
3219
|
"div",
|
|
3328
3220
|
{
|
|
3329
3221
|
className: cn(
|
|
@@ -3341,7 +3233,7 @@ var SearchSelectField = ({
|
|
|
3341
3233
|
]
|
|
3342
3234
|
}
|
|
3343
3235
|
) }),
|
|
3344
|
-
/* @__PURE__ */
|
|
3236
|
+
/* @__PURE__ */ jsx27(PopoverPrimitive2.Portal, { children: /* @__PURE__ */ jsx27(
|
|
3345
3237
|
PopoverPrimitive2.Content,
|
|
3346
3238
|
{
|
|
3347
3239
|
className: cn(
|
|
@@ -3353,9 +3245,9 @@ var SearchSelectField = ({
|
|
|
3353
3245
|
align: "start",
|
|
3354
3246
|
sideOffset: 4,
|
|
3355
3247
|
onOpenAutoFocus: (e) => e.preventDefault(),
|
|
3356
|
-
children: /* @__PURE__ */
|
|
3248
|
+
children: /* @__PURE__ */ jsx27("div", { className: "uiklu-py-1 uiklu-px-0 uiklu-max-h-96 uiklu-overflow-y-auto uiklu-overflow-x-hidden uiklu-w-full uiklu-box-border", children: filteredOptions.length === 0 ? /* @__PURE__ */ jsx27("div", { className: "uiklu-py-3 uiklu-px-4 uiklu-text-sm uiklu-text-center uiklu-opacity-50 uiklu-font-sans", children: "No se encontraron resultados" }) : filteredOptions.map((option) => {
|
|
3357
3249
|
const isSelected = value === option.value;
|
|
3358
|
-
return /* @__PURE__ */
|
|
3250
|
+
return /* @__PURE__ */ jsxs23(
|
|
3359
3251
|
"div",
|
|
3360
3252
|
{
|
|
3361
3253
|
onClick: () => {
|
|
@@ -3368,12 +3260,12 @@ var SearchSelectField = ({
|
|
|
3368
3260
|
isSelected && "uiklu-bg-primary/5 uiklu-text-primary900 uiklu-font-medium"
|
|
3369
3261
|
),
|
|
3370
3262
|
children: [
|
|
3371
|
-
/* @__PURE__ */
|
|
3263
|
+
/* @__PURE__ */ jsx27("span", { className: "uiklu-absolute uiklu-left-2 uiklu-flex uiklu-h-3.5 uiklu-w-3.5 uiklu-items-center uiklu-justify-center", children: /* @__PURE__ */ jsx27(Check4, { className: cn(
|
|
3372
3264
|
"uiklu-h-4 uiklu-w-4 uiklu-transition-opacity",
|
|
3373
3265
|
isSelected ? "uiklu-opacity-100 uiklu-text-primary900" : "uiklu-opacity-0"
|
|
3374
3266
|
) }) }),
|
|
3375
|
-
/* @__PURE__ */
|
|
3376
|
-
option.extra && /* @__PURE__ */
|
|
3267
|
+
/* @__PURE__ */ jsx27("span", { className: "uiklu-flex-1 uiklu-truncate uiklu-min-w-0 uiklu-inline-flex uiklu-items-center uiklu-h-full uiklu-leading-normal", children: option.label }),
|
|
3268
|
+
option.extra && /* @__PURE__ */ jsx27("span", { className: "uiklu-ml-2 uiklu-shrink-0 uiklu-flex uiklu-items-center", children: option.extra })
|
|
3377
3269
|
]
|
|
3378
3270
|
},
|
|
3379
3271
|
option.value
|
|
@@ -3382,9 +3274,288 @@ var SearchSelectField = ({
|
|
|
3382
3274
|
}
|
|
3383
3275
|
) })
|
|
3384
3276
|
] }),
|
|
3385
|
-
/* @__PURE__ */
|
|
3277
|
+
/* @__PURE__ */ jsx27("div", { className: cn("uiklu-min-h-[20px] uiklu-mb-[10px] uiklu-flex uiklu-items-center", errorSizes4[size]), children: error && /* @__PURE__ */ jsx27("p", { className: "uiklu-error-message uiklu-leading-tight uiklu-text-destructive uiklu-font-sans uiklu-m-0", children: error }) })
|
|
3386
3278
|
] });
|
|
3387
3279
|
};
|
|
3280
|
+
|
|
3281
|
+
// src/components/ui/inputPhoneField/inputPhoneField.tsx
|
|
3282
|
+
import * as React18 from "react";
|
|
3283
|
+
import * as Popover from "@radix-ui/react-popover";
|
|
3284
|
+
import { Check as Check5 } from "lucide-react";
|
|
3285
|
+
import { jsx as jsx28, jsxs as jsxs24 } from "react/jsx-runtime";
|
|
3286
|
+
var DEFAULT_LADAS = [
|
|
3287
|
+
{ label: "MX", code: "+52" },
|
|
3288
|
+
{ label: "US", code: "+1" },
|
|
3289
|
+
{ label: "CA", code: "+1" }
|
|
3290
|
+
];
|
|
3291
|
+
var fontSizes = {
|
|
3292
|
+
sm: "uiklu-text-[10px]",
|
|
3293
|
+
md: "uiklu-text-[12px]",
|
|
3294
|
+
lg: "uiklu-text-[14px]",
|
|
3295
|
+
full: "uiklu-text-[14px]"
|
|
3296
|
+
};
|
|
3297
|
+
var containerSizes4 = {
|
|
3298
|
+
sm: "uiklu-w-[150px]",
|
|
3299
|
+
md: "uiklu-w-[250px]",
|
|
3300
|
+
lg: "uiklu-w-[350px]",
|
|
3301
|
+
full: "uiklu-w-full"
|
|
3302
|
+
};
|
|
3303
|
+
var labelStyles4 = {
|
|
3304
|
+
sm: "uiklu-text-[12px] uiklu-mb-[5px]",
|
|
3305
|
+
md: "uiklu-text-[13px] uiklu-mb-[7px]",
|
|
3306
|
+
lg: "uiklu-text-[14px] uiklu-mb-[10px]",
|
|
3307
|
+
full: "uiklu-text-[14px] uiklu-mb-[10px]"
|
|
3308
|
+
};
|
|
3309
|
+
var errorSizes5 = {
|
|
3310
|
+
sm: "uiklu-text-sm",
|
|
3311
|
+
md: "uiklu-text-md",
|
|
3312
|
+
lg: "uiklu-text-lg",
|
|
3313
|
+
full: "uiklu-text-lg"
|
|
3314
|
+
};
|
|
3315
|
+
var PhoneField = React18.forwardRef(
|
|
3316
|
+
({
|
|
3317
|
+
className,
|
|
3318
|
+
size = "full",
|
|
3319
|
+
label,
|
|
3320
|
+
error,
|
|
3321
|
+
value = "",
|
|
3322
|
+
onChange,
|
|
3323
|
+
ladas,
|
|
3324
|
+
defaultLadaIndex = 0,
|
|
3325
|
+
required,
|
|
3326
|
+
labelClassName,
|
|
3327
|
+
placeholder,
|
|
3328
|
+
...props
|
|
3329
|
+
}, ref) => {
|
|
3330
|
+
const listaLadas = ladas && ladas.length > 0 ? ladas : DEFAULT_LADAS;
|
|
3331
|
+
const [selectedIndex, setSelectedIndex] = React18.useState(defaultLadaIndex);
|
|
3332
|
+
const [open, setOpen] = React18.useState(false);
|
|
3333
|
+
const [searchQuery, setSearchQuery] = React18.useState("");
|
|
3334
|
+
const containerRef = React18.useRef(null);
|
|
3335
|
+
const currentLada = listaLadas[selectedIndex]?.code || "+52";
|
|
3336
|
+
const ladasWithIndex = React18.useMemo(() => {
|
|
3337
|
+
return listaLadas.map((lada, index) => ({ ...lada, originalIndex: index }));
|
|
3338
|
+
}, [listaLadas]);
|
|
3339
|
+
const filteredLadas = React18.useMemo(() => {
|
|
3340
|
+
const query = searchQuery.toLowerCase().trim();
|
|
3341
|
+
if (!query) return ladasWithIndex;
|
|
3342
|
+
return ladasWithIndex.filter(
|
|
3343
|
+
(lada) => lada.code.toLowerCase().includes(query) || lada.label.toLowerCase().includes(query)
|
|
3344
|
+
);
|
|
3345
|
+
}, [searchQuery, ladasWithIndex]);
|
|
3346
|
+
const displayInputValue = React18.useMemo(() => {
|
|
3347
|
+
if (value.startsWith(currentLada)) {
|
|
3348
|
+
return value.slice(currentLada.length);
|
|
3349
|
+
}
|
|
3350
|
+
return value;
|
|
3351
|
+
}, [value, currentLada]);
|
|
3352
|
+
const handleInputChange = (digits, ladaCode) => {
|
|
3353
|
+
const limitedDigits = digits.slice(0, 10);
|
|
3354
|
+
if (onChange) {
|
|
3355
|
+
onChange(limitedDigits ? `${ladaCode}${limitedDigits}` : "");
|
|
3356
|
+
}
|
|
3357
|
+
};
|
|
3358
|
+
React18.useEffect(() => {
|
|
3359
|
+
if (!open) {
|
|
3360
|
+
setSearchQuery("");
|
|
3361
|
+
}
|
|
3362
|
+
}, [open]);
|
|
3363
|
+
return /* @__PURE__ */ jsxs24("div", { className: cn(
|
|
3364
|
+
"uiklu-flex uiklu-flex-col uiklu-font-sans",
|
|
3365
|
+
containerSizes4[size]
|
|
3366
|
+
), children: [
|
|
3367
|
+
/* @__PURE__ */ jsxs24(
|
|
3368
|
+
"label",
|
|
3369
|
+
{
|
|
3370
|
+
className: cn(
|
|
3371
|
+
"uiklu-label uiklu-font-sans uiklu-transition-colors uiklu-text-left",
|
|
3372
|
+
"uiklu-font-normal",
|
|
3373
|
+
labelStyles4[size],
|
|
3374
|
+
!error ? "uiklu-text-gray600" : "uiklu-text-destructive",
|
|
3375
|
+
labelClassName
|
|
3376
|
+
),
|
|
3377
|
+
children: [
|
|
3378
|
+
label,
|
|
3379
|
+
required && /* @__PURE__ */ jsx28("span", { className: "uiklu-ml-0.5", children: "*" })
|
|
3380
|
+
]
|
|
3381
|
+
}
|
|
3382
|
+
),
|
|
3383
|
+
/* @__PURE__ */ jsxs24(
|
|
3384
|
+
"div",
|
|
3385
|
+
{
|
|
3386
|
+
ref: containerRef,
|
|
3387
|
+
className: cn(
|
|
3388
|
+
"uiklu-font-sans uiklu-flex uiklu-box-border uiklu-h-[36px] uiklu-w-full uiklu-items-center uiklu-relative",
|
|
3389
|
+
"uiklu-bg-basewhite uiklu-rounded-[8px] uiklu-border-[1px] uiklu-border-solid uiklu-transition-all",
|
|
3390
|
+
props.disabled && "uiklu-opacity-50 uiklu-pointer-events-none",
|
|
3391
|
+
!error ? [
|
|
3392
|
+
"uiklu-border-gray100",
|
|
3393
|
+
"focus-within:uiklu-border-primary900 focus-within:uiklu-bg-white",
|
|
3394
|
+
"focus-within:uiklu-shadow-[0_0_0_3px_#AFD8D8]"
|
|
3395
|
+
] : [
|
|
3396
|
+
"uiklu-border-destructive uiklu-bg-white",
|
|
3397
|
+
"focus-within:uiklu-border-destructive",
|
|
3398
|
+
"focus-within:uiklu-shadow-[0_0_0_3px_rgba(220,38,38,0.20)]"
|
|
3399
|
+
],
|
|
3400
|
+
containerSizes4[size],
|
|
3401
|
+
className
|
|
3402
|
+
),
|
|
3403
|
+
children: [
|
|
3404
|
+
/* @__PURE__ */ jsxs24(Popover.Root, { open, onOpenChange: setOpen, children: [
|
|
3405
|
+
/* @__PURE__ */ jsxs24(
|
|
3406
|
+
Popover.Trigger,
|
|
3407
|
+
{
|
|
3408
|
+
disabled: props.disabled,
|
|
3409
|
+
className: "uiklu-flex uiklu-items-center uiklu-gap-1.5 uiklu-px-[8px] uiklu-h-full \n uiklu-bg-transparent uiklu-border-none uiklu-outline-none uiklu-cursor-pointer uiklu-shrink-0",
|
|
3410
|
+
children: [
|
|
3411
|
+
/* @__PURE__ */ jsx28("span", { className: cn(
|
|
3412
|
+
"uiklu-font-sans uiklu-font-semibold uiklu-text-gray800 uiklu-select-none uiklu-inline-flex",
|
|
3413
|
+
"uiklu-items-center uiklu-h-full uiklu-leading-normal",
|
|
3414
|
+
fontSizes[size],
|
|
3415
|
+
error && "!uiklu-text-destructive"
|
|
3416
|
+
), children: currentLada }),
|
|
3417
|
+
/* @__PURE__ */ jsx28("div", { className: cn(
|
|
3418
|
+
"uiklu-flex uiklu-items-center uiklu-justify-center uiklu-h-4 uiklu-w-4",
|
|
3419
|
+
"uiklu-shrink-0",
|
|
3420
|
+
error ? "uiklu-text-destructive" : "uiklu-text-primary500"
|
|
3421
|
+
), children: Icons.CHEVRON_DOWN })
|
|
3422
|
+
]
|
|
3423
|
+
}
|
|
3424
|
+
),
|
|
3425
|
+
/* @__PURE__ */ jsx28(Popover.Portal, { children: /* @__PURE__ */ jsxs24(
|
|
3426
|
+
Popover.Content,
|
|
3427
|
+
{
|
|
3428
|
+
sideOffset: 4,
|
|
3429
|
+
align: "start",
|
|
3430
|
+
style: {
|
|
3431
|
+
width: containerRef.current ? containerRef.current.offsetWidth : "var(--radix-popover-trigger-width)"
|
|
3432
|
+
},
|
|
3433
|
+
className: "uiklu-z-[100] uiklu-overflow-hidden uiklu-rounded-[8px] \n uiklu-border-[1px] uiklu-border-solid uiklu-border-gray100 uiklu-bg-white \n uiklu-text-gray800 uiklu-font-sans uiklu-shadow-md uiklu-pt-[10px] uiklu-box-border",
|
|
3434
|
+
children: [
|
|
3435
|
+
/* @__PURE__ */ jsx28("div", { className: "uiklu-mx-2", children: /* @__PURE__ */ jsx28(
|
|
3436
|
+
"input",
|
|
3437
|
+
{
|
|
3438
|
+
type: "text",
|
|
3439
|
+
placeholder: "Buscar...",
|
|
3440
|
+
value: searchQuery,
|
|
3441
|
+
onChange: (e) => setSearchQuery(e.target.value),
|
|
3442
|
+
className: "uiklu-w-full uiklu-box-border uiklu-py-1.5 uiklu-px-3 \n uiklu-mb-2 uiklu-text-sm uiklu-border uiklu-border-solid uiklu-border-gray100 \n uiklu-rounded-[4px] uiklu-outline-none focus:uiklu-border-primary900 \n uiklu-font-sans uiklu-bg-gray50 placeholder:uiklu-text-gray500"
|
|
3443
|
+
}
|
|
3444
|
+
) }),
|
|
3445
|
+
/* @__PURE__ */ jsx28("div", { className: "uiklu-max-h-[150px] uiklu-overflow-y-auto uiklu-overflow-x-hidden \n uiklu-w-full uiklu-box-border uiklu-flex uiklu-flex-col uiklu-p-1", children: filteredLadas.length > 0 ? filteredLadas.map((lada) => {
|
|
3446
|
+
const isSelected = lada.originalIndex === selectedIndex;
|
|
3447
|
+
return /* @__PURE__ */ jsxs24(
|
|
3448
|
+
"button",
|
|
3449
|
+
{
|
|
3450
|
+
type: "button",
|
|
3451
|
+
onClick: () => {
|
|
3452
|
+
setSelectedIndex(lada.originalIndex);
|
|
3453
|
+
handleInputChange(displayInputValue, lada.code);
|
|
3454
|
+
setOpen(false);
|
|
3455
|
+
},
|
|
3456
|
+
className: cn(
|
|
3457
|
+
"uiklu-relative uiklu-flex uiklu-w-full uiklu-box-border uiklu-cursor-pointer",
|
|
3458
|
+
"uiklu-select-none uiklu-items-center uiklu-py-2 uiklu-pl-8 uiklu-pr-4",
|
|
3459
|
+
"uiklu-text-sm uiklu-font-sans uiklu-outline-none uiklu-transition-colors",
|
|
3460
|
+
"uiklu-border-none uiklu-rounded-[4px]",
|
|
3461
|
+
isSelected ? "uiklu-bg-primary/5 uiklu-text-primary uiklu-font-medium" : "uiklu-bg-transparent uiklu-text-gray800 hover:uiklu-bg-primary/10",
|
|
3462
|
+
"hover:uiklu-text-primary focus:uiklu-bg-primary/10 focus:uiklu-text-primary"
|
|
3463
|
+
),
|
|
3464
|
+
children: [
|
|
3465
|
+
/* @__PURE__ */ jsx28("span", { className: "uiklu-absolute uiklu-left-2 uiklu-flex uiklu-h-3.5 uiklu-w-3.5 \n uiklu-items-center uiklu-justify-center uiklu-font-sans ", children: isSelected && /* @__PURE__ */ jsx28(Check5, { className: "uiklu-h-4 uiklu-w-4 uiklu-text-primary800" }) }),
|
|
3466
|
+
/* @__PURE__ */ jsxs24("span", { className: "uiklu-flex-1 uiklu-truncate uiklu-text-left\n uiklu-inline-flex uiklu-items-center uiklu-h-full uiklu-leading-normal", children: [
|
|
3467
|
+
lada.label,
|
|
3468
|
+
" (",
|
|
3469
|
+
lada.code,
|
|
3470
|
+
")"
|
|
3471
|
+
] })
|
|
3472
|
+
]
|
|
3473
|
+
},
|
|
3474
|
+
`${lada.label}-${lada.code}`
|
|
3475
|
+
);
|
|
3476
|
+
}) : /* @__PURE__ */ jsx28("div", { className: "uiklu-text-sm uiklu-text-center uiklu-py-3 uiklu-opacity-50 uiklu-font-sans", children: "Sin coincidencias" }) })
|
|
3477
|
+
]
|
|
3478
|
+
}
|
|
3479
|
+
) })
|
|
3480
|
+
] }),
|
|
3481
|
+
/* @__PURE__ */ jsx28("div", { className: cn(
|
|
3482
|
+
"uiklu-h-[20px] uiklu-w-px uiklu-border-r uiklu-border-solid",
|
|
3483
|
+
!error ? "uiklu-border-gray100" : "uiklu-border-destructive/40"
|
|
3484
|
+
) }),
|
|
3485
|
+
/* @__PURE__ */ jsx28(
|
|
3486
|
+
"input",
|
|
3487
|
+
{
|
|
3488
|
+
...props,
|
|
3489
|
+
ref,
|
|
3490
|
+
type: "tel",
|
|
3491
|
+
value: displayInputValue,
|
|
3492
|
+
placeholder,
|
|
3493
|
+
onChange: (e) => {
|
|
3494
|
+
const cleanValue = e.target.value.replace(/[^\d]/g, "");
|
|
3495
|
+
handleInputChange(cleanValue, currentLada);
|
|
3496
|
+
},
|
|
3497
|
+
className: cn(
|
|
3498
|
+
"uiklu-flex-1 uiklu-h-full uiklu-bg-transparent uiklu-border-none",
|
|
3499
|
+
"uiklu-outline-none uiklu-font-sans uiklu-font-semibold",
|
|
3500
|
+
"uiklu-overflow-hidden uiklu-text-ellipsis uiklu-pl-[6px] uiklu-pr-[10px] uiklu-leading-normal",
|
|
3501
|
+
"uiklu-text-gray800 placeholder:uiklu-text-gray800",
|
|
3502
|
+
"disabled:uiklu-cursor-not-allowed",
|
|
3503
|
+
fontSizes[size],
|
|
3504
|
+
error && "!uiklu-text-destructive placeholder:!uiklu-text-destructive/60"
|
|
3505
|
+
)
|
|
3506
|
+
}
|
|
3507
|
+
)
|
|
3508
|
+
]
|
|
3509
|
+
}
|
|
3510
|
+
),
|
|
3511
|
+
/* @__PURE__ */ jsx28("div", { className: cn("uiklu-min-h-[20px] uiklu-mb-[10px] uiklu-flex uiklu-items-center", errorSizes5[size]), children: error && /* @__PURE__ */ jsx28("p", { className: "uiklu-error-message uiklu-leading-tight uiklu-text-destructive uiklu-font-sans uiklu-m-0", children: error }) })
|
|
3512
|
+
] });
|
|
3513
|
+
}
|
|
3514
|
+
);
|
|
3515
|
+
PhoneField.displayName = "PhoneField";
|
|
3516
|
+
|
|
3517
|
+
// src/components/ui/corporateCard/corporateCard.tsx
|
|
3518
|
+
import { useState as useState12 } from "react";
|
|
3519
|
+
|
|
3520
|
+
// src/components/ui/switchButton/switchButton.tsx
|
|
3521
|
+
import * as React19 from "react";
|
|
3522
|
+
import * as SwitchPrimitives from "@radix-ui/react-switch";
|
|
3523
|
+
import { jsx as jsx29 } from "react/jsx-runtime";
|
|
3524
|
+
var cn2 = (...classes) => classes.filter(Boolean).join(" ");
|
|
3525
|
+
var Switch = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
|
|
3526
|
+
SwitchPrimitives.Root,
|
|
3527
|
+
{
|
|
3528
|
+
className: cn2(
|
|
3529
|
+
"uiklu-peer uiklu-inline-flex uiklu-h-5 uiklu-w-9 uiklu-shrink-0",
|
|
3530
|
+
"uiklu-cursor-pointer uiklu-items-center uiklu-rounded-full ",
|
|
3531
|
+
"uiklu-border-transparent uiklu-transition-colors",
|
|
3532
|
+
"focus-visible:uiklu-outline-none focus-visible:uiklu-ring-2",
|
|
3533
|
+
"focus-visible:uiklu-ring-gray400 focus-visible:uiklu-ring-offset-2",
|
|
3534
|
+
"disabled:uiklu-cursor-not-allowed disabled:uiklu-opacity-50",
|
|
3535
|
+
"data-[state=checked]:uiklu-bg-primary900 data-[state=unchecked]:uiklu-bg-gray300",
|
|
3536
|
+
className
|
|
3537
|
+
),
|
|
3538
|
+
...props,
|
|
3539
|
+
ref,
|
|
3540
|
+
children: /* @__PURE__ */ jsx29(
|
|
3541
|
+
SwitchPrimitives.Thumb,
|
|
3542
|
+
{
|
|
3543
|
+
className: cn2(
|
|
3544
|
+
"uiklu-pointer-events-none uiklu-block uiklu-h-4 uiklu-w-4 uiklu-rounded-full",
|
|
3545
|
+
"uiklu-bg-basewhite uiklu-shadow-lg uiklu-ring-0 uiklu-transition-transform",
|
|
3546
|
+
"data-[state=checked]:uiklu-translate-x-3 data-[state=unchecked]:uiklu-translate-x-[-4px]"
|
|
3547
|
+
)
|
|
3548
|
+
}
|
|
3549
|
+
)
|
|
3550
|
+
}
|
|
3551
|
+
));
|
|
3552
|
+
Switch.displayName = SwitchPrimitives.Root.displayName;
|
|
3553
|
+
|
|
3554
|
+
// src/components/ui/card/card.tsx
|
|
3555
|
+
import { jsx as jsx30, jsxs as jsxs25 } from "react/jsx-runtime";
|
|
3556
|
+
|
|
3557
|
+
// src/components/ui/corporateCard/corporateCard.tsx
|
|
3558
|
+
import { jsx as jsx31, jsxs as jsxs26 } from "react/jsx-runtime";
|
|
3388
3559
|
export {
|
|
3389
3560
|
BackButton,
|
|
3390
3561
|
BalanceInfo,
|
|
@@ -3396,10 +3567,10 @@ export {
|
|
|
3396
3567
|
Icons,
|
|
3397
3568
|
Input,
|
|
3398
3569
|
InputCode,
|
|
3399
|
-
InputPhone,
|
|
3400
3570
|
LoadingScreen,
|
|
3401
3571
|
MobileMenuDrawer,
|
|
3402
3572
|
Modal,
|
|
3573
|
+
PhoneField,
|
|
3403
3574
|
PromoBanner,
|
|
3404
3575
|
SearchSelect,
|
|
3405
3576
|
SearchSelectField,
|