bmi-next-brokers 2.5.5 → 2.5.7

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.
@@ -0,0 +1,59 @@
1
+ import './assets/Select.css';const e = "_selectContainer_ystc6_23", t = "_disabled_ystc6_39", o = "_selectContainer_medium_ystc6_57", n = "_selectContainer_large_ystc6_65", c = "_selectContainer_extraLarge_ystc6_67", _ = "_label_ystc6_85", r = "_label_large_ystc6_107", s = "_label_extraLarge_ystc6_109", i = "_label_inverted_ystc6_117", l = "_selectWrapper_ystc6_135", a = "_select_ystc6_23", p = "_open_ystc6_225", d = "_small_ystc6_247", y = "_medium_ystc6_269", h = "_large_ystc6_291", b = "_extraLarge_ystc6_313", u = "_selectValue_ystc6_341", g = "_selectInput_ystc6_361", m = "_placeholder_ystc6_411", v = "_error_ystc6_439", w = "_btc_ystc6_467", C = "_errorShake_ystc6_1", W = "_inverted_ystc6_597", x = "_chevron_ystc6_641", S = "_icon_inverted_ystc6_649", D = "_chevronOpen_ystc6_741", L = "_icon_ystc6_649", k = "_iconLabel_ystc6_785", I = "_optionIcon_ystc6_807", V = "_required_ystc6_829", q = "_required_inverted_ystc6_839", H = "_dropdown_ystc6_857", T = "_highlight_ystc6_891", O = "_isDrawer_ystc6_907", P = "_dropdownPortal_ystc6_953", R = "_drawerSelect_ystc6_979", f = "_drawerSelectHeader_ystc6_987", j = "_drawerSearchInput_ystc6_995", z = "_option_ystc6_807", A = "_optionSelected_ystc6_1027", B = "_optionWithCheckbox_ystc6_1119", E = "_optionCheckbox_ystc6_1131", F = "_optionWithDescriptionWrapper_ystc6_1219", G = "_optionWithDescription_ystc6_1219", J = "_optionWithDescriptionLabel_ystc6_1251", K = "_optionWithDescriptionValue_ystc6_1263", M = "_dropdownTable_ystc6_1283", N = "_optionTable_ystc6_1293", Q = "_tableColumn_ystc6_1309", U = "_columnHeader_ystc6_1325", X = "_columnValue_ystc6_1341", Y = "_noResults_ystc6_1375", Z = "_dropdown_inverted_ystc6_1403", $ = "_option_inverted_ystc6_1449", ee = {
2
+ selectContainer: e,
3
+ disabled: t,
4
+ selectContainer_medium: o,
5
+ selectContainer_large: n,
6
+ selectContainer_extraLarge: c,
7
+ label: _,
8
+ label_large: r,
9
+ label_extraLarge: s,
10
+ label_inverted: i,
11
+ selectWrapper: l,
12
+ select: a,
13
+ open: p,
14
+ small: d,
15
+ medium: y,
16
+ large: h,
17
+ extraLarge: b,
18
+ selectValue: u,
19
+ selectInput: g,
20
+ placeholder: m,
21
+ error: v,
22
+ btc: w,
23
+ errorShake: C,
24
+ inverted: W,
25
+ chevron: x,
26
+ icon_inverted: S,
27
+ chevronOpen: D,
28
+ icon: L,
29
+ iconLabel: k,
30
+ optionIcon: I,
31
+ required: V,
32
+ required_inverted: q,
33
+ dropdown: H,
34
+ highlight: T,
35
+ isDrawer: O,
36
+ dropdownPortal: P,
37
+ drawerSelect: R,
38
+ drawerSelectHeader: f,
39
+ drawerSearchInput: j,
40
+ option: z,
41
+ optionSelected: A,
42
+ optionWithCheckbox: B,
43
+ optionCheckbox: E,
44
+ optionWithDescriptionWrapper: F,
45
+ optionWithDescription: G,
46
+ optionWithDescriptionLabel: J,
47
+ optionWithDescriptionValue: K,
48
+ dropdownTable: M,
49
+ optionTable: N,
50
+ tableColumn: Q,
51
+ columnHeader: U,
52
+ columnValue: X,
53
+ noResults: Y,
54
+ dropdown_inverted: Z,
55
+ option_inverted: $
56
+ };
57
+ export {
58
+ ee as s
59
+ };
@@ -1 +1 @@
1
- ._message_1i3kg_1{font-family:var(--font-medium);color:#e74c3c;margin-left:4px;animation:_slideIn_1i3kg_1 .3s ease-out;transform-origin:top}._small_1i3kg_9{font-size:10px}._medium_1i3kg_13{font-size:12px}._large_1i3kg_17,._extraLarge_1i3kg_18{font-size:14px}._inverted_1i3kg_22{color:var(--Content-Negative-Default-Active, #f87171)!important}@keyframes _slideIn_1i3kg_1{0%{opacity:0;transform:translateY(-5px) scaleY(0)}50%{opacity:.8;transform:translateY(-2px) scaleY(.7)}to{opacity:1;transform:translateY(0) scaleY(1)}}
1
+ ._wrapper_1vsiq_1{width:100%}._wrapper_1vsiq_1::-webkit-scrollbar{height:5px;width:5px}._wrapper_1vsiq_1::-webkit-scrollbar-track{background:transparent;border-radius:6px}._wrapper_1vsiq_1::-webkit-scrollbar-thumb{background:#94a3b8;box-shadow:0 2px 3px #0000001f;border-radius:6px}._wrapper_1vsiq_1::-webkit-scrollbar-corner{background:transparent}
@@ -1 +1 @@
1
- ._message_1g6oj_1{color:#acacac;margin-left:4px}._small_1g6oj_6,._medium_1g6oj_10{font-size:11px}._large_1g6oj_14,._extraLarge_1g6oj_15{font-size:13px}._inverted_1g6oj_19,._disabled_1g6oj_23._inverted_1g6oj_19{color:var(--Content-Neutral-Default-Default, #fafafa)}
1
+ ._message_1i3kg_1{font-family:var(--font-medium);color:#e74c3c;margin-left:4px;animation:_slideIn_1i3kg_1 .3s ease-out;transform-origin:top}._small_1i3kg_9{font-size:10px}._medium_1i3kg_13{font-size:12px}._large_1i3kg_17,._extraLarge_1i3kg_18{font-size:14px}._inverted_1i3kg_22{color:var(--Content-Negative-Default-Active, #f87171)!important}@keyframes _slideIn_1i3kg_1{0%{opacity:0;transform:translateY(-5px) scaleY(0)}50%{opacity:.8;transform:translateY(-2px) scaleY(.7)}to{opacity:1;transform:translateY(0) scaleY(1)}}
@@ -1 +1 @@
1
- ._overlay_1fhs2_1{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;animation:_fadeIn_1fhs2_1 .25s ease-in-out;overflow:hidden}._overlay_1fhs2_1._closing_1fhs2_12{animation:_fadeOut_1fhs2_1 .25s ease-in-out forwards}@keyframes _fadeIn_1fhs2_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_1fhs2_1{0%{opacity:1}to{opacity:0}}._bottomDrawer_1fhs2_36{position:fixed;bottom:0;left:0;right:0;background-color:#fff;border-radius:16px 16px 0 0;animation:_slideUp_1fhs2_1 .35s cubic-bezier(.4,0,.2,1);padding-top:7px;padding-bottom:calc(env(safe-area-inset-bottom) + 10px);touch-action:none}@keyframes _slideUp_1fhs2_1{0%{transform:translateY(100%)}to{transform:translateY(0)}}._header_1fhs2_60{display:flex;flex-direction:column;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;position:relative}._header_1fhs2_60:active{cursor:grabbing}._indicator_1fhs2_73{width:31px;height:4px;background-color:#0000001a;border-radius:20px;position:absolute;left:50%;transform:translate(-50%)}._drawer_1fhs2_83{display:flex;flex-direction:column;padding-inline:15px;gap:19px}._closeDiv_1fhs2_90{cursor:pointer;display:flex;align-items:center;justify-content:end;padding-inline:7px}._closeIcon_1fhs2_98{display:flex;flex-direction:column;justify-content:center;align-items:center}._drawerHeader_1fhs2_105{display:flex}._drawerContent_1fhs2_109{display:flex;flex-direction:column;align-items:start;width:100%;gap:19px;overflow-y:auto}._drawerContent_1fhs2_109::-webkit-scrollbar{display:none}._drawerFooter_1fhs2_122{display:flex;align-items:center;gap:19px}._button_1fhs2_128{display:flex}
1
+ ._message_1g6oj_1{color:#acacac;margin-left:4px}._small_1g6oj_6,._medium_1g6oj_10{font-size:11px}._large_1g6oj_14,._extraLarge_1g6oj_15{font-size:13px}._inverted_1g6oj_19,._disabled_1g6oj_23._inverted_1g6oj_19{color:var(--Content-Neutral-Default-Default, #fafafa)}
@@ -1 +1 @@
1
- ._overlay_80w8b_1{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;display:flex;justify-content:center;align-items:center;z-index:2000;animation:_fadeIn_80w8b_1 .25s ease-in-out;overflow:hidden}._overlay_80w8b_1._closing_80w8b_16{animation:_fadeOut_80w8b_1 .25s ease-in-out forwards}._nav_80w8b_20{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;width:100%;gap:10px;margin-block:16px;color:#2054a5;padding-inline:16px}._arrowBack_80w8b_32{cursor:pointer}._title_80w8b_36{font-family:var(--font-medium);font-size:16px;font-weight:600;line-height:normal}._content_80w8b_43{width:100%;display:flex;flex-direction:column;padding-bottom:calc(env(safe-area-inset-bottom) + 16px);background-color:#fff}._mainContent_80w8b_51{display:flex;height:100%;width:100%;animation:_slideIn_80w8b_1 .45s cubic-bezier(.4,0,.2,1) forwards;transform:translate(0)}._closing_80w8b_16{animation:_slideOut_80w8b_1 .45s cubic-bezier(.4,0,.2,1) forwards}._contentInner_80w8b_63{display:flex;flex-direction:column;align-items:center;box-sizing:border-box;overflow-y:auto;overscroll-behavior:none;flex:1;padding-inline:16px}._contentInner_80w8b_63::-webkit-scrollbar{display:none}@keyframes _fadeIn_80w8b_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_80w8b_1{0%{opacity:1}to{opacity:0}}@keyframes _slideIn_80w8b_1{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes _slideOut_80w8b_1{0%{transform:translate(0)}to{transform:translate(-100%)}}
1
+ ._overlay_1fhs2_1{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;animation:_fadeIn_1fhs2_1 .25s ease-in-out;overflow:hidden}._overlay_1fhs2_1._closing_1fhs2_12{animation:_fadeOut_1fhs2_1 .25s ease-in-out forwards}@keyframes _fadeIn_1fhs2_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_1fhs2_1{0%{opacity:1}to{opacity:0}}._bottomDrawer_1fhs2_36{position:fixed;bottom:0;left:0;right:0;background-color:#fff;border-radius:16px 16px 0 0;animation:_slideUp_1fhs2_1 .35s cubic-bezier(.4,0,.2,1);padding-top:7px;padding-bottom:calc(env(safe-area-inset-bottom) + 10px);touch-action:none}@keyframes _slideUp_1fhs2_1{0%{transform:translateY(100%)}to{transform:translateY(0)}}._header_1fhs2_60{display:flex;flex-direction:column;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;position:relative}._header_1fhs2_60:active{cursor:grabbing}._indicator_1fhs2_73{width:31px;height:4px;background-color:#0000001a;border-radius:20px;position:absolute;left:50%;transform:translate(-50%)}._drawer_1fhs2_83{display:flex;flex-direction:column;padding-inline:15px;gap:19px}._closeDiv_1fhs2_90{cursor:pointer;display:flex;align-items:center;justify-content:end;padding-inline:7px}._closeIcon_1fhs2_98{display:flex;flex-direction:column;justify-content:center;align-items:center}._drawerHeader_1fhs2_105{display:flex}._drawerContent_1fhs2_109{display:flex;flex-direction:column;align-items:start;width:100%;gap:19px;overflow-y:auto}._drawerContent_1fhs2_109::-webkit-scrollbar{display:none}._drawerFooter_1fhs2_122{display:flex;align-items:center;gap:19px}._button_1fhs2_128{display:flex}
@@ -1 +1 @@
1
- ._menuItem_1560u_1{display:flex;justify-content:space-between;align-items:center;gap:9px;cursor:pointer;color:var(--Azul-BMI-Digital-ColorAzul-BMI-Digital, #2054a5);border:1px solid transparent;background-color:transparent;border-radius:16px;padding:8px}._menuItem_1560u_1>._contentWrapper_1560u_15{display:flex;align-items:center;gap:9px;min-width:0;width:100%}._menuItem_1560u_1>._contentWrapper_1560u_15>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}._menuItem_1560u_1:not(._activeItem_1560u_29):not(._ahorro_1560u_29):active{color:var( --Complementarios-Azul-BMI-Oscuro-Compl-1-Azul-BMI-Oscuro, #003a70 );border-color:var( --Complementarios-Azul-BMI-Oscuro-Compl-1-Azul-BMI-Oscuro, #003a70 );background-color:var( --Complementarios-Turquesa-Compl-2-Transparencias-Turquesa-20, rgba(69, 194, 214, .2) )}._menuItem_1560u_1:not(:active):not(._activeItem_1560u_29):not(._ahorro_1560u_29):hover{background-color:var( --Complementarios-Turquesa-Compl-2-Transparencias-Turquesa-10, rgba(69, 194, 214, .1) );color:var( --Complementarios-Azul-BMI-Oscuro-Compl-1-Azul-BMI-Oscuro, #003a70 )}._menuItem_1560u_1._ahorro_1560u_29:not(._activeItem_1560u_29):active{border-color:#2054a5;background-color:#fffce7}._menuItem_1560u_1._ahorro_1560u_29:not(:active):not(._activeItem_1560u_29):hover{background-color:#fffce7}._activeItem_1560u_29{background-color:var( --Complementarios-Turquesa-Compl-2-Transparencias-Turquesa-20, rgba(69, 194, 214, .2) );color:var(--Azul-BMI-Digital-ColorAzul-BMI-Digital, #2054a5)}._activeItem_1560u_29._ahorro_1560u_29{background-color:#fff7cb}._iconBefore_1560u_76{display:flex;justify-content:center;align-items:center;margin-left:auto;flex-shrink:0}
1
+ ._overlay_80w8b_1{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;display:flex;justify-content:center;align-items:center;z-index:2000;animation:_fadeIn_80w8b_1 .25s ease-in-out;overflow:hidden}._overlay_80w8b_1._closing_80w8b_16{animation:_fadeOut_80w8b_1 .25s ease-in-out forwards}._nav_80w8b_20{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;width:100%;gap:10px;margin-block:16px;color:#2054a5;padding-inline:16px}._arrowBack_80w8b_32{cursor:pointer}._title_80w8b_36{font-family:var(--font-medium);font-size:16px;font-weight:600;line-height:normal}._content_80w8b_43{width:100%;display:flex;flex-direction:column;padding-bottom:calc(env(safe-area-inset-bottom) + 16px);background-color:#fff}._mainContent_80w8b_51{display:flex;height:100%;width:100%;animation:_slideIn_80w8b_1 .45s cubic-bezier(.4,0,.2,1) forwards;transform:translate(0)}._closing_80w8b_16{animation:_slideOut_80w8b_1 .45s cubic-bezier(.4,0,.2,1) forwards}._contentInner_80w8b_63{display:flex;flex-direction:column;align-items:center;box-sizing:border-box;overflow-y:auto;overscroll-behavior:none;flex:1;padding-inline:16px}._contentInner_80w8b_63::-webkit-scrollbar{display:none}@keyframes _fadeIn_80w8b_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_80w8b_1{0%{opacity:1}to{opacity:0}}@keyframes _slideIn_80w8b_1{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes _slideOut_80w8b_1{0%{transform:translate(0)}to{transform:translate(-100%)}}
@@ -0,0 +1 @@
1
+ ._menuItem_1560u_1{display:flex;justify-content:space-between;align-items:center;gap:9px;cursor:pointer;color:var(--Azul-BMI-Digital-ColorAzul-BMI-Digital, #2054a5);border:1px solid transparent;background-color:transparent;border-radius:16px;padding:8px}._menuItem_1560u_1>._contentWrapper_1560u_15{display:flex;align-items:center;gap:9px;min-width:0;width:100%}._menuItem_1560u_1>._contentWrapper_1560u_15>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}._menuItem_1560u_1:not(._activeItem_1560u_29):not(._ahorro_1560u_29):active{color:var( --Complementarios-Azul-BMI-Oscuro-Compl-1-Azul-BMI-Oscuro, #003a70 );border-color:var( --Complementarios-Azul-BMI-Oscuro-Compl-1-Azul-BMI-Oscuro, #003a70 );background-color:var( --Complementarios-Turquesa-Compl-2-Transparencias-Turquesa-20, rgba(69, 194, 214, .2) )}._menuItem_1560u_1:not(:active):not(._activeItem_1560u_29):not(._ahorro_1560u_29):hover{background-color:var( --Complementarios-Turquesa-Compl-2-Transparencias-Turquesa-10, rgba(69, 194, 214, .1) );color:var( --Complementarios-Azul-BMI-Oscuro-Compl-1-Azul-BMI-Oscuro, #003a70 )}._menuItem_1560u_1._ahorro_1560u_29:not(._activeItem_1560u_29):active{border-color:#2054a5;background-color:#fffce7}._menuItem_1560u_1._ahorro_1560u_29:not(:active):not(._activeItem_1560u_29):hover{background-color:#fffce7}._activeItem_1560u_29{background-color:var( --Complementarios-Turquesa-Compl-2-Transparencias-Turquesa-20, rgba(69, 194, 214, .2) );color:var(--Azul-BMI-Digital-ColorAzul-BMI-Digital, #2054a5)}._activeItem_1560u_29._ahorro_1560u_29{background-color:#fff7cb}._iconBefore_1560u_76{display:flex;justify-content:center;align-items:center;margin-left:auto;flex-shrink:0}
@@ -1 +1 @@
1
- ._stepsContainer_176gx_1{display:flex;flex-direction:column;align-items:center;width:100%}._stepWrapper_176gx_8{display:flex;justify-content:center;align-items:center;width:100%}._step_176gx_1{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px}._iconLine_176gx_25{display:flex;justify-content:center;align-items:center;width:100%;gap:4px}._stepSeparator_176gx_33{flex:1;height:4px;background:#2054a5}._stepSeparatorPending_176gx_38{opacity:.3;background:#2054a5}._textWrapper_176gx_43{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-right:4px;width:100%;box-sizing:border-box;transition:all .3s ease}._stepTitle_176gx_54,._stepState_176gx_55{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;font-family:var(--font-regular)}._start_176gx_63{text-align:start}._middle_176gx_67{text-align:center}._end_176gx_71{text-align:end}._stepTitle_176gx_54{color:#000;font-size:16px;line-height:19.2px}._stepTitle_176gx_54._stepInProgress_176gx_81{font-family:var(--font-medium)}._stepState_176gx_55{color:#000;font-size:13px;line-height:15.6px}._stepTitle_176gx_54._stepPending_176gx_91{color:#cbd5e1}._stepState_176gx_55._stepPending_176gx_91{color:#e2e8f0}._stepState_176gx_55._stepCompleted_176gx_99{color:#65a30d}._stepState_176gx_55._stepInProgress_176gx_81,._stepState_176gx_55._stepBlocked_176gx_104{color:#2054a5}._iconDiv_176gx_108{display:flex;justify-content:center;align-items:center;flex-shrink:0;aspect-ratio:1/1}._iconDiv_176gx_108 svg{width:30px;height:30px}@media (max-width: 697px){._responsive_176gx_122 ._textWrapper_176gx_43{display:none}}@media (max-width: 1280px){._responsive_176gx_122 ._iconDiv_176gx_108 svg{width:22px;height:22px}}@media (max-width: 1280px){._responsive_176gx_122 ._stepSeparator_176gx_33{height:2px}._responsive_176gx_122 ._stepTitle_176gx_54{font-size:12px;line-height:14.4px}._responsive_176gx_122 ._stepState_176gx_55{font-size:11px;line-height:13.2px}}
1
+ ._container_1kajw_1{display:flex;flex-direction:column;width:100%}._inputs_1kajw_7{display:flex;gap:12px;width:100%}._inputWrapper_1kajw_13{flex:1;min-width:0}
@@ -1 +1 @@
1
- ._tab_d0ak3_1{position:relative;display:flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;padding:0 16px;gap:4px;flex-shrink:0;font-family:var(--font-regular);font-weight:400;color:var(--Content-Neutral-Default-Default, #a3a3a3);box-sizing:border-box;transition:color .25s ease,box-shadow .25s ease,font-size .25s ease,height .25s ease}._tab_d0ak3_1 svg{opacity:0;transform:scale(.8);transition:opacity .25s ease,transform .25s ease}._tab_d0ak3_1._active_d0ak3_32 svg{opacity:1;transform:scale(1)}._tab_d0ak3_1._withBottomBar_d0ak3_38:after{content:"";position:absolute;bottom:0;left:0;height:2px;width:100%;background:var(--Stroke-Brand-Active, #2054a5);transform:scaleX(0);transition:transform .3s ease-out}._tab_d0ak3_1._withShadow_d0ak3_50._withBottomBar_d0ak3_38:after{bottom:-3px}._tab_d0ak3_1._from-right_d0ak3_55._withBottomBar_d0ak3_38:after{transform-origin:left}._tab_d0ak3_1._from-left_d0ak3_59._withBottomBar_d0ak3_38:after{transform-origin:right}._tab_d0ak3_1._active_d0ak3_32{color:var(--Content-Brand-Default-Active, #2054a5);font-weight:600}._tab_d0ak3_1._active_d0ak3_32._withBottomBar_d0ak3_38:after{transform:scaleX(1)}._tab_d0ak3_1._large_d0ak3_74{height:56px;font-size:16px}._tab_d0ak3_1._active_d0ak3_32._large_d0ak3_74{font-size:20px}._tab_d0ak3_1._medium_d0ak3_83{height:52px;font-size:14px}._tab_d0ak3_1._medium_d0ak3_83._active_d0ak3_32{font-size:18px}._tab_d0ak3_1._small_d0ak3_92{height:46px;font-size:14px}._tab_d0ak3_1._small_d0ak3_92._active_d0ak3_32{font-size:16px}._tab_d0ak3_1:hover:not(._active_d0ak3_32){font-weight:600}._tab_d0ak3_1._active_d0ak3_32:hover,._tab_d0ak3_1._active_d0ak3_32:active{font-weight:700}._tab_d0ak3_1._withShadow_d0ak3_50:active,._tab_d0ak3_1._active_d0ak3_32._withShadow_d0ak3_50:active{box-shadow:0 0 0 3px var(--ui-blue-400, #7eaae6)}._hintWrapper_d0ak3_118{display:inline-flex;align-items:center;cursor:default}._hintWrapper_d0ak3_118 svg{opacity:1;transform:scale(1)}._tooltip_d0ak3_129{position:fixed;background:#fff;color:var(--Stroke-Brand-Active, #2054a5);border:1px solid var(--Stroke-Brand-Active, #2054a5);font-size:12px;font-weight:400;padding:6px 10px;border-radius:126px;white-space:nowrap;pointer-events:none;box-shadow:0 2px 8px #0000001a;z-index:9999;animation:_tooltipIn_d0ak3_1 .25s ease forwards}@keyframes _tooltipIn_d0ak3_1{0%{opacity:0;filter:blur(4px);transform:translate(-50%,-100%) scale(.95) translateY(4px)}to{opacity:1;filter:blur(0px);transform:translate(-50%,-100%) scale(1) translateY(0)}}
1
+ ._stepsContainer_176gx_1{display:flex;flex-direction:column;align-items:center;width:100%}._stepWrapper_176gx_8{display:flex;justify-content:center;align-items:center;width:100%}._step_176gx_1{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px}._iconLine_176gx_25{display:flex;justify-content:center;align-items:center;width:100%;gap:4px}._stepSeparator_176gx_33{flex:1;height:4px;background:#2054a5}._stepSeparatorPending_176gx_38{opacity:.3;background:#2054a5}._textWrapper_176gx_43{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-right:4px;width:100%;box-sizing:border-box;transition:all .3s ease}._stepTitle_176gx_54,._stepState_176gx_55{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;font-family:var(--font-regular)}._start_176gx_63{text-align:start}._middle_176gx_67{text-align:center}._end_176gx_71{text-align:end}._stepTitle_176gx_54{color:#000;font-size:16px;line-height:19.2px}._stepTitle_176gx_54._stepInProgress_176gx_81{font-family:var(--font-medium)}._stepState_176gx_55{color:#000;font-size:13px;line-height:15.6px}._stepTitle_176gx_54._stepPending_176gx_91{color:#cbd5e1}._stepState_176gx_55._stepPending_176gx_91{color:#e2e8f0}._stepState_176gx_55._stepCompleted_176gx_99{color:#65a30d}._stepState_176gx_55._stepInProgress_176gx_81,._stepState_176gx_55._stepBlocked_176gx_104{color:#2054a5}._iconDiv_176gx_108{display:flex;justify-content:center;align-items:center;flex-shrink:0;aspect-ratio:1/1}._iconDiv_176gx_108 svg{width:30px;height:30px}@media (max-width: 697px){._responsive_176gx_122 ._textWrapper_176gx_43{display:none}}@media (max-width: 1280px){._responsive_176gx_122 ._iconDiv_176gx_108 svg{width:22px;height:22px}}@media (max-width: 1280px){._responsive_176gx_122 ._stepSeparator_176gx_33{height:2px}._responsive_176gx_122 ._stepTitle_176gx_54{font-size:12px;line-height:14.4px}._responsive_176gx_122 ._stepState_176gx_55{font-size:11px;line-height:13.2px}}
@@ -1 +1 @@
1
- ._container_is0tb_1{display:flex;align-items:center;gap:4px;width:100%}._chevron_is0tb_8{display:flex;justify-content:center;align-items:center;padding:0 4px;cursor:pointer;border:none;background:transparent;height:100%}._wrapper_is0tb_19{display:flex;align-items:center;overflow-x:auto;scroll-behavior:smooth;gap:24px;flex:1}._wrapper_is0tb_19._withShadow_is0tb_28{padding:3px}._wrapper_is0tb_19::-webkit-scrollbar{display:none}
1
+ ._tab_d0ak3_1{position:relative;display:flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;padding:0 16px;gap:4px;flex-shrink:0;font-family:var(--font-regular);font-weight:400;color:var(--Content-Neutral-Default-Default, #a3a3a3);box-sizing:border-box;transition:color .25s ease,box-shadow .25s ease,font-size .25s ease,height .25s ease}._tab_d0ak3_1 svg{opacity:0;transform:scale(.8);transition:opacity .25s ease,transform .25s ease}._tab_d0ak3_1._active_d0ak3_32 svg{opacity:1;transform:scale(1)}._tab_d0ak3_1._withBottomBar_d0ak3_38:after{content:"";position:absolute;bottom:0;left:0;height:2px;width:100%;background:var(--Stroke-Brand-Active, #2054a5);transform:scaleX(0);transition:transform .3s ease-out}._tab_d0ak3_1._withShadow_d0ak3_50._withBottomBar_d0ak3_38:after{bottom:-3px}._tab_d0ak3_1._from-right_d0ak3_55._withBottomBar_d0ak3_38:after{transform-origin:left}._tab_d0ak3_1._from-left_d0ak3_59._withBottomBar_d0ak3_38:after{transform-origin:right}._tab_d0ak3_1._active_d0ak3_32{color:var(--Content-Brand-Default-Active, #2054a5);font-weight:600}._tab_d0ak3_1._active_d0ak3_32._withBottomBar_d0ak3_38:after{transform:scaleX(1)}._tab_d0ak3_1._large_d0ak3_74{height:56px;font-size:16px}._tab_d0ak3_1._active_d0ak3_32._large_d0ak3_74{font-size:20px}._tab_d0ak3_1._medium_d0ak3_83{height:52px;font-size:14px}._tab_d0ak3_1._medium_d0ak3_83._active_d0ak3_32{font-size:18px}._tab_d0ak3_1._small_d0ak3_92{height:46px;font-size:14px}._tab_d0ak3_1._small_d0ak3_92._active_d0ak3_32{font-size:16px}._tab_d0ak3_1:hover:not(._active_d0ak3_32){font-weight:600}._tab_d0ak3_1._active_d0ak3_32:hover,._tab_d0ak3_1._active_d0ak3_32:active{font-weight:700}._tab_d0ak3_1._withShadow_d0ak3_50:active,._tab_d0ak3_1._active_d0ak3_32._withShadow_d0ak3_50:active{box-shadow:0 0 0 3px var(--ui-blue-400, #7eaae6)}._hintWrapper_d0ak3_118{display:inline-flex;align-items:center;cursor:default}._hintWrapper_d0ak3_118 svg{opacity:1;transform:scale(1)}._tooltip_d0ak3_129{position:fixed;background:#fff;color:var(--Stroke-Brand-Active, #2054a5);border:1px solid var(--Stroke-Brand-Active, #2054a5);font-size:12px;font-weight:400;padding:6px 10px;border-radius:126px;white-space:nowrap;pointer-events:none;box-shadow:0 2px 8px #0000001a;z-index:9999;animation:_tooltipIn_d0ak3_1 .25s ease forwards}@keyframes _tooltipIn_d0ak3_1{0%{opacity:0;filter:blur(4px);transform:translate(-50%,-100%) scale(.95) translateY(4px)}to{opacity:1;filter:blur(0px);transform:translate(-50%,-100%) scale(1) translateY(0)}}
@@ -1 +1 @@
1
- ._modalOverlay_1hyzx_1{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;animation:_overlayFadeIn_1hyzx_1 .25s ease-in-out forwards;overflow:hidden}._modalOverlay_1hyzx_1._closing_1hyzx_15{animation:_overlayFadeOut_1hyzx_1 .25s ease-in-out forwards}@keyframes _overlayFadeIn_1hyzx_1{0%{opacity:0}to{opacity:1}}@keyframes _overlayFadeOut_1hyzx_1{0%{opacity:1}to{opacity:0}}._modalLayout_1hyzx_37{display:flex;gap:20px;justify-content:center;align-items:flex-start;width:100%}._modal_1hyzx_1{display:flex;flex-direction:column;border-radius:24px;background-color:#fff;box-shadow:0 4px 6px #0000001a;max-height:calc(100dvh - 15px);margin-inline:15px;width:100%}._modalHeader_1hyzx_57{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;gap:8px}._modalHeader_1hyzx_57._withBorder_1hyzx_65{border-bottom:1px solid var(--Blacks-Transparencias-Black-20, rgba(0, 0, 0, .2))}._modalTitle_1hyzx_70{color:var(--Blacks-Black, #000);font-size:20px;font-style:normal;font-weight:600;line-height:24px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%}._closeIcon_1hyzx_82{display:flex;flex-direction:column;border-radius:50%;background-color:#d9d9d9;align-items:center;justify-content:center;aspect-ratio:1/1;padding:6.2px;cursor:pointer;margin-left:auto}._modalBody_1hyzx_95{display:flex;flex-direction:column;flex:1;padding:0 16px 16px}._modalBody_1hyzx_95::-webkit-scrollbar{display:none}._modalFooter_1hyzx_106._withBorder_1hyzx_65{border-top:1px solid var(--Blacks-Transparencias-Black-20, rgba(0, 0, 0, .2))}._buttonsDiv_1hyzx_111{display:grid;grid-template-columns:1fr 1fr;margin-left:auto;width:fit-content;gap:19px;padding-inline:16px;margin-block:16px}._buttonsDiv_1hyzx_111._fullWidthFooter_1hyzx_121{width:100%}._buttonsDiv_1hyzx_111 :only-child{grid-column:2}
1
+ ._container_is0tb_1{display:flex;align-items:center;gap:4px;width:100%}._chevron_is0tb_8{display:flex;justify-content:center;align-items:center;padding:0 4px;cursor:pointer;border:none;background:transparent;height:100%}._wrapper_is0tb_19{display:flex;align-items:center;overflow-x:auto;scroll-behavior:smooth;gap:24px;flex:1}._wrapper_is0tb_19._withShadow_is0tb_28{padding:3px}._wrapper_is0tb_19::-webkit-scrollbar{display:none}
@@ -1 +1 @@
1
- ._tooltip_mbgpt_1{position:fixed;background-color:#eef3fc;border:1px solid #2054a5;border-radius:6px;z-index:9000;font-size:12px;font-family:var(--font-regular);line-height:normal;color:#2054a5}._scrollableContent_mbgpt_13{display:flex;padding:8px;overflow-y:auto;word-wrap:break-word}._scrollableContent_mbgpt_13::-webkit-scrollbar{display:none}._tooltip_mbgpt_1:before,._tooltip_mbgpt_1:after{content:"";position:absolute;width:0;height:0}._right_mbgpt_34{transform:translateY(-50%)}._right_mbgpt_34:before{top:calc(50% + var(--arrow-offset, 0px));left:-8px;transform:translateY(-50%);border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:8px solid #2054a5}._right_mbgpt_34:after{top:calc(50% + var(--arrow-offset, 0px));left:-6px;transform:translateY(-50%);border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:7px solid #eef3fc}._left_mbgpt_59{transform:translateY(-50%)}._left_mbgpt_59:before{top:calc(50% + var(--arrow-offset, 0px));right:-8px;transform:translateY(-50%);border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:8px solid #2054a5}._left_mbgpt_59:after{top:calc(50% + var(--arrow-offset, 0px));right:-6px;transform:translateY(-50%);border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:7px solid #eef3fc}._top_mbgpt_82{transform:translate(-50%)}._top_mbgpt_82:before{bottom:-8px;left:calc(50% + var(--arrow-offset, 0px));transform:translate(-50%);border-left:7px solid transparent;border-right:7px solid transparent;border-top:8px solid #2054a5}._top_mbgpt_82:after{bottom:-6px;left:calc(50% + var(--arrow-offset, 0px));transform:translate(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-top:7px solid #eef3fc}._bottom_mbgpt_105{transform:translate(-50%)}._bottom_mbgpt_105:before{top:-8px;left:calc(50% + var(--arrow-offset, 0px));transform:translate(-50%);border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:8px solid #2054a5}._bottom_mbgpt_105:after{top:-6px;left:calc(50% + var(--arrow-offset, 0px));transform:translate(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:7px solid #eef3fc}
1
+ ._modalOverlay_1hyzx_1{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;animation:_overlayFadeIn_1hyzx_1 .25s ease-in-out forwards;overflow:hidden}._modalOverlay_1hyzx_1._closing_1hyzx_15{animation:_overlayFadeOut_1hyzx_1 .25s ease-in-out forwards}@keyframes _overlayFadeIn_1hyzx_1{0%{opacity:0}to{opacity:1}}@keyframes _overlayFadeOut_1hyzx_1{0%{opacity:1}to{opacity:0}}._modalLayout_1hyzx_37{display:flex;gap:20px;justify-content:center;align-items:flex-start;width:100%}._modal_1hyzx_1{display:flex;flex-direction:column;border-radius:24px;background-color:#fff;box-shadow:0 4px 6px #0000001a;max-height:calc(100dvh - 15px);margin-inline:15px;width:100%}._modalHeader_1hyzx_57{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;gap:8px}._modalHeader_1hyzx_57._withBorder_1hyzx_65{border-bottom:1px solid var(--Blacks-Transparencias-Black-20, rgba(0, 0, 0, .2))}._modalTitle_1hyzx_70{color:var(--Blacks-Black, #000);font-size:20px;font-style:normal;font-weight:600;line-height:24px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%}._closeIcon_1hyzx_82{display:flex;flex-direction:column;border-radius:50%;background-color:#d9d9d9;align-items:center;justify-content:center;aspect-ratio:1/1;padding:6.2px;cursor:pointer;margin-left:auto}._modalBody_1hyzx_95{display:flex;flex-direction:column;flex:1;padding:0 16px 16px}._modalBody_1hyzx_95::-webkit-scrollbar{display:none}._modalFooter_1hyzx_106._withBorder_1hyzx_65{border-top:1px solid var(--Blacks-Transparencias-Black-20, rgba(0, 0, 0, .2))}._buttonsDiv_1hyzx_111{display:grid;grid-template-columns:1fr 1fr;margin-left:auto;width:fit-content;gap:19px;padding-inline:16px;margin-block:16px}._buttonsDiv_1hyzx_111._fullWidthFooter_1hyzx_121{width:100%}._buttonsDiv_1hyzx_111 :only-child{grid-column:2}
@@ -1 +1 @@
1
- ._wrapper_1vsiq_1{width:100%}._wrapper_1vsiq_1::-webkit-scrollbar{height:5px;width:5px}._wrapper_1vsiq_1::-webkit-scrollbar-track{background:transparent;border-radius:6px}._wrapper_1vsiq_1::-webkit-scrollbar-thumb{background:#94a3b8;box-shadow:0 2px 3px #0000001f;border-radius:6px}._wrapper_1vsiq_1::-webkit-scrollbar-corner{background:transparent}
1
+ ._tooltip_mbgpt_1{position:fixed;background-color:#eef3fc;border:1px solid #2054a5;border-radius:6px;z-index:9000;font-size:12px;font-family:var(--font-regular);line-height:normal;color:#2054a5}._scrollableContent_mbgpt_13{display:flex;padding:8px;overflow-y:auto;word-wrap:break-word}._scrollableContent_mbgpt_13::-webkit-scrollbar{display:none}._tooltip_mbgpt_1:before,._tooltip_mbgpt_1:after{content:"";position:absolute;width:0;height:0}._right_mbgpt_34{transform:translateY(-50%)}._right_mbgpt_34:before{top:calc(50% + var(--arrow-offset, 0px));left:-8px;transform:translateY(-50%);border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:8px solid #2054a5}._right_mbgpt_34:after{top:calc(50% + var(--arrow-offset, 0px));left:-6px;transform:translateY(-50%);border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:7px solid #eef3fc}._left_mbgpt_59{transform:translateY(-50%)}._left_mbgpt_59:before{top:calc(50% + var(--arrow-offset, 0px));right:-8px;transform:translateY(-50%);border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:8px solid #2054a5}._left_mbgpt_59:after{top:calc(50% + var(--arrow-offset, 0px));right:-6px;transform:translateY(-50%);border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:7px solid #eef3fc}._top_mbgpt_82{transform:translate(-50%)}._top_mbgpt_82:before{bottom:-8px;left:calc(50% + var(--arrow-offset, 0px));transform:translate(-50%);border-left:7px solid transparent;border-right:7px solid transparent;border-top:8px solid #2054a5}._top_mbgpt_82:after{bottom:-6px;left:calc(50% + var(--arrow-offset, 0px));transform:translate(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-top:7px solid #eef3fc}._bottom_mbgpt_105{transform:translate(-50%)}._bottom_mbgpt_105:before{top:-8px;left:calc(50% + var(--arrow-offset, 0px));transform:translate(-50%);border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:8px solid #2054a5}._bottom_mbgpt_105:after{top:-6px;left:calc(50% + var(--arrow-offset, 0px));transform:translate(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:7px solid #eef3fc}
@@ -0,0 +1,29 @@
1
+ import { SelectSize } from '../Select';
2
+ export interface SearchableInputGroupField {
3
+ key: string;
4
+ label?: string;
5
+ placeholder?: string;
6
+ /** Clave del objeto opción a mostrar en esta columna del dropdown. Por defecto usa `key`. */
7
+ columnKey?: string;
8
+ /** Cabecera de la columna en el dropdown. */
9
+ columnHeader?: string;
10
+ }
11
+ export interface SearchableInputGroupProps {
12
+ fields: SearchableInputGroupField[];
13
+ /** Valores controlados que se muestran en los inputs. */
14
+ values?: Record<string, string>;
15
+ /** Resultados de búsqueda actuales, provistos por el padre. */
16
+ options?: Record<string, unknown>[];
17
+ /** Se llama al cambiar cualquier input, con la clave del campo y el nuevo valor. */
18
+ onSearch: (key: string, value: string) => void;
19
+ /** Se llama al seleccionar una fila del dropdown. */
20
+ onSelect?: (item: Record<string, unknown>) => void;
21
+ /** Mensaje cuando no hay resultados (solo visible si loading es false). */
22
+ noResultMessage?: string;
23
+ /** Mientras loading=true no se muestra el mensaje de sin resultados. */
24
+ loading?: boolean;
25
+ disabled?: boolean;
26
+ size?: SelectSize;
27
+ btc?: boolean;
28
+ }
29
+ export declare const SearchableInputGroup: ({ fields, values, options, onSearch, onSelect, noResultMessage, loading, disabled, btc, size, }: SearchableInputGroupProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,103 @@
1
+ import { jsxs as g, jsx as o } from "react/jsx-runtime";
2
+ import { useState as S, useRef as v, useEffect as T } from "react";
3
+ import { createPortal as W } from "react-dom";
4
+ import { Input as y } from "../Input/Input.js";
5
+ import { s as n } from "../../Select.module-D_7bjq9u.js";
6
+ import { useBTC as B } from "../../hooks/btcContext/useBtcContext.js";
7
+ import { useDropdownPosition as L } from "../../hooks/useDropdownPosition.js";
8
+ import '../../assets/index4.css';const O = "_container_1kajw_1", k = "_inputs_1kajw_7", F = "_inputWrapper_1kajw_13", p = {
9
+ container: O,
10
+ inputs: k,
11
+ inputWrapper: F
12
+ }, K = ({
13
+ fields: m,
14
+ values: N = {},
15
+ options: a = [],
16
+ onSearch: _,
17
+ onSelect: u,
18
+ noResultMessage: b = "No se encontraron resultados",
19
+ loading: C = !1,
20
+ disabled: f = !1,
21
+ btc: j = !1,
22
+ size: s = "medium"
23
+ }) => {
24
+ const { btc: I } = B(), $ = j ?? I, [h, c] = S(!1), l = v(null), i = v(null), R = h && !f, x = L({
25
+ isOpen: h,
26
+ containerRef: l,
27
+ dropdownRef: i,
28
+ size: s,
29
+ optionsLength: a.length,
30
+ isSearchable: !0
31
+ });
32
+ T(() => {
33
+ const e = (t) => {
34
+ l.current && !l.current.contains(t.target) && i.current && !i.current.contains(t.target) && c(!1);
35
+ };
36
+ return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
37
+ }, []);
38
+ const D = (e, t) => {
39
+ _(e, t), t.trim() ? c(!0) : c(!1);
40
+ }, E = (e) => {
41
+ u == null || u(e), c(!1);
42
+ }, P = !C && a.length === 0;
43
+ return /* @__PURE__ */ g("div", { ref: l, className: p.container, children: [
44
+ /* @__PURE__ */ o("div", { className: p.inputs, children: m.map(({ key: e, label: t, placeholder: r }) => /* @__PURE__ */ o("div", { className: p.inputWrapper, children: /* @__PURE__ */ o(
45
+ y,
46
+ {
47
+ label: t,
48
+ placeholder: r,
49
+ value: N[e] ?? "",
50
+ onChange: (d) => D(e, d.target.value),
51
+ icon: "SearchIcon",
52
+ size: s,
53
+ disabled: f,
54
+ btc: $
55
+ }
56
+ ) }, e)) }),
57
+ R && W(
58
+ /* @__PURE__ */ o(
59
+ "div",
60
+ {
61
+ ref: i,
62
+ className: [
63
+ n.dropdown,
64
+ n[s],
65
+ n.dropdownPortal,
66
+ n.dropdownTable
67
+ ].join(" "),
68
+ style: x,
69
+ children: a.length > 0 ? a.map((e, t) => /* @__PURE__ */ o(
70
+ "div",
71
+ {
72
+ className: `${n.option} ${n.optionTable}`,
73
+ onMouseDown: (r) => {
74
+ r.preventDefault(), r.stopPropagation(), E(e);
75
+ },
76
+ children: m.map(({ key: r, columnKey: d, columnHeader: w }) => /* @__PURE__ */ g("div", { className: n.tableColumn, children: [
77
+ w && /* @__PURE__ */ o(
78
+ "div",
79
+ {
80
+ className: `${n.columnHeader} ${n[s]}`,
81
+ children: w
82
+ }
83
+ ),
84
+ /* @__PURE__ */ o(
85
+ "div",
86
+ {
87
+ className: `${n.columnValue} ${n[s]}`,
88
+ children: String(e[d ?? r] ?? "")
89
+ }
90
+ )
91
+ ] }, r))
92
+ },
93
+ t
94
+ )) : P && /* @__PURE__ */ o("span", { className: n.noResults, children: b })
95
+ }
96
+ ),
97
+ document.getElementById("root") || document.body
98
+ )
99
+ ] });
100
+ };
101
+ export {
102
+ K as SearchableInputGroup
103
+ };