@adoptaunabuelo/react-components 0.3.148 → 0.3.151
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 +69 -54
- package/dist/esm/components/Filter/FilterDefault.d.ts +1 -0
- package/dist/esm/index.js +222 -221
- package/dist/esm/index.js.map +1 -1
- package/dist/index.d.ts +1 -0
- package/package.json +1 -1
package/dist/esm/index.js
CHANGED
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import{__rest as e,__awaiter as t}from"tslib";import{jsx as
|
|
1
|
+
import{__rest as e,__awaiter as t}from"tslib";import{jsx as n,jsxs as i,Fragment as o}from"react/jsx-runtime";import r,{css as a,keyframes as l}from"styled-components";import d from"styled-media-query";import s,{useState as c,useEffect as p,createElement as h,forwardRef as u,useRef as x,useImperativeHandle as g,useCallback as m,createRef as f,useMemo as y,Fragment as b}from"react";import*as k from"lucide-react";import{Check as v,X as w,MoreVertical as C,Trash2 as $,Plus as L,Send as _,Mic as F,Camera as S,Image as D,Crop as z,ChevronUp as M,ChevronDown as P,Search as j,Heading1 as B,Heading2 as E,Pilcrow as O,Bold as A,Italic as H,Underline as V,AlignLeft as T,AlignCenter as I,AlignRight as N,ChevronFirst as Z,ChevronLeft as R,ChevronRight as G,ChevronLast as W,Clock as Y,NotebookText as U}from"lucide-react";import{Player as q}from"@lottiefiles/react-lottie-player";import X from"moment";import"react-dates/initialize";import"react-dates/lib/css/_datepicker.css";import{DateRangePicker as K,DayPickerRangeController as J}from"react-dates";import Q from"compressorjs";import ee,{centerCrop as te,makeAspectCrop as ne}from"react-image-crop";import"react-image-crop/dist/ReactCrop.css";import ie from"react-webcam";import oe from"react-modal";import re from"lodash.debounce";import ae from"google-libphonenumber";import*as le from"country-flag-icons/react/3x2";import de from"fuse.js";import{convertToRaw as se}from"draft-js";import ce from"draftjs-to-html";import{TextStyleKit as pe}from"@tiptap/extension-text-style";import{useEditor as he,EditorContent as ue,useEditorState as xe}from"@tiptap/react";import ge from"@tiptap/extension-text-align";import me from"@tiptap/starter-kit";import{Placeholder as fe}from"@tiptap/extensions";import{useStripe as ye,useElements as be,IbanElement as ke,CardElement as ve,Elements as we}from"@stripe/react-stripe-js";import{loadStripe as Ce}from"@stripe/stripe-js";import"moment/locale/es";import $e from"clsx";const Le={background:{primary:"#008FF5",primaryLow:"#ECF4FB",secondary:"#FFAA47",secondaryLow:"#FFF6E5",deepBlue:"#00315C",deepBlueLow:"#F0F3F6",orange:"#FF773D",redLow:"#FFE5E5",deepGreen:"#1A5B3C",greenLow:"#E4F8EE",aquamarine:"#00ABC5",aquamarineLow:"#EAF8FA",full:"#333333",high:"#4F4F4F",mediumHigh:"#828282",mediumLow:"#BDBDBD",low:"#E0E0E0",soft:"#F2F2F2",neutral:"#FFFFFF"},line:{primary:"#008FF5",primarySoft:"#C4DEF5",secondary:"#FFAA47",secondarySoft:"#FFD5A3",green:"#08A85B",greenSoft:"#B2EBD0",redSoft:"#F5CFCF",deepBlue:"#00315C",deepBlueSoft:"#C0CFDC",full:"#333333",low:"#CCCCCC",soft:"#E0E0E0",softTransparent:"#0000000A",white:"#FFFFFF",whiteTransparent:"#FFFFFF80"},text:{primary:"#008FF5",primarySoft:"#93CCF5",deepBlue:"#00315C",aquamarine:"#00ABC5",orange:"#FF773D",red:"#E02D2D",green:"#08A85B",deepGreen:"#1C5C3D",primaryBlack:"#001D3D",secondaryBlack:"#701E09",full:"#000000C7",high:"#0000007D",medium:"#00000040",low:"#0000001F",white:"#FFFFFF",whiteHigh:"#FFFFFFA6",whiteMedium:"#FFFFFF66",whiteLow:"#FFFFFF47"},status:{primary:{default:"#008FF5",hover:"#005AA8",active:"#00315C",pressed:"#00315C",softDefault:"#EBF3FA",softHover:"#D3E5F5",softActive:"#008FF5",softPressed:"#008FF5"},secondary:{default:"#FFAA47",hover:"#EB9026",pressed:"#C76B00",active:"#C76B00"},neutral:{default:"#FFFFFF",hover:"#0000000D",pressed:"#0000001F",active:"#0000001F"},color:{success:"#08A85B",successDefault:"#E4F8EE",error:"#E02D2D",errorDefault:"#FFE5E5",warning:"#FFAA47",warningDefault:"#FFF1D6"}}},_e=r.div`
|
|
2
2
|
display: flex;
|
|
3
3
|
flex-direction: row;
|
|
4
|
-
`,
|
|
4
|
+
`,Fe=r.div`
|
|
5
5
|
display: flex;
|
|
6
6
|
height: 8px;
|
|
7
7
|
width: 8px;
|
|
8
8
|
border-radius: 5px;
|
|
9
9
|
margin-right: 16px;
|
|
10
10
|
background-color: ${e=>e.$isSelected?Le.background.primary:Le.text.low};
|
|
11
|
-
`,
|
|
11
|
+
`,Se=t=>{var{steps:i=1,selectedStep:o=0}=t,r=e(t,["steps","selectedStep"]);const a=Array.from(Array(i).keys());return n(_e,Object.assign({role:"bread-crumb"},r,{children:a.map((e,t)=>n(Fe,{$isSelected:o===t},"crumb"+t))}))},De={surface:{neutralHigh:"#66839E",neutralMedium:"#A6BACB",neutralLow:"#D8DFE5",neutralSoft:"#F0F3F6",background:"#F9F6F3",invert:"#FFFFFF",primaryHard:"#00315C",primaryHigh:"#005AA8",primary:"#008FF5",primaryLow:"#93CCF5",primarySoft:"#ECF4FB",secondaryHard:"#A25700",secondaryHigh:"#C76B00",secondary:"#FFAA47",secondarySoft:"#FFF6E5",orange:"#FF773D",brown:"#D6AA91",red:"#E02D2D",redMedium:"#FF5A5A",redSoft:"#FFE5E5",greenHard:"#1A5B3C",green:"#08A85B",greenMedium:"#7EE0B1",greenSoft:"#E4F8EE"},transparent:{neutralHard:"rgba(0, 29, 61, 0.92)",neutralHigh:"rgba(0, 29, 61, 0.56)",neutralMedium:"rgba(0, 29, 61, 0.34)",neutralLow:"rgba(0, 29, 61, 0.24)",neutralSoft:"rgba(0, 29, 61, 0.10)",invertHard:"#FFFFFFEB",invertHigh:"#FFFFFF8F",invertMedium:"#FFFFFF5C",invertLow:"#FFFFFF47",invertSoft:"#FFFFFF1F"},border:{neutralHard:"#001D3DEB",neutralHigh:"#00315C8F",neutralMedium:"#00315C57",neutral:"#00315C24",neutralSoft:"#00315C1A",invert:"#FFFFFF",invertSoft:"#FFFFFF33",primary:"#008FF5",primarySoft:"#D3E5F5",secondary:"#FFAA47",secondarySoft:"#FFD5A3",orange:"#FF773D",red:"#E02D2D",redSoft:"#F5CFCF",green:"#08A85B",greenSoft:"#B2EBD0"},text:{neutralHard:"rgba(0, 29, 61, 0.92)",neutralMedium:"rgba(0, 29, 61, 0.56)",neutralSoft:"rgba(0, 29, 61, 0.24)",invert:"#FFFFFF",invertHigh:"#FFFFFFAD",invertMedium:"#FFFFFF75",invertSoft:"#FFFFFF47",primary:"#008FF5",orange:"#FF773D",redHard:"#701E09",red:"#E02D2D",greenHard:"#1A5B3C",green:"#08A85B"}},ze=r.h1`
|
|
12
12
|
padding: 0px;
|
|
13
13
|
margin: 0px;
|
|
14
14
|
font-family: "Poppins", "sans-serif";
|
|
15
15
|
color: ${De.text.neutralHard};
|
|
16
16
|
font-size: 52px;
|
|
17
17
|
line-height: 64px;
|
|
18
|
-
${
|
|
18
|
+
${d.lessThan("medium")`
|
|
19
19
|
font-size: 48px;
|
|
20
20
|
line-height: 60px;
|
|
21
21
|
`}
|
|
@@ -26,29 +26,29 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
26
26
|
color: ${De.text.neutralHard};
|
|
27
27
|
font-size: 48px;
|
|
28
28
|
line-height: 56px;
|
|
29
|
-
${
|
|
29
|
+
${d.lessThan("medium")`
|
|
30
30
|
font-size: 32px;
|
|
31
31
|
line-height: 40px;
|
|
32
32
|
`}
|
|
33
|
-
`,
|
|
33
|
+
`,Pe=r.h2`
|
|
34
34
|
padding: 0px;
|
|
35
35
|
margin: 0px;
|
|
36
36
|
font-family: "Poppins", "sans-serif";
|
|
37
37
|
color: ${De.text.neutralHard};
|
|
38
38
|
font-size: 40px;
|
|
39
39
|
line-height: 48px;
|
|
40
|
-
${
|
|
40
|
+
${d.lessThan("medium")`
|
|
41
41
|
font-size: 28px;
|
|
42
42
|
line-height: 36px;
|
|
43
43
|
`}
|
|
44
|
-
`,
|
|
44
|
+
`,je=r.h3`
|
|
45
45
|
padding: 0px;
|
|
46
46
|
margin: 0px;
|
|
47
47
|
font-family: "Poppins", "sans-serif";
|
|
48
48
|
color: ${De.text.neutralHard};
|
|
49
49
|
font-size: 28px;
|
|
50
50
|
line-height: 36px;
|
|
51
|
-
${
|
|
51
|
+
${d.lessThan("medium")`
|
|
52
52
|
font-size: 24px;
|
|
53
53
|
line-height: 32px;
|
|
54
54
|
`}
|
|
@@ -59,43 +59,43 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
59
59
|
color: ${De.text.neutralHard};
|
|
60
60
|
font-size: 24px;
|
|
61
61
|
line-height: 32px;
|
|
62
|
-
${
|
|
62
|
+
${d.lessThan("medium")`
|
|
63
63
|
font-size: 20px;
|
|
64
64
|
line-height: 28px;
|
|
65
65
|
`}
|
|
66
|
-
`,
|
|
66
|
+
`,Ee=r.h5`
|
|
67
67
|
padding: 0px;
|
|
68
68
|
margin: 0px;
|
|
69
69
|
font-family: "Poppins", "sans-serif";
|
|
70
70
|
color: ${De.text.neutralHard};
|
|
71
71
|
font-size: 20px;
|
|
72
72
|
line-height: 28px;
|
|
73
|
-
${
|
|
73
|
+
${d.lessThan("medium")`
|
|
74
74
|
font-size: 18px;
|
|
75
75
|
line-height: 26px;
|
|
76
76
|
`}
|
|
77
|
-
`,
|
|
77
|
+
`,Oe=r.h6`
|
|
78
78
|
padding: 0px;
|
|
79
79
|
margin: 0px;
|
|
80
80
|
font-family: "Poppins", "sans-serif";
|
|
81
81
|
color: ${De.text.neutralHard};
|
|
82
82
|
font-size: 18px;
|
|
83
83
|
line-height: 26px;
|
|
84
|
-
${
|
|
84
|
+
${d.lessThan("medium")`
|
|
85
85
|
font-size: 16px;
|
|
86
86
|
line-height: 24px;
|
|
87
87
|
`}
|
|
88
|
-
`,Ae=t=>{const{children:
|
|
88
|
+
`,Ae=t=>{const{children:i,type:o,weight:r,style:a}=t,l=e(t,["children","type","weight","style"]);return n("d1"===o?ze:"h1"===o?Me:"h2"===o?Pe:"h3"===o?je:"h4"===o?Be:"h5"===o?Ee:Oe,Object.assign({style:Object.assign({fontWeight:"semibold"===r?600:"medium"===r?500:400},a)},l,{children:i}))},He=r.p`
|
|
89
89
|
font-family: "Poppins";
|
|
90
90
|
margin: 0px;
|
|
91
91
|
color: ${De.text.neutralHard};
|
|
92
|
-
`,
|
|
92
|
+
`,Ve=t=>{const{style:i,type:o,children:r,weight:a}=t,l=e(t,["style","type","children","weight"]);return n(He,Object.assign({style:Object.assign({fontSize:"p"===o?15:"p2"===o?14:"c1"===o?13:"c2"===o?12:"o1"===o?13:12,fontWeight:"semibold"===a?600:"medium"===a?500:400,textTransform:"o1"===o||"o2"===o?"uppercase":"none"},i)},l,{children:r}))},Te=r.p`
|
|
93
93
|
padding: 0px;
|
|
94
94
|
margin: 0px;
|
|
95
95
|
font-family: "Poppins", "sans-serif";
|
|
96
96
|
color: ${De.text.neutralHard};
|
|
97
97
|
font-size: 18px;
|
|
98
|
-
${
|
|
98
|
+
${d.lessThan("medium")`
|
|
99
99
|
font-size: 15px;
|
|
100
100
|
`}
|
|
101
101
|
`,Ie=r.p`
|
|
@@ -104,22 +104,22 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
104
104
|
font-family: "Poppins", "sans-serif";
|
|
105
105
|
color: ${De.text.neutralHard};
|
|
106
106
|
font-size: 15px;
|
|
107
|
-
${
|
|
107
|
+
${d.lessThan("medium")`
|
|
108
108
|
font-size: 14px;
|
|
109
109
|
`}
|
|
110
|
-
`,
|
|
110
|
+
`,Ne=r.p`
|
|
111
111
|
padding: 0px;
|
|
112
112
|
margin: 0px;
|
|
113
113
|
font-family: "Poppins", "sans-serif";
|
|
114
114
|
color: ${De.text.neutralHard};
|
|
115
115
|
font-size: 13px;
|
|
116
|
-
${
|
|
116
|
+
${d.lessThan("medium")`
|
|
117
117
|
font-size: 13px;
|
|
118
118
|
`}
|
|
119
|
-
`,
|
|
119
|
+
`,Ze=t=>{const{children:i,type:o,weight:r,style:a}=t,l=e(t,["children","type","weight","style"]);return n("b1"===o?Te:"b2"===o?Ie:Ne,Object.assign({style:Object.assign({fontWeight:"semibold"===r?600:"medium"===r?500:400},a)},l,{children:i}))},Re=e=>"d1"===e.type||"h1"===e.type||"h2"===e.type||"h3"===e.type||"h4"===e.type||"h5"===e.type||"h6"===e.type?n(Ae,Object.assign({role:"header"},e,{children:e.children})):"p"===e.type||"p2"===e.type||"c1"===e.type||"c2"===e.type||"o1"===e.type||"o2"===e.type?n(Ve,Object.assign({role:"paragraph"},e,{children:e.children})):"b1"===e.type||"b2"===e.type||"b3"===e.type?n(Ze,Object.assign({role:"button"},e,{children:e.children})):null,Ge=r.div`
|
|
120
120
|
position: relative;
|
|
121
121
|
height: 6px;
|
|
122
|
-
`,
|
|
122
|
+
`,We=r.div`
|
|
123
123
|
display: flex;
|
|
124
124
|
flex: 1;
|
|
125
125
|
background-color: ${Le.background.soft};
|
|
@@ -141,7 +141,7 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
141
141
|
flex-direction: column;
|
|
142
142
|
align-items: center;
|
|
143
143
|
transform-origin: bottom center;
|
|
144
|
-
`,qe=t=>{const{minValue:n=0,maxValue:r=100,progress:l,style:a,showPercentage:s}=t,d=e(t,["minValue","maxValue","progress","style","showPercentage"]),[u,x]=c("number"==typeof t.progress?0:t.progress.map(e=>({value:0,color:e.color})));return p(()=>{x(t.progress)},[t.progress]),o(We,{style:a,children:[s&&("number"==typeof u?i(Ue,{style:{left:`calc(${u/(r-n)*100}% - 20px)`,backgroundColor:t.color?t.color:De.surface.primary},children:i(Ne,{type:"p2",weight:"medium",style:{color:"white"},children:"number"==typeof u&&`${(u/(r-n)*100).toFixed(0)}%`})}):u.map((e,t)=>i(Ue,{style:{left:`calc(${e.value/(r-n)*100}% - 20px)`,backgroundColor:e.color?e.color:De.surface.primary},children:i(Ne,{type:"p2",weight:"medium",style:{color:"white"},children:`${(e.value/(r-n)*100).toFixed(0)}%`})},"progress-percentage-"+t))),i(Ge,Object.assign({role:"progress-bar"},d,{children:"number"==typeof u?i(Ye,Object.assign({},d,{style:{height:t.style&&t.style.height?t.style.height:6},$progress:u/(r-n)*100,color:t.color,$animationTime:t.animationTime,$animationDelay:t.animationDelay})):u.map((e,i)=>h(Ye,Object.assign({},d,{key:"progress-value-"+i,style:{height:t.style&&t.style.height?t.style.height:6},$progress:e.value/(r-n)*100,color:e.color,$animationTime:t.animationTime,$animationDelay:t.animationDelay})))}))]})};var Je={nm:"Check",mn:"",layers:[{ty:4,nm:"Check 2",mn:"",sr:1,st:0,op:75,ip:20,hd:!1,cl:"",ln:"",ddd:0,bm:0,hasMask:!1,ao:0,ks:{a:{a:0,k:[100,83.687,0],ix:1},s:{a:0,k:[100,100,100],ix:6},sk:{a:0,k:0},p:{a:0,k:[75,74.604,0],ix:2},r:{a:0,k:0,ix:10},sa:{a:0,k:0},o:{a:0,k:100,ix:11}},ef:[],shapes:[{ty:"gr",bm:0,cl:"",ln:"",hd:!1,mn:"ADBE Vector Group",nm:"Grupo 1",ix:1,cix:2,np:3,it:[{ty:"sh",bm:0,cl:"",ln:"",hd:!1,mn:"ADBE Vector Shape - Group",nm:"Caminho 1",ix:1,d:1,ks:{a:0,k:{c:!1,i:[[0,0],[0,0],[0,0]],o:[[0,0],[0,0],[0,0]],v:[[-50,.396],[-17.209,33.687],[50,-33.687]]},ix:2}},{ty:"tm",bm:0,cl:"",ln:"",hd:!1,mn:"ADBE Vector Filter - Trim",nm:"Aparar caminhos 1",ix:2,e:{a:1,k:[{o:{x:.599,y:0},i:{x:.188,y:1},s:[0],t:20},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[100],t:45}],ix:2},o:{a:0,k:0,ix:3},s:{a:0,k:0,ix:1},m:1},{ty:"st",bm:0,cl:"",ln:"",hd:!1,mn:"ADBE Vector Graphic - Stroke",nm:"Traçado 1",lc:2,lj:2,ml:1,o:{a:0,k:100,ix:4},w:{a:0,k:20,ix:5},d:[],c:{a:0,k:[1,1,1],ix:3}},{ty:"tr",a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},sk:{a:0,k:0,ix:4},p:{a:0,k:[100,83.686],ix:2},r:{a:0,k:0,ix:6},sa:{a:0,k:0,ix:5},o:{a:0,k:100,ix:7}}]}],ind:1},{ty:3,mn:"",sr:1,st:0,op:91.2,ip:75,hd:!1,cl:"",ln:"",ddd:0,bm:0,hasMask:!1,ao:0,ks:{a:{a:0,k:[100,83.687,0],ix:1},s:{a:0,k:[100,100,100],ix:6},sk:{a:0,k:0},p:{a:0,k:[75,74.604,0],ix:2},r:{a:0,k:0,ix:10},sa:{a:0,k:0},o:{a:0,k:100,ix:11}},ind:2},{ty:3,mn:"",sr:1,st:0,op:40,ip:0,hd:!1,cl:"",ln:"",ddd:0,bm:0,hasMask:!1,ao:0,ks:{a:{a:0,k:[100,83.687,0],ix:1},s:{a:0,k:[100,100,100],ix:6},sk:{a:0,k:0},p:{a:0,k:[75,74.604,0],ix:2},r:{a:0,k:0,ix:10},sa:{a:0,k:0},o:{a:0,k:100,ix:11}},ind:3}],ddd:0,h:150,w:150,meta:{a:"",k:"",d:"",g:"@lottiefiles/toolkit-js 0.22.1",tc:"#000000"},v:"5.1.3",fr:60,op:70,ip:0,assets:[]},Ke={nm:"Comp 1",mn:"",layers:[{ty:0,nm:"Pre-comp 1",mn:"",sr:1,st:0,op:211,ip:0,hd:!1,cl:"",ln:"",ddd:0,bm:0,tt:0,hasMask:!1,td:0,ao:0,ks:{a:{a:0,k:[150,150,0],ix:1},s:{a:0,k:[41,41,100],ix:6},sk:{a:0,k:0},p:{a:0,k:[150,150,0],ix:2},sa:{a:0,k:0},o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10}},ef:[],w:300,h:300,refId:"comp_0",ind:0}],ddd:0,h:300,w:300,meta:{a:"",k:"",d:"",g:"LottieFiles AE 1.0.0",tc:"#000000"},v:"4.8.0",fr:60,op:41,ip:9,assets:[{nm:"",mn:"",layers:[{ty:4,nm:"ball4",mn:"",sr:1,st:25,op:71,ip:40,hd:!1,cl:"",ln:"",ddd:0,bm:0,tt:0,hasMask:!1,td:0,ao:0,ks:{a:{a:0,k:[0,0,0],ix:1},s:{a:0,k:[100,100,100],ix:6},sk:{a:0,k:0},p:{s:!0,x:{a:0,k:223,ix:3},y:{a:1,k:[{o:{x:.534,y:0},i:{x:.465,y:1},s:[169.5],t:25},{o:{x:.514,y:0},i:{x:.424,y:1},s:[129.5],t:40},{o:{x:.054,y:0},i:{x:.465,y:1},s:[169.5],t:55},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[129.5],t:70}],ix:4}},sa:{a:0,k:0},o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10}},ef:[],shapes:[{ty:"gr",bm:0,cl:"",ln:"",hd:!1,mn:"ADBE Vector Group",nm:"Group 1",ix:1,cix:2,np:2,it:[{ty:"sh",bm:0,cl:"",ln:"",hd:!1,mn:"ADBE Vector Shape - Group",nm:"Path 1",ix:1,d:1,ks:{a:0,k:{c:!0,i:[[0,-14.359],[14.359,0],[0,14.359],[-14.359,0]],o:[[0,14.359],[-14.359,0],[0,-14.359],[14.359,0]],v:[[26,0],[0,26],[-26,0],[0,-26]]},ix:2}},{ty:"fl",bm:0,cl:"",ln:"",hd:!1,mn:"ADBE Vector Graphic - Fill",nm:"Fill 1",c:{a:0,k:[1,1,1],ix:4},r:1,o:{a:0,k:100,ix:5}},{ty:"tr",a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},sk:{a:0,k:0,ix:4},p:{a:0,k:[0,0],ix:2},r:{a:0,k:0,ix:6},sa:{a:0,k:0,ix:5},o:{a:0,k:100,ix:7}}]}],ind:0},{ty:4,nm:"ball 4",mn:"",sr:1,st:20,op:66,ip:35,hd:!1,cl:"",ln:"",ddd:0,bm:0,tt:0,hasMask:!1,td:0,ao:0,ks:{a:{a:0,k:[0,0,0],ix:1},s:{a:0,k:[100,100,100],ix:6},sk:{a:0,k:0},p:{s:!0,x:{a:0,k:150,ix:3},y:{a:1,k:[{o:{x:.534,y:0},i:{x:.465,y:1},s:[169.5],t:20},{o:{x:.514,y:0},i:{x:.424,y:1},s:[129.5],t:35},{o:{x:.054,y:0},i:{x:.465,y:1},s:[169.5],t:50},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[129.5],t:65}],ix:4}},sa:{a:0,k:0},o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10}},ef:[],shapes:[{ty:"gr",bm:0,cl:"",ln:"",hd:!1,mn:"ADBE Vector Group",nm:"Group 1",ix:1,cix:2,np:2,it:[{ty:"sh",bm:0,cl:"",ln:"",hd:!1,mn:"ADBE Vector Shape - Group",nm:"Path 1",ix:1,d:1,ks:{a:0,k:{c:!0,i:[[0,-14.359],[14.359,0],[0,14.359],[-14.359,0]],o:[[0,14.359],[-14.359,0],[0,-14.359],[14.359,0]],v:[[26,0],[0,26],[-26,0],[0,-26]]},ix:2}},{ty:"fl",bm:0,cl:"",ln:"",hd:!1,mn:"ADBE Vector Graphic - Fill",nm:"Fill 1",c:{a:0,k:[1,1,1],ix:4},r:1,o:{a:0,k:100,ix:5}},{ty:"tr",a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},sk:{a:0,k:0,ix:4},p:{a:0,k:[0,0],ix:2},r:{a:0,k:0,ix:6},sa:{a:0,k:0,ix:5},o:{a:0,k:100,ix:7}}]}],ind:1},{ty:4,nm:"ball 3",mn:"",sr:1,st:15,op:61,ip:30,hd:!1,cl:"",ln:"",ddd:0,bm:0,tt:0,hasMask:!1,td:0,ao:0,ks:{a:{a:0,k:[0,0,0],ix:1},s:{a:0,k:[100,100,100],ix:6},sk:{a:0,k:0},p:{s:!0,x:{a:0,k:77,ix:3},y:{a:1,k:[{o:{x:.534,y:0},i:{x:.465,y:1},s:[169.5],t:15},{o:{x:.514,y:0},i:{x:.424,y:1},s:[129.5],t:30},{o:{x:.054,y:0},i:{x:.465,y:1},s:[169.5],t:45},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[129.5],t:60}],ix:4}},sa:{a:0,k:0},o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10}},ef:[],shapes:[{ty:"gr",bm:0,cl:"",ln:"",hd:!1,mn:"ADBE Vector Group",nm:"Group 1",ix:1,cix:2,np:2,it:[{ty:"sh",bm:0,cl:"",ln:"",hd:!1,mn:"ADBE Vector Shape - Group",nm:"Path 1",ix:1,d:1,ks:{a:0,k:{c:!0,i:[[0,-14.359],[14.359,0],[0,14.359],[-14.359,0]],o:[[0,14.359],[-14.359,0],[0,-14.359],[14.359,0]],v:[[26,0],[0,26],[-26,0],[0,-26]]},ix:2}},{ty:"fl",bm:0,cl:"",ln:"",hd:!1,mn:"ADBE Vector Graphic - Fill",nm:"Fill 1",c:{a:0,k:[1,1,1],ix:4},r:1,o:{a:0,k:100,ix:5}},{ty:"tr",a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},sk:{a:0,k:0,ix:4},p:{a:0,k:[0,0],ix:2},r:{a:0,k:0,ix:6},sa:{a:0,k:0,ix:5},o:{a:0,k:100,ix:7}}]}],ind:2},{ty:4,nm:"ball3",mn:"",sr:1,st:-6,op:40,ip:9,hd:!1,cl:"",ln:"",ddd:0,bm:0,tt:0,hasMask:!1,td:0,ao:0,ks:{a:{a:0,k:[0,0,0],ix:1},s:{a:0,k:[100,100,100],ix:6},sk:{a:0,k:0},p:{s:!0,x:{a:0,k:223,ix:3},y:{a:1,k:[{o:{x:.534,y:0},i:{x:.465,y:1},s:[169.5],t:-6},{o:{x:.514,y:0},i:{x:.424,y:1},s:[129.5],t:9},{o:{x:.054,y:0},i:{x:.465,y:1},s:[169.5],t:24},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[129.5],t:39}],ix:4}},sa:{a:0,k:0},o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10}},ef:[],shapes:[{ty:"gr",bm:0,cl:"",ln:"",hd:!1,mn:"ADBE Vector Group",nm:"Group 1",ix:1,cix:2,np:2,it:[{ty:"sh",bm:0,cl:"",ln:"",hd:!1,mn:"ADBE Vector Shape - Group",nm:"Path 1",ix:1,d:1,ks:{a:0,k:{c:!0,i:[[0,-14.359],[14.359,0],[0,14.359],[-14.359,0]],o:[[0,14.359],[-14.359,0],[0,-14.359],[14.359,0]],v:[[26,0],[0,26],[-26,0],[0,-26]]},ix:2}},{ty:"fl",bm:0,cl:"",ln:"",hd:!1,mn:"ADBE Vector Graphic - Fill",nm:"Fill 1",c:{a:0,k:[1,1,1],ix:4},r:1,o:{a:0,k:100,ix:5}},{ty:"tr",a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},sk:{a:0,k:0,ix:4},p:{a:0,k:[0,0],ix:2},r:{a:0,k:0,ix:6},sa:{a:0,k:0,ix:5},o:{a:0,k:100,ix:7}}]}],ind:3},{ty:4,nm:"ball 2",mn:"",sr:1,st:-11,op:35,ip:4,hd:!1,cl:"",ln:"",ddd:0,bm:0,tt:0,hasMask:!1,td:0,ao:0,ks:{a:{a:0,k:[0,0,0],ix:1},s:{a:0,k:[100,100,100],ix:6},sk:{a:0,k:0},p:{s:!0,x:{a:0,k:150,ix:3},y:{a:1,k:[{o:{x:.534,y:0},i:{x:.465,y:1},s:[169.5],t:-11},{o:{x:.514,y:0},i:{x:.424,y:1},s:[129.5],t:4},{o:{x:.054,y:0},i:{x:.465,y:1},s:[169.5],t:19},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[129.5],t:34}],ix:4}},sa:{a:0,k:0},o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10}},ef:[],shapes:[{ty:"gr",bm:0,cl:"",ln:"",hd:!1,mn:"ADBE Vector Group",nm:"Group 1",ix:1,cix:2,np:2,it:[{ty:"sh",bm:0,cl:"",ln:"",hd:!1,mn:"ADBE Vector Shape - Group",nm:"Path 1",ix:1,d:1,ks:{a:0,k:{c:!0,i:[[0,-14.359],[14.359,0],[0,14.359],[-14.359,0]],o:[[0,14.359],[-14.359,0],[0,-14.359],[14.359,0]],v:[[26,0],[0,26],[-26,0],[0,-26]]},ix:2}},{ty:"fl",bm:0,cl:"",ln:"",hd:!1,mn:"ADBE Vector Graphic - Fill",nm:"Fill 1",c:{a:0,k:[1,1,1],ix:4},r:1,o:{a:0,k:100,ix:5}},{ty:"tr",a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},sk:{a:0,k:0,ix:4},p:{a:0,k:[0,0],ix:2},r:{a:0,k:0,ix:6},sa:{a:0,k:0,ix:5},o:{a:0,k:100,ix:7}}]}],ind:4},{ty:4,nm:"ball 1",mn:"",sr:1,st:-16,op:30,ip:-1,hd:!1,cl:"",ln:"",ddd:0,bm:0,tt:0,hasMask:!1,td:0,ao:0,ks:{a:{a:0,k:[0,0,0],ix:1},s:{a:0,k:[100,100,100],ix:6},sk:{a:0,k:0},p:{s:!0,x:{a:0,k:77,ix:3},y:{a:1,k:[{o:{x:.534,y:0},i:{x:.465,y:1},s:[169.5],t:-16},{o:{x:.514,y:0},i:{x:.424,y:1},s:[129.5],t:-1},{o:{x:.054,y:0},i:{x:.465,y:1},s:[169.5],t:14},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[129.5],t:29}],ix:4}},sa:{a:0,k:0},o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10}},ef:[],shapes:[{ty:"gr",bm:0,cl:"",ln:"",hd:!1,mn:"ADBE Vector Group",nm:"Group 1",ix:1,cix:2,np:2,it:[{ty:"sh",bm:0,cl:"",ln:"",hd:!1,mn:"ADBE Vector Shape - Group",nm:"Path 1",ix:1,d:1,ks:{a:0,k:{c:!0,i:[[0,-14.359],[14.359,0],[0,14.359],[-14.359,0]],o:[[0,14.359],[-14.359,0],[0,-14.359],[14.359,0]],v:[[26,0],[0,26],[-26,0],[0,-26]]},ix:2}},{ty:"fl",bm:0,cl:"",ln:"",hd:!1,mn:"ADBE Vector Graphic - Fill",nm:"Fill 1",c:{a:0,k:[1,1,1],ix:4},r:1,o:{a:0,k:100,ix:5}},{ty:"tr",a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},sk:{a:0,k:0,ix:4},p:{a:0,k:[0,0],ix:2},r:{a:0,k:0,ix:6},sa:{a:0,k:0,ix:5},o:{a:0,k:100,ix:7}}]}],ind:5}],id:"comp_0",fr:30}]};const Qe=r.button`
|
|
144
|
+
`,qe=t=>{const{minValue:o=0,maxValue:r=100,progress:a,style:l,showPercentage:d}=t,s=e(t,["minValue","maxValue","progress","style","showPercentage"]),[u,x]=c("number"==typeof t.progress?0:t.progress.map(e=>({value:0,color:e.color})));return p(()=>{x(t.progress)},[t.progress]),i(Ge,{style:l,children:[d&&("number"==typeof u?n(Ue,{style:{left:`calc(${u/(r-o)*100}% - 20px)`,backgroundColor:t.color?t.color:De.surface.primary},children:n(Re,{type:"p2",weight:"medium",style:{color:"white"},children:"number"==typeof u&&`${(u/(r-o)*100).toFixed(0)}%`})}):u.map((e,t)=>n(Ue,{style:{left:`calc(${e.value/(r-o)*100}% - 20px)`,backgroundColor:e.color?e.color:De.surface.primary},children:n(Re,{type:"p2",weight:"medium",style:{color:"white"},children:`${(e.value/(r-o)*100).toFixed(0)}%`})},"progress-percentage-"+t))),n(We,Object.assign({role:"progress-bar"},s,{children:"number"==typeof u?n(Ye,Object.assign({},s,{style:{height:t.style&&t.style.height?t.style.height:6},$progress:u/(r-o)*100,color:t.color,$animationTime:t.animationTime,$animationDelay:t.animationDelay})):u.map((e,n)=>h(Ye,Object.assign({},s,{key:"progress-value-"+n,style:{height:t.style&&t.style.height?t.style.height:6},$progress:e.value/(r-o)*100,color:e.color,$animationTime:t.animationTime,$animationDelay:t.animationDelay})))}))]})};var Xe={nm:"Check",mn:"",layers:[{ty:4,nm:"Check 2",mn:"",sr:1,st:0,op:75,ip:20,hd:!1,cl:"",ln:"",ddd:0,bm:0,hasMask:!1,ao:0,ks:{a:{a:0,k:[100,83.687,0],ix:1},s:{a:0,k:[100,100,100],ix:6},sk:{a:0,k:0},p:{a:0,k:[75,74.604,0],ix:2},r:{a:0,k:0,ix:10},sa:{a:0,k:0},o:{a:0,k:100,ix:11}},ef:[],shapes:[{ty:"gr",bm:0,cl:"",ln:"",hd:!1,mn:"ADBE Vector Group",nm:"Grupo 1",ix:1,cix:2,np:3,it:[{ty:"sh",bm:0,cl:"",ln:"",hd:!1,mn:"ADBE Vector Shape - Group",nm:"Caminho 1",ix:1,d:1,ks:{a:0,k:{c:!1,i:[[0,0],[0,0],[0,0]],o:[[0,0],[0,0],[0,0]],v:[[-50,.396],[-17.209,33.687],[50,-33.687]]},ix:2}},{ty:"tm",bm:0,cl:"",ln:"",hd:!1,mn:"ADBE Vector Filter - Trim",nm:"Aparar caminhos 1",ix:2,e:{a:1,k:[{o:{x:.599,y:0},i:{x:.188,y:1},s:[0],t:20},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[100],t:45}],ix:2},o:{a:0,k:0,ix:3},s:{a:0,k:0,ix:1},m:1},{ty:"st",bm:0,cl:"",ln:"",hd:!1,mn:"ADBE Vector Graphic - Stroke",nm:"Traçado 1",lc:2,lj:2,ml:1,o:{a:0,k:100,ix:4},w:{a:0,k:20,ix:5},d:[],c:{a:0,k:[1,1,1],ix:3}},{ty:"tr",a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},sk:{a:0,k:0,ix:4},p:{a:0,k:[100,83.686],ix:2},r:{a:0,k:0,ix:6},sa:{a:0,k:0,ix:5},o:{a:0,k:100,ix:7}}]}],ind:1},{ty:3,mn:"",sr:1,st:0,op:91.2,ip:75,hd:!1,cl:"",ln:"",ddd:0,bm:0,hasMask:!1,ao:0,ks:{a:{a:0,k:[100,83.687,0],ix:1},s:{a:0,k:[100,100,100],ix:6},sk:{a:0,k:0},p:{a:0,k:[75,74.604,0],ix:2},r:{a:0,k:0,ix:10},sa:{a:0,k:0},o:{a:0,k:100,ix:11}},ind:2},{ty:3,mn:"",sr:1,st:0,op:40,ip:0,hd:!1,cl:"",ln:"",ddd:0,bm:0,hasMask:!1,ao:0,ks:{a:{a:0,k:[100,83.687,0],ix:1},s:{a:0,k:[100,100,100],ix:6},sk:{a:0,k:0},p:{a:0,k:[75,74.604,0],ix:2},r:{a:0,k:0,ix:10},sa:{a:0,k:0},o:{a:0,k:100,ix:11}},ind:3}],ddd:0,h:150,w:150,meta:{a:"",k:"",d:"",g:"@lottiefiles/toolkit-js 0.22.1",tc:"#000000"},v:"5.1.3",fr:60,op:70,ip:0,assets:[]},Ke={nm:"Comp 1",mn:"",layers:[{ty:0,nm:"Pre-comp 1",mn:"",sr:1,st:0,op:211,ip:0,hd:!1,cl:"",ln:"",ddd:0,bm:0,tt:0,hasMask:!1,td:0,ao:0,ks:{a:{a:0,k:[150,150,0],ix:1},s:{a:0,k:[41,41,100],ix:6},sk:{a:0,k:0},p:{a:0,k:[150,150,0],ix:2},sa:{a:0,k:0},o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10}},ef:[],w:300,h:300,refId:"comp_0",ind:0}],ddd:0,h:300,w:300,meta:{a:"",k:"",d:"",g:"LottieFiles AE 1.0.0",tc:"#000000"},v:"4.8.0",fr:60,op:41,ip:9,assets:[{nm:"",mn:"",layers:[{ty:4,nm:"ball4",mn:"",sr:1,st:25,op:71,ip:40,hd:!1,cl:"",ln:"",ddd:0,bm:0,tt:0,hasMask:!1,td:0,ao:0,ks:{a:{a:0,k:[0,0,0],ix:1},s:{a:0,k:[100,100,100],ix:6},sk:{a:0,k:0},p:{s:!0,x:{a:0,k:223,ix:3},y:{a:1,k:[{o:{x:.534,y:0},i:{x:.465,y:1},s:[169.5],t:25},{o:{x:.514,y:0},i:{x:.424,y:1},s:[129.5],t:40},{o:{x:.054,y:0},i:{x:.465,y:1},s:[169.5],t:55},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[129.5],t:70}],ix:4}},sa:{a:0,k:0},o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10}},ef:[],shapes:[{ty:"gr",bm:0,cl:"",ln:"",hd:!1,mn:"ADBE Vector Group",nm:"Group 1",ix:1,cix:2,np:2,it:[{ty:"sh",bm:0,cl:"",ln:"",hd:!1,mn:"ADBE Vector Shape - Group",nm:"Path 1",ix:1,d:1,ks:{a:0,k:{c:!0,i:[[0,-14.359],[14.359,0],[0,14.359],[-14.359,0]],o:[[0,14.359],[-14.359,0],[0,-14.359],[14.359,0]],v:[[26,0],[0,26],[-26,0],[0,-26]]},ix:2}},{ty:"fl",bm:0,cl:"",ln:"",hd:!1,mn:"ADBE Vector Graphic - Fill",nm:"Fill 1",c:{a:0,k:[1,1,1],ix:4},r:1,o:{a:0,k:100,ix:5}},{ty:"tr",a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},sk:{a:0,k:0,ix:4},p:{a:0,k:[0,0],ix:2},r:{a:0,k:0,ix:6},sa:{a:0,k:0,ix:5},o:{a:0,k:100,ix:7}}]}],ind:0},{ty:4,nm:"ball 4",mn:"",sr:1,st:20,op:66,ip:35,hd:!1,cl:"",ln:"",ddd:0,bm:0,tt:0,hasMask:!1,td:0,ao:0,ks:{a:{a:0,k:[0,0,0],ix:1},s:{a:0,k:[100,100,100],ix:6},sk:{a:0,k:0},p:{s:!0,x:{a:0,k:150,ix:3},y:{a:1,k:[{o:{x:.534,y:0},i:{x:.465,y:1},s:[169.5],t:20},{o:{x:.514,y:0},i:{x:.424,y:1},s:[129.5],t:35},{o:{x:.054,y:0},i:{x:.465,y:1},s:[169.5],t:50},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[129.5],t:65}],ix:4}},sa:{a:0,k:0},o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10}},ef:[],shapes:[{ty:"gr",bm:0,cl:"",ln:"",hd:!1,mn:"ADBE Vector Group",nm:"Group 1",ix:1,cix:2,np:2,it:[{ty:"sh",bm:0,cl:"",ln:"",hd:!1,mn:"ADBE Vector Shape - Group",nm:"Path 1",ix:1,d:1,ks:{a:0,k:{c:!0,i:[[0,-14.359],[14.359,0],[0,14.359],[-14.359,0]],o:[[0,14.359],[-14.359,0],[0,-14.359],[14.359,0]],v:[[26,0],[0,26],[-26,0],[0,-26]]},ix:2}},{ty:"fl",bm:0,cl:"",ln:"",hd:!1,mn:"ADBE Vector Graphic - Fill",nm:"Fill 1",c:{a:0,k:[1,1,1],ix:4},r:1,o:{a:0,k:100,ix:5}},{ty:"tr",a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},sk:{a:0,k:0,ix:4},p:{a:0,k:[0,0],ix:2},r:{a:0,k:0,ix:6},sa:{a:0,k:0,ix:5},o:{a:0,k:100,ix:7}}]}],ind:1},{ty:4,nm:"ball 3",mn:"",sr:1,st:15,op:61,ip:30,hd:!1,cl:"",ln:"",ddd:0,bm:0,tt:0,hasMask:!1,td:0,ao:0,ks:{a:{a:0,k:[0,0,0],ix:1},s:{a:0,k:[100,100,100],ix:6},sk:{a:0,k:0},p:{s:!0,x:{a:0,k:77,ix:3},y:{a:1,k:[{o:{x:.534,y:0},i:{x:.465,y:1},s:[169.5],t:15},{o:{x:.514,y:0},i:{x:.424,y:1},s:[129.5],t:30},{o:{x:.054,y:0},i:{x:.465,y:1},s:[169.5],t:45},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[129.5],t:60}],ix:4}},sa:{a:0,k:0},o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10}},ef:[],shapes:[{ty:"gr",bm:0,cl:"",ln:"",hd:!1,mn:"ADBE Vector Group",nm:"Group 1",ix:1,cix:2,np:2,it:[{ty:"sh",bm:0,cl:"",ln:"",hd:!1,mn:"ADBE Vector Shape - Group",nm:"Path 1",ix:1,d:1,ks:{a:0,k:{c:!0,i:[[0,-14.359],[14.359,0],[0,14.359],[-14.359,0]],o:[[0,14.359],[-14.359,0],[0,-14.359],[14.359,0]],v:[[26,0],[0,26],[-26,0],[0,-26]]},ix:2}},{ty:"fl",bm:0,cl:"",ln:"",hd:!1,mn:"ADBE Vector Graphic - Fill",nm:"Fill 1",c:{a:0,k:[1,1,1],ix:4},r:1,o:{a:0,k:100,ix:5}},{ty:"tr",a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},sk:{a:0,k:0,ix:4},p:{a:0,k:[0,0],ix:2},r:{a:0,k:0,ix:6},sa:{a:0,k:0,ix:5},o:{a:0,k:100,ix:7}}]}],ind:2},{ty:4,nm:"ball3",mn:"",sr:1,st:-6,op:40,ip:9,hd:!1,cl:"",ln:"",ddd:0,bm:0,tt:0,hasMask:!1,td:0,ao:0,ks:{a:{a:0,k:[0,0,0],ix:1},s:{a:0,k:[100,100,100],ix:6},sk:{a:0,k:0},p:{s:!0,x:{a:0,k:223,ix:3},y:{a:1,k:[{o:{x:.534,y:0},i:{x:.465,y:1},s:[169.5],t:-6},{o:{x:.514,y:0},i:{x:.424,y:1},s:[129.5],t:9},{o:{x:.054,y:0},i:{x:.465,y:1},s:[169.5],t:24},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[129.5],t:39}],ix:4}},sa:{a:0,k:0},o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10}},ef:[],shapes:[{ty:"gr",bm:0,cl:"",ln:"",hd:!1,mn:"ADBE Vector Group",nm:"Group 1",ix:1,cix:2,np:2,it:[{ty:"sh",bm:0,cl:"",ln:"",hd:!1,mn:"ADBE Vector Shape - Group",nm:"Path 1",ix:1,d:1,ks:{a:0,k:{c:!0,i:[[0,-14.359],[14.359,0],[0,14.359],[-14.359,0]],o:[[0,14.359],[-14.359,0],[0,-14.359],[14.359,0]],v:[[26,0],[0,26],[-26,0],[0,-26]]},ix:2}},{ty:"fl",bm:0,cl:"",ln:"",hd:!1,mn:"ADBE Vector Graphic - Fill",nm:"Fill 1",c:{a:0,k:[1,1,1],ix:4},r:1,o:{a:0,k:100,ix:5}},{ty:"tr",a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},sk:{a:0,k:0,ix:4},p:{a:0,k:[0,0],ix:2},r:{a:0,k:0,ix:6},sa:{a:0,k:0,ix:5},o:{a:0,k:100,ix:7}}]}],ind:3},{ty:4,nm:"ball 2",mn:"",sr:1,st:-11,op:35,ip:4,hd:!1,cl:"",ln:"",ddd:0,bm:0,tt:0,hasMask:!1,td:0,ao:0,ks:{a:{a:0,k:[0,0,0],ix:1},s:{a:0,k:[100,100,100],ix:6},sk:{a:0,k:0},p:{s:!0,x:{a:0,k:150,ix:3},y:{a:1,k:[{o:{x:.534,y:0},i:{x:.465,y:1},s:[169.5],t:-11},{o:{x:.514,y:0},i:{x:.424,y:1},s:[129.5],t:4},{o:{x:.054,y:0},i:{x:.465,y:1},s:[169.5],t:19},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[129.5],t:34}],ix:4}},sa:{a:0,k:0},o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10}},ef:[],shapes:[{ty:"gr",bm:0,cl:"",ln:"",hd:!1,mn:"ADBE Vector Group",nm:"Group 1",ix:1,cix:2,np:2,it:[{ty:"sh",bm:0,cl:"",ln:"",hd:!1,mn:"ADBE Vector Shape - Group",nm:"Path 1",ix:1,d:1,ks:{a:0,k:{c:!0,i:[[0,-14.359],[14.359,0],[0,14.359],[-14.359,0]],o:[[0,14.359],[-14.359,0],[0,-14.359],[14.359,0]],v:[[26,0],[0,26],[-26,0],[0,-26]]},ix:2}},{ty:"fl",bm:0,cl:"",ln:"",hd:!1,mn:"ADBE Vector Graphic - Fill",nm:"Fill 1",c:{a:0,k:[1,1,1],ix:4},r:1,o:{a:0,k:100,ix:5}},{ty:"tr",a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},sk:{a:0,k:0,ix:4},p:{a:0,k:[0,0],ix:2},r:{a:0,k:0,ix:6},sa:{a:0,k:0,ix:5},o:{a:0,k:100,ix:7}}]}],ind:4},{ty:4,nm:"ball 1",mn:"",sr:1,st:-16,op:30,ip:-1,hd:!1,cl:"",ln:"",ddd:0,bm:0,tt:0,hasMask:!1,td:0,ao:0,ks:{a:{a:0,k:[0,0,0],ix:1},s:{a:0,k:[100,100,100],ix:6},sk:{a:0,k:0},p:{s:!0,x:{a:0,k:77,ix:3},y:{a:1,k:[{o:{x:.534,y:0},i:{x:.465,y:1},s:[169.5],t:-16},{o:{x:.514,y:0},i:{x:.424,y:1},s:[129.5],t:-1},{o:{x:.054,y:0},i:{x:.465,y:1},s:[169.5],t:14},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[129.5],t:29}],ix:4}},sa:{a:0,k:0},o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10}},ef:[],shapes:[{ty:"gr",bm:0,cl:"",ln:"",hd:!1,mn:"ADBE Vector Group",nm:"Group 1",ix:1,cix:2,np:2,it:[{ty:"sh",bm:0,cl:"",ln:"",hd:!1,mn:"ADBE Vector Shape - Group",nm:"Path 1",ix:1,d:1,ks:{a:0,k:{c:!0,i:[[0,-14.359],[14.359,0],[0,14.359],[-14.359,0]],o:[[0,14.359],[-14.359,0],[0,-14.359],[14.359,0]],v:[[26,0],[0,26],[-26,0],[0,-26]]},ix:2}},{ty:"fl",bm:0,cl:"",ln:"",hd:!1,mn:"ADBE Vector Graphic - Fill",nm:"Fill 1",c:{a:0,k:[1,1,1],ix:4},r:1,o:{a:0,k:100,ix:5}},{ty:"tr",a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},sk:{a:0,k:0,ix:4},p:{a:0,k:[0,0],ix:2},r:{a:0,k:0,ix:6},sa:{a:0,k:0,ix:5},o:{a:0,k:100,ix:7}}]}],ind:5}],id:"comp_0",fr:30}]};const Je=r.button`
|
|
145
145
|
display: flex;
|
|
146
146
|
flex-direction: row;
|
|
147
147
|
align-items: center;
|
|
@@ -163,7 +163,7 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
163
163
|
&:active {
|
|
164
164
|
transform: ${e=>e.disabled||e.$loading||e.$countdown?"none":"scale(0.95)"};
|
|
165
165
|
}
|
|
166
|
-
`,
|
|
166
|
+
`,Qe=r(Re)`
|
|
167
167
|
display: flex;
|
|
168
168
|
align-items: center;
|
|
169
169
|
gap: 6px;
|
|
@@ -171,7 +171,7 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
171
171
|
width: 100%;
|
|
172
172
|
margin-left: ${e=>e.$icon?6:0};
|
|
173
173
|
color: white;
|
|
174
|
-
`,et=t=>{var r,l,
|
|
174
|
+
`,et=t=>{var r,a,l,d,s,{loading:h,success:u,size:x,animationDelay:g,onSuccess:m,icon:f,iconPosition:y,animationTime:b,countdown:k,onCountdownEnd:v}=t,w=e(t,["loading","success","size","animationDelay","onSuccess","icon","iconPosition","animationTime","countdown","onCountdownEnd"]);const[C,$]=c(k||0);return p(()=>{if(k){const e=setInterval(()=>{$(e=>e-1)},1e3);return C<=0&&(clearInterval(e),v&&v()),()=>clearInterval(e)}$(0)},[C,k]),n(Je,Object.assign({role:"button",type:"button",$loading:h,$countdown:C>0,$success:u,$size:x},w,{onClick:e=>w.onClick&&!h&&C<=0&&!w.disabled&&w.onClick(e),children:u?n(q,{style:{height:"small"===x?25:30,width:"small"===x?25:30},autoplay:!0,loop:!1,keepLastFrame:!0,src:Xe,onEvent:e=>{"complete"===e&&m&&m(!0)}}):h?n(q,{style:{width:"small"===x?80:100},autoplay:!0,loop:!0,src:Ke}):i(o,{children:[f&&"right"!==y&&f,i(Qe,{role:"label",type:"p",weight:"medium",$size:x,$icon:!!f,style:{width:"unset",margin:"0px 6px",fontWeight:(null===(r=w.style)||void 0===r?void 0:r.fontWeight)?null===(a=w.style)||void 0===a?void 0:a.fontWeight:500,fontSize:(null===(l=w.style)||void 0===l?void 0:l.fontSize)?null===(d=w.style)||void 0===d?void 0:d.fontSize:"small"===x?14:15,color:(null===(s=w.style)||void 0===s?void 0:s.color)?w.style.color:"white",transition:"opacity "+(b||.3)+"s ease-out, transform "+(b||.3)+"s ease-out"},children:[w.children,C>0&&` ${C} segundos`]}),f&&"right"===y&&f]})}))},tt=r.button`
|
|
175
175
|
display: flex;
|
|
176
176
|
flex-direction: row;
|
|
177
177
|
align-items: center;
|
|
@@ -195,11 +195,11 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
195
195
|
&:active {
|
|
196
196
|
transform: ${e=>e.disabled||e.$loading?"none":"scale(0.95)"};
|
|
197
197
|
}
|
|
198
|
-
`,
|
|
198
|
+
`,nt=r(Re)`
|
|
199
199
|
font-size: ${e=>"small"===e.$size?"14px":"15px"};
|
|
200
200
|
width: 100%;
|
|
201
201
|
color: white;
|
|
202
|
-
`,
|
|
202
|
+
`,it=t=>{var r,a,l,d,s,{loading:h,success:u,size:x,animationDelay:g,onSuccess:m,icon:f,iconPosition:y,animationTime:b}=t,k=e(t,["loading","success","size","animationDelay","onSuccess","icon","iconPosition","animationTime"]);const[v,w]=c(!0),[C,$]=c(k.children),[L,_]=c(void 0);p(()=>{F()},[]),p(()=>{C!==k.children&&(w(!1),S(g||600).then(()=>{w(!0),$(k.children)}))},[k.children]);const F=()=>{var e;const t=JSON.stringify(Ke);if(null===(e=k.style)||void 0===e?void 0:e.color){var n=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(k.style.color);if(n){const e={r:parseInt(n[1],16),g:parseInt(n[2],16),b:parseInt(n[3],16)};let i=t.replaceAll("[1,1,1]",`[${e.r/255},${e.g/255},${e.b/255}]`);_(JSON.parse(i))}else{let e=t.replaceAll("[1,1,1]",`[0,${143/255},${245/255}]`);_(JSON.parse(e))}}else{let e=t.replaceAll("[1,1,1]",`[0,${143/255},${245/255}]`);_(JSON.parse(e))}},S=e=>new Promise(t=>setTimeout(t,e));return n(tt,Object.assign({role:"button"},k,{onClick:e=>k.onClick&&!h&&!k.disabled&&k.onClick(e),children:u?n(q,{style:{height:"small"===x?25:30,width:"small"===x?25:30},autoplay:!0,loop:!1,keepLastFrame:!0,src:Xe,onEvent:e=>{"complete"===e&&m&&m(!0)}}):h&&L?n(q,{style:{width:"small"===x?80:100},autoplay:!0,loop:!0,src:L}):i(o,{children:[f&&"right"!==y&&f,n(nt,{role:"label",type:"p",weight:"medium",$size:x,style:{fontWeight:(null===(r=k.style)||void 0===r?void 0:r.fontWeight)?null===(a=k.style)||void 0===a?void 0:a.fontWeight:500,fontSize:(null===(l=k.style)||void 0===l?void 0:l.fontSize)?null===(d=k.style)||void 0===d?void 0:d.fontSize:"small"===x?14:15,color:(null===(s=k.style)||void 0===s?void 0:s.color)?k.style.color:Le.text.primary,opacity:v?1:0,transform:v?"translateY(0px)":"translateY(10px)",transition:"opacity "+(b||.3)+"s ease-out, transform "+(b||.3)+"s ease-out"},children:C}),f&&"right"===y&&f]})}))},ot=r.button`
|
|
203
203
|
display: flex;
|
|
204
204
|
flex-direction: row;
|
|
205
205
|
align-items: center;
|
|
@@ -221,7 +221,7 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
221
221
|
&:active {
|
|
222
222
|
transform: scale(0.95);
|
|
223
223
|
}
|
|
224
|
-
`,rt=t=>{var{size:
|
|
224
|
+
`,rt=t=>{var{size:n,icon:o,iconPosition:r,loading:a}=t,l=e(t,["size","icon","iconPosition","loading"]);return i(ot,Object.assign({role:"button"},l,{disabled:l.disabled||a,onClick:e=>l.onClick&&!a&&!l.disabled&&l.onClick(e),children:[o&&"right"!==r&&o,l.children,o&&"right"===r&&o]}))},at=r.button`
|
|
225
225
|
display: inline-flex;
|
|
226
226
|
padding: 0px;
|
|
227
227
|
cursor: ${e=>!e.disabled&&"pointer"};
|
|
@@ -242,7 +242,7 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
242
242
|
&:active {
|
|
243
243
|
transform: scale(0.95);
|
|
244
244
|
}
|
|
245
|
-
`,
|
|
245
|
+
`,lt=r.div`
|
|
246
246
|
display: inline-flex;
|
|
247
247
|
padding: 12px;
|
|
248
248
|
border-radius: 1000px;
|
|
@@ -254,12 +254,12 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
254
254
|
&:active {
|
|
255
255
|
transform: scale(0.95);
|
|
256
256
|
}
|
|
257
|
-
`,
|
|
257
|
+
`,dt=r.div`
|
|
258
258
|
margin-top: 4px;
|
|
259
|
-
`,
|
|
259
|
+
`,st=r.img`
|
|
260
260
|
height: 24px;
|
|
261
261
|
width: 24px;
|
|
262
|
-
`,ct=t=>{var{src:
|
|
262
|
+
`,ct=t=>{var{src:o,icon:r,loading:a}=t,l=e(t,["src","icon","loading"]);return i(at,Object.assign({role:"button"},l,{disabled:l.disabled||a,onClick:e=>l.onClick&&!a&&!l.disabled&&l.onClick(e),children:[n(lt,{$disabled:l.disabled,children:r||n(st,{src:o})}),l.children&&n(dt,{children:l.children})]}))},pt=r.button`
|
|
263
263
|
display: flex;
|
|
264
264
|
gap: 8px;
|
|
265
265
|
align-items: center;
|
|
@@ -273,7 +273,7 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
273
273
|
&:hover {
|
|
274
274
|
text-decoration: ${e=>e.disabled||e.$loading?"none":"underline"};
|
|
275
275
|
}
|
|
276
|
-
`,ht=t=>{var{icon:
|
|
276
|
+
`,ht=t=>{var{icon:n,iconPosition:o,loading:r,size:a}=t,l=e(t,["icon","iconPosition","loading","size"]);return i(pt,Object.assign({role:"button",$loading:r,$size:a,disabled:l.disabled},l,{onClick:e=>l.onClick&&!r&&!l.disabled&&l.onClick(e),children:["right"!==o?n:void 0,l.children,"right"===o?n:void 0]}))},ut=t=>{var{design:i,onSuccess:o}=t,r=e(t,["design","onSuccess"]);return"secondary"===i?n(it,Object.assign({onSuccess:o},r)):"text"===i?n(rt,Object.assign({},r)):"image"===i?n(ct,Object.assign({},r)):"call-to-action"===i?n(ht,Object.assign({},r)):n(et,Object.assign({onSuccess:o},r))},xt=r.div`
|
|
277
277
|
transform-origin: left bottom;
|
|
278
278
|
overflow: hidden;
|
|
279
279
|
position: absolute;
|
|
@@ -290,9 +290,9 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
290
290
|
box-shadow: 2px 0px 20px rgba(0, 0, 0, 0.09), 0px 4px 8px rgba(0, 0, 0, 0.1);
|
|
291
291
|
border-radius: 4px;
|
|
292
292
|
z-index: 100;
|
|
293
|
-
animation: ${e=>e.$visible?
|
|
293
|
+
animation: ${e=>e.$visible?a`
|
|
294
294
|
${mt} 0.3s ease-out forwards
|
|
295
|
-
`:
|
|
295
|
+
`:a`
|
|
296
296
|
${ft} 0.3s ease-in forwards
|
|
297
297
|
`};
|
|
298
298
|
`,gt=r.div`
|
|
@@ -300,7 +300,7 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
300
300
|
flex-direction: row;
|
|
301
301
|
align-items: center;
|
|
302
302
|
margin: 16px;
|
|
303
|
-
`,mt=
|
|
303
|
+
`,mt=l`
|
|
304
304
|
from {
|
|
305
305
|
opacity: 0;
|
|
306
306
|
transform: scale(0, 0)
|
|
@@ -309,7 +309,7 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
309
309
|
opacity: 1;
|
|
310
310
|
transform: scale(1, 1);
|
|
311
311
|
}
|
|
312
|
-
`,ft=
|
|
312
|
+
`,ft=l`
|
|
313
313
|
from {
|
|
314
314
|
opacity: 1;
|
|
315
315
|
transform: scale(1, 1);
|
|
@@ -318,7 +318,7 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
318
318
|
opacity: 0;
|
|
319
319
|
transform: scale(0, 0);
|
|
320
320
|
}
|
|
321
|
-
`,yt=t=>{var{type:
|
|
321
|
+
`,yt=t=>{var{type:o="success",text:r,isVisible:a=!1}=t,l=e(t,["type","text","isVisible"]);const[d,s]=c(!1),[h,u]=c(!1);return p(()=>{s(a);const e=setTimeout(()=>{l.onClose&&l.onClose(),s(!1)},l.closeAfter?l.closeAfter:3e3);return()=>clearTimeout(e)},[a]),p(()=>{a&&u(!0)},[d]),h?n(xt,Object.assign({$type:o,$text:r,$visible:d},l,{role:"feedback",children:i(gt,{children:["success"===o?n(v,{style:{marginRight:12},color:"white",height:24,width:24}):"error"===o?n(w,{style:{marginRight:12},color:"white",height:24,width:24}):l.icon,n(Re,{type:"p",style:{display:"flex",flex:1,color:"white"},children:r}),l.showClose&&n(ut,{style:{position:"absolute",top:0,right:0},design:"image",icon:n(w,{height:18,width:18,color:"white"}),onClick:()=>{l.onClose&&l.onClose(),s(!1)}})]})})):null},bt=r.input`
|
|
322
322
|
font-family: "Poppins";
|
|
323
323
|
font-size: 14px;
|
|
324
324
|
border: none;
|
|
@@ -331,7 +331,7 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
331
331
|
&::placeholder {
|
|
332
332
|
color: ${De.text.neutralMedium};
|
|
333
333
|
}
|
|
334
|
-
`,kt=u((e,t)=>
|
|
334
|
+
`,kt=u((e,t)=>n(bt,Object.assign({role:"input",ref:t},e))),vt=l`
|
|
335
335
|
from {
|
|
336
336
|
opacity: 0;
|
|
337
337
|
height: 0;
|
|
@@ -342,7 +342,7 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
342
342
|
height: 20px;
|
|
343
343
|
transform: translateY(0);
|
|
344
344
|
}
|
|
345
|
-
`,wt=r.div
|
|
345
|
+
`,wt=r.div``,Ct=r.div`
|
|
346
346
|
position: relative;
|
|
347
347
|
display: flex;
|
|
348
348
|
flex: 1;
|
|
@@ -356,7 +356,7 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
356
356
|
padding: 0px 8px;
|
|
357
357
|
background-color: ${e=>e.$focus?"white":e.$error?De.surface.redSoft:De.surface.neutralSoft};
|
|
358
358
|
opacity: ${e=>e.$disabled?.48:1};
|
|
359
|
-
|
|
359
|
+
`,$t=r.div`
|
|
360
360
|
margin: 2px 8px 0px;
|
|
361
361
|
display: flex;
|
|
362
362
|
color: ${De.text.red};
|
|
@@ -366,7 +366,7 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
366
366
|
display: flex;
|
|
367
367
|
flex: 1;
|
|
368
368
|
flex-direction: column;
|
|
369
|
-
`,
|
|
369
|
+
`,_t=u((t,o)=>{const{LeftContent:r,design:a,error:l,containerStyle:d}=t,s=e(t,["LeftContent","design","error","containerStyle"]),[h,u]=c(void 0),[x,g]=c(!1);p(()=>{u(t.value)},[t.value]);return i(wt,{style:t.containerStyle,children:[i(Ct,{$error:!!t.error,style:t.style,$focus:x,$disabled:!!t.disabled,children:[r,n(Lt,{children:n(kt,Object.assign({},s,{ref:o,value:h,onChange:e=>{u(e.target.value),t.onChange&&t.onChange(e)},onFocus:e=>{g(!0),t.onFocus&&t.onFocus(e)},onBlur:e=>{g(!1),t.onBlur&&t.onBlur(e)}}))})]}),l&&n($t,{role:"error",$error:!!t.error,children:n(Re,{type:"p",weight:"medium",style:{color:De.text.red,fontSize:14,lineHeight:"18px"},children:l})})]})}),Ft=l`
|
|
370
370
|
from {
|
|
371
371
|
opacity: 0;
|
|
372
372
|
height: 0;
|
|
@@ -377,7 +377,7 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
377
377
|
height: 20px;
|
|
378
378
|
transform: translateY(0);
|
|
379
379
|
}
|
|
380
|
-
`,
|
|
380
|
+
`,St=r.div``,Dt=r.div`
|
|
381
381
|
display: flex;
|
|
382
382
|
flex: 1;
|
|
383
383
|
align-items: center;
|
|
@@ -391,24 +391,24 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
391
391
|
background-color: ${e=>e.$disabled?De.border.neutralSoft:"white"};
|
|
392
392
|
cursor: ${e=>e.$disabled?"default":"text"};
|
|
393
393
|
opacity: ${e=>e.$disabled?.4:1};
|
|
394
|
-
`,
|
|
394
|
+
`,zt=r.div`
|
|
395
395
|
margin: 0px 8px;
|
|
396
396
|
display: flex;
|
|
397
|
-
animation-name: ${e=>e.$error?
|
|
397
|
+
animation-name: ${e=>e.$error?Ft:"none"};
|
|
398
398
|
animation-duration: 0.25s;
|
|
399
399
|
`,Mt=r.div`
|
|
400
400
|
position: relative;
|
|
401
401
|
display: flex;
|
|
402
402
|
flex: 1;
|
|
403
403
|
flex-direction: column;
|
|
404
|
-
`,
|
|
404
|
+
`,Pt=r(Re)`
|
|
405
405
|
position: absolute;
|
|
406
406
|
top: ${e=>e.$focus?"-2px":"6px"};
|
|
407
407
|
left: 0px;
|
|
408
408
|
color: ${De.text.neutralMedium};
|
|
409
409
|
font-size: ${e=>e.$focus?"12px":"15px"} !important;
|
|
410
410
|
transition: top 0.1s ease-out, font-size 0.1s ease-out;
|
|
411
|
-
`,
|
|
411
|
+
`,jt=u((t,o)=>{var r,a,l,d;const s=x(null),[h,u]=c(!1),[m,f]=c(!1),{LeftContent:y,containerStyle:b,error:k,design:v}=t,w=e(t,["LeftContent","containerStyle","error","design"]);g(o,()=>s.current),p(()=>{f(!(!t.defaultValue&&!t.value))},[t.defaultValue,t.value]);return i(St,{style:b,children:[i(Dt,{$error:!!k,style:t.style,$focus:h,$disabled:!!t.disabled,onClick:()=>{var e;null===(e=s.current)||void 0===e||e.focus()},children:[y,i(Mt,{children:[n(Pt,{role:"placeholder",type:"p",$focus:!!(h||m&&(null===(r=s.current)||void 0===r?void 0:r.value)||(null===(a=s.current)||void 0===a?void 0:a.value)),$error:!!k,children:t.placeholder}),n(kt,Object.assign({ref:s},w,{placeholder:"",style:Object.assign({opacity:h||m&&(null===(l=s.current)||void 0===l?void 0:l.value)||(null===(d=s.current)||void 0===d?void 0:d.value)?"1":"0",marginTop:14},t.style),onFocus:e=>{u(!0),t.onFocus&&t.onFocus(e)},onBlur:e=>{u(!1),t.onBlur&&t.onBlur(e)}}))]})]}),k&&n(zt,{role:"error",$error:!!t.error,children:n(Re,{type:"p",weight:"medium",style:{color:De.text.red,marginTop:4,fontSize:13,lineHeight:"18px"},children:k})})]})}),Bt=l`
|
|
412
412
|
from {
|
|
413
413
|
opacity: 0;
|
|
414
414
|
height: 0;
|
|
@@ -419,7 +419,7 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
419
419
|
height: 20px;
|
|
420
420
|
transform: translateY(0);
|
|
421
421
|
}
|
|
422
|
-
`,
|
|
422
|
+
`,Et=r.div``,Ot=r.div`
|
|
423
423
|
position: relative;
|
|
424
424
|
display: flex;
|
|
425
425
|
flex: 1;
|
|
@@ -435,11 +435,11 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
435
435
|
animation-name: ${e=>e.$error?Bt:"none"};
|
|
436
436
|
animation-duration: 0.25s;
|
|
437
437
|
margin: 0px;
|
|
438
|
-
`,
|
|
438
|
+
`,Ht=r.div`
|
|
439
439
|
display: flex;
|
|
440
440
|
flex: 1;
|
|
441
441
|
flex-direction: column;
|
|
442
|
-
`,
|
|
442
|
+
`,Vt=u((t,o)=>{const{LeftContent:r,design:a,error:l,containerStyle:d}=t,s=e(t,["LeftContent","design","error","containerStyle"]),h=x(null),[u,m]=c(void 0),[f,y]=c(!1);g(o,()=>h.current),p(()=>{m(t.value)},[t.value]);return i(Et,{style:t.containerStyle,children:[i(Ot,{$error:!!t.error,style:t.style,$focus:f,$disabled:!!t.disabled,children:[r,n(Ht,{children:n(kt,Object.assign({ref:h},s,{value:u,onChange:e=>{m(e.target.value),t.onChange&&t.onChange(e)},onFocus:e=>{y(!0),t.onFocus&&t.onFocus(e)},onBlur:e=>{y(!1),t.onBlur&&t.onBlur(e)}}))})]}),l&&n(At,{role:"error",$error:!!t.error,children:n(Re,{type:"p",weight:"medium",style:{color:De.text.red,marginTop:4,fontSize:13,lineHeight:"18px"},children:l})})]})}),Tt=u((e,t)=>"primary"===e.design?n(_t,Object.assign({},e,{ref:t})):"secondary"===e.design?n(jt,Object.assign({},e,{ref:t})):"third"===e.design?n(Vt,Object.assign({},e,{ref:t})):n(jt,Object.assign({},e,{design:"secondary",ref:t}))),It=l`
|
|
443
443
|
from {
|
|
444
444
|
opacity: 0;
|
|
445
445
|
height: 0;
|
|
@@ -450,15 +450,15 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
450
450
|
height: 20px;
|
|
451
451
|
transform: translateY(0);
|
|
452
452
|
}
|
|
453
|
-
`,
|
|
453
|
+
`,Nt=r.div`
|
|
454
454
|
display: flex;
|
|
455
455
|
flex-direction: column;
|
|
456
456
|
gap: 8px;
|
|
457
|
-
`,
|
|
457
|
+
`,Zt=r.div`
|
|
458
458
|
display: flex;
|
|
459
459
|
flex-direction: row;
|
|
460
460
|
gap: 8px;
|
|
461
|
-
`,
|
|
461
|
+
`,Rt=r.div`
|
|
462
462
|
margin: 0px 8px;
|
|
463
463
|
font-style: normal;
|
|
464
464
|
font-weight: 500;
|
|
@@ -468,7 +468,7 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
468
468
|
color: ${De.text.red};
|
|
469
469
|
animation-name: ${e=>e.$error?It:"none"};
|
|
470
470
|
animation-duration: 0.25s;
|
|
471
|
-
`,
|
|
471
|
+
`,Gt=t=>{var{error:o,onChange:r,containerStyle:a}=t,l=e(t,["error","onChange","containerStyle"]);const d=x(null),s=x(null),h=x(null),u=(()=>{if(l.defaultValue&&"string"==typeof l.defaultValue){const e=l.defaultValue.split("-");return{day:e[2]||"",month:e[1]||"",year:e[0]||""}}return{day:"",month:"",year:""}})(),[g,m]=c(u.day),[f,y]=c(u.month),[b,k]=c(u.year),[v,w]=c({day:u.day||void 0,month:u.month||void 0,year:u.year||void 0});p(()=>{if(l.defaultValue&&"string"==typeof l.defaultValue){const[e,t,n]=l.defaultValue.split("-");m(n||""),y(t||""),k(e||""),w({day:n||void 0,month:t||void 0,year:e||void 0})}},[l.defaultValue]);const[C,$]=c(void 0);p(()=>{$(o)},[o]);const L=e=>{if($(void 0),w(e),e.day&&2===e.day.length&&e.month&&2===e.month.length&&e.year&&4===e.year.length){const t=`${e.year}-${e.month}-${e.day}`,n=X(t,"YYYY-MM-DD",!0);if(n.isValid()){const e=n.toDate();r&&r(e)}else $("Fecha no válida")}};return i(Nt,{children:[i(Zt,{children:[n(Tt,Object.assign({ref:d,value:g,containerStyle:Object.assign({flex:1},a),inputMode:"numeric",pattern:"[0-9]*"},l,{placeholder:"Día",maxLength:2,onChange:e=>{var t;const n=e.target.value.replace(/\D/g,"");m(n),2===n.length&&(null===(t=s.current)||void 0===t||t.focus()),L(Object.assign(Object.assign({},v),{day:n}))}})),n(Tt,Object.assign({ref:s,value:f,containerStyle:Object.assign({flex:1},a),inputMode:"numeric",pattern:"[0-9]*"},l,{placeholder:"Mes",maxLength:2,onChange:e=>{var t,n;const i=e.target.value.replace(/\D/g,"");y(i),0===i.length?null===(t=d.current)||void 0===t||t.focus():2===i.length&&(null===(n=h.current)||void 0===n||n.focus()),L(Object.assign(Object.assign({},v),{month:i}))}})),n(Tt,Object.assign({ref:h,value:b,containerStyle:Object.assign({flex:1},a),inputMode:"numeric",pattern:"[0-9]*"},l,{placeholder:"Año",maxLength:4,onChange:e=>{var t;const n=e.target.value.replace(/\D/g,"");k(n),0===n.length&&(null===(t=s.current)||void 0===t||t.focus()),L(Object.assign(Object.assign({},v),{year:n}))}}))]}),C&&n(Rt,{role:"error",$error:!!C,children:n(Re,{type:"c1",weight:"medium",style:{color:De.text.red},children:C})})]})};var Wt={v:"5.5.5",fr:25,ip:0,op:79,w:300,h:150,nm:"Loading-2",ddd:0,assets:[],layers:[{ddd:0,ind:1,ty:4,nm:"icon 2",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:1,k:[{i:{x:[.667],y:[1]},o:{x:[.333],y:[0]},t:39,s:[-90]},{t:79,s:[270]}],ix:10},p:{a:0,k:[150,75,0],ix:2},a:{a:0,k:[53,53,0],ix:1},s:{a:0,k:[100,100,100],ix:6}},ao:0,shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[0,-15.464],[15.464,0],[0,15.464],[-15.464,0]],o:[[0,15.464],[-15.464,0],[0,-15.464],[15.464,0]],v:[[28,0],[0,28],[-28,0],[0,-28]],c:!0},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:!1},{ty:"st",c:{a:0,k:[0,0,0,0],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:10,ix:5},lc:2,lj:1,ml:10,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:!1},{ty:"tr",p:{a:0,k:[53,53],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Group 1",np:2,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1},{ty:"tm",s:{a:1,k:[{i:{x:[.667],y:[1]},o:{x:[.333],y:[0]},t:51,s:[0]},{t:79,s:[100]}],ix:1},e:{a:1,k:[{i:{x:[.667],y:[1]},o:{x:[.333],y:[0]},t:39,s:[0]},{t:64,s:[100]}],ix:2},o:{a:0,k:0,ix:3},m:1,ix:2,nm:"Trim Paths 1",mn:"ADBE Vector Filter - Trim",hd:!1}],ip:39,op:79,st:39,bm:0},{ddd:0,ind:2,ty:4,nm:"icon",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:1,k:[{i:{x:[.667],y:[1]},o:{x:[.333],y:[0]},t:0,s:[-90]},{t:40,s:[270]}],ix:10},p:{a:0,k:[150,75,0],ix:2},a:{a:0,k:[53,53,0],ix:1},s:{a:0,k:[100,100,100],ix:6}},ao:0,shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[0,-15.464],[15.464,0],[0,15.464],[-15.464,0]],o:[[0,15.464],[-15.464,0],[0,-15.464],[15.464,0]],v:[[28,0],[0,28],[-28,0],[0,-28]],c:!0},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:!1},{ty:"st",c:{a:0,k:[0,0,0,0],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:10,ix:5},lc:2,lj:1,ml:10,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:!1},{ty:"tr",p:{a:0,k:[53,53],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Group 1",np:2,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1},{ty:"tm",s:{a:1,k:[{i:{x:[.667],y:[1]},o:{x:[.333],y:[0]},t:12,s:[0]},{t:40,s:[100]}],ix:1},e:{a:1,k:[{i:{x:[.667],y:[1]},o:{x:[.333],y:[0]},t:0,s:[0]},{t:25,s:[100]}],ix:2},o:{a:0,k:0,ix:3},m:1,ix:2,nm:"Trim Paths 1",mn:"ADBE Vector Filter - Trim",hd:!1}],ip:0,op:40,st:0,bm:0}],markers:[]};const Yt=r.div`
|
|
472
472
|
position: relative;
|
|
473
473
|
`,Ut=r.div`
|
|
474
474
|
position: absolute;
|
|
@@ -494,7 +494,7 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
494
494
|
color: ${Le.text.full};
|
|
495
495
|
`,qt=r.div`
|
|
496
496
|
cursor: pointer;
|
|
497
|
-
`,
|
|
497
|
+
`,Xt=r.div`
|
|
498
498
|
display: flex;
|
|
499
499
|
align-items: center;
|
|
500
500
|
padding: 12px 16px;
|
|
@@ -503,7 +503,7 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
503
503
|
&:hover{
|
|
504
504
|
background-color: ${Le.status.neutral.hover};
|
|
505
505
|
}
|
|
506
|
-
`,Kt=u((e,t)=>{const[
|
|
506
|
+
`,Kt=u((e,t)=>{const[o,r]=c(!1);g(t,()=>({close(){r(!1)}})),p(()=>{const t=t=>{const n=document.getElementById(e.id);null!==n&&(n.contains(t.target)||o&&a(t))};return document.addEventListener("mousedown",t),()=>document.removeEventListener("mousedown",t)});const a=t=>{t.stopPropagation(),o?(r(!1),e.onChange&&e.onChange(!1)):(r(!0),e.onChange&&e.onChange(!0))};return i(Yt,{id:e.id,role:"menu",style:e.style,children:[e.Icon?n(qt,{onClick:a,children:e.Icon}):n(ut,{style:{backgroundColor:o?Le.status.neutral.active:void 0},design:"image",icon:e.icon?e.icon:n(C,{}),onClick:a}),i(Ut,{$padding:!e.options,$position:e.position,style:e.menuStyle,$show:o,children:[e.children,e.options&&e.options.map((t,o)=>{var a;return i(Xt,{style:{borderBottom:o+1===(null===(a=e.options)||void 0===a?void 0:a.length)?"none":"1px solid "+Le.line.soft},onClick:n=>((t,n)=>{t.stopPropagation(),r(!1),e.onClick&&e.onClick(n)})(n,t),children:[t.icon,n(Re,{type:"p",style:{color:t.labelColor},children:t.label})]},"action"+o)})]})]})}),Jt=r.div`
|
|
507
507
|
display: flex;
|
|
508
508
|
align-items: center;
|
|
509
509
|
height: 48px;
|
|
@@ -513,7 +513,7 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
513
513
|
${e=>e.$focus?"2px "+De.border.neutralMedium:"1px "+De.border.neutralSoft};
|
|
514
514
|
padding: 0px 20px 0px ${e=>e.$options?"10px":"20px"};
|
|
515
515
|
background-color: ${e=>e.$loading?De.surface.neutralSoft:"white"};
|
|
516
|
-
`,
|
|
516
|
+
`,Qt=r.input`
|
|
517
517
|
display: flex;
|
|
518
518
|
flex: 1;
|
|
519
519
|
font-family: "Poppins";
|
|
@@ -527,14 +527,14 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
527
527
|
&:focus {
|
|
528
528
|
outline: none;
|
|
529
529
|
}
|
|
530
|
-
`,
|
|
530
|
+
`,en=r.canvas`
|
|
531
531
|
border: 1px solid #ddd;
|
|
532
532
|
display: ${e=>e.$isRecording?"block":"none"};
|
|
533
533
|
height: 100%;
|
|
534
534
|
width: 100%;
|
|
535
|
-
`,
|
|
535
|
+
`,tn=r=>{const a=x(null),[l,d]=c(""),[s,p]=c(!1),h=x(null),u=x(null),g=x(null),[m,f]=c(!1),[y,b]=c(null),[k,v]=c(null),{style:w,value:C,defaultValue:S,onOptionClick:D,options:z}=r,M=e(r,["style","value","defaultValue","onOptionClick","options"]),P=()=>{l&&(r.onSend&&r.onSend({text:l}),d(""))},j=e=>{y&&(y.ondataavailable=t=>{t.data.size>0&&"send"===e&&B([t.data])},y.stop(),b(null)),k&&(k.getTracks().forEach(e=>e.stop()),v(null)),f(!1)},B=e=>{if(0===e.length)return;const t=new Blob(e,{type:"audio/wav"}),n=new FileReader;n.onloadend=()=>{var e;const t=null===(e=n.result)||void 0===e?void 0:e.toString().split(",")[1];t&&r.onSend&&r.onSend({media:{base64:t,contentType:"audio/wav"}})},n.readAsDataURL(t)},E=()=>{if(!u.current||!h.current)return;const e=u.current,t=e.getContext("2d"),n=h.current;if(!t)return;const i=n.frequencyBinCount,o=new Uint8Array(i),r=()=>{n.getByteTimeDomainData(o),t.fillStyle="rgba(0, 0, 0, 0.2)",t.fillRect(0,0,e.width,e.height),t.lineWidth=2,t.strokeStyle="#00ff00",t.beginPath();const a=1*e.width/i;let l=0;for(let n=0;n<i;n++){const i=o[n]/128*e.height/2;0===n?t.moveTo(l,i):t.lineTo(l,i),l+=a}t.lineTo(e.width,e.height/2),t.stroke(),g.current=requestAnimationFrame(r)};r()};return i(Jt,{style:w,$loading:r.loading||r.disabled,$focus:s,$options:z,children:[m?n(ct,{icon:n($,{height:20,width:20,onClick:()=>{j("delete")}})}):r.options&&n(Kt,{id:"add-menu",position:"top-right",options:z,icon:n(L,{color:De.text.primary}),onClick:e=>{D&&D(e.id)}}),n(en,{ref:u,$isRecording:m}),!m&&n(Qt,Object.assign({},M,{value:l,ref:a,disabled:r.loading||r.disabled,$loading:r.loading||r.disabled,onChange:e=>{d(e.target.value),r.onChange&&r.onChange(e)},onKeyDown:e=>{"Enter"===e.key&&P(),r.onKeyDown&&r.onKeyDown(e)},onFocus:e=>{p(!0),r.onFocus&&r.onFocus(e)},onBlur:e=>{p(!1),r.onBlur&&r.onBlur(e)}})),r.loading?n(q,{style:{height:48,width:48},src:Wt,loop:!0,autoplay:!0}):n(o,{children:n(ct,{disabled:r.disabled,icon:n(l||m?_:F,{height:20,width:20,color:De.text.primary}),onClick:()=>{l?P():m?j("send"):t(void 0,void 0,void 0,function*(){if(!m)try{const e=yield navigator.mediaDevices.getUserMedia({audio:!0}),t=new MediaRecorder(e);t.onstop=()=>{f(!1)},t.start(),b(t),v(e),f(!0);const n=new AudioContext,i=n.createMediaStreamSource(e),o=n.createAnalyser();o.fftSize=512,i.connect(o),h.current=o,E()}catch(e){}})}})})]})},nn=r.div`
|
|
536
536
|
width: fit-content;
|
|
537
|
-
`,
|
|
537
|
+
`,on=r.div`
|
|
538
538
|
position: relative;
|
|
539
539
|
display: flex;
|
|
540
540
|
align-items: center;
|
|
@@ -548,7 +548,7 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
548
548
|
background-color: white;
|
|
549
549
|
opacity: ${e=>e.$loading?.5:1};
|
|
550
550
|
cursor: ${e=>e.$loading?"default":"text"};
|
|
551
|
-
`,
|
|
551
|
+
`,rn=r.div`
|
|
552
552
|
margin: 0px 12px;
|
|
553
553
|
font-style: normal;
|
|
554
554
|
font-weight: 500;
|
|
@@ -556,7 +556,7 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
556
556
|
line-height: 12px;
|
|
557
557
|
display: flex;
|
|
558
558
|
color: ${De.text.red};
|
|
559
|
-
`,
|
|
559
|
+
`,an=r.input`
|
|
560
560
|
display: flex;
|
|
561
561
|
font-family: "DM Mono";
|
|
562
562
|
font-size: 24px;
|
|
@@ -578,9 +578,10 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
578
578
|
-webkit-appearance: none;
|
|
579
579
|
margin: 0;
|
|
580
580
|
}
|
|
581
|
-
`,
|
|
581
|
+
`,ln=e=>{const t=x(null),[o,r]=c(!1),[a,l]=c(void 0);return i(nn,{style:e.containerStyle,children:[n(on,{$error:!!e.error,style:e.style,$focus:o,$loading:e.loading,onClick:()=>{var e;return null===(e=t.current)||void 0===e?void 0:e.focus()},children:n(an,{role:"input",type:"number",value:a,placeholder:"------",disabled:e.loading,autoFocus:e.autoFocus,onFocus:()=>r(!0),onBlur:()=>r(!1),onChange:n=>{var i;n.target.value.length<=6&&(l(n.target.value),6===n.target.value.length&&(null===(i=t.current)||void 0===i||i.blur(),e.onChange&&e.onChange(n.target.value)))}})}),e.error&&n(rn,{role:"error",children:n(Re,{type:"p",style:{color:De.text.red,marginTop:8,fontSize:14,lineHeight:"18px"},children:e.error})})]})};function dn(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===n&&i.firstChild?i.insertBefore(o,i.firstChild):i.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}dn(".input-date-range .DateRangePicker {\n font-family: 'Poppins';\n width: fit-content;\n}\n\n.input-date-range .DateInput {\n width: 92px;\n}\n\n.input-date-range .DateInput_input {\n font-family: 'Poppins';\n font-size: 14px;\n font-weight: unset;\n padding: 11px 6px;\n}\n\n.input-date-range .CalendarDay__selected_span {\n background: #006BE5;\n color: white;\n border: 1px solid #C4DEF5;\n}\n\n.input-date-range .CalendarDay__selected_span:hover {\n background: #ABC7E0;\n color: white;\n border: 1px solid #C4DEF5;\n}\n\n.input-date-range .CalendarDay__hovered_span {\n background: #ABC7E0;\n border: 1px solid #C4DEF5;\n color: white;\n}\n\n.input-date-range .CalendarDay__hovered_span:hover {\n background: #006BE5;\n border: 1px solid #C4DEF5;\n color: white;\n}\n\n.input-date-range .CalendarDay__selected {\n background: #006BE5;\n color: white;\n border: 1px solid #C4DEF5;\n}\n\n.input-date-range .CalendarDay__selected:hover {\n background: #006BE5;\n color: white;\n border: 1px solid #C4DEF5;\n}\n\n.input-date-range .DateInput_input__focused {\n border-bottom: 0px;\n background-color: #ECF4FB;\n border-radius: 8px;\n}\n\n.input-date-range .DateRangePickerInput_arrow {\n margin: 0px 12px;\n}\n\n.input-date-range .DateRangePickerInput_clearDates {\n display: none;\n}\n\n.input-date-range .DayPicker {\n border-radius: 0px;\n box-shadow: none;\n font-family: Poppins;\n overflow: hidden;\n}\n\n.input-date-range .DayPicker__horizontal,\n.input-date-range .DayPicker_focusRegion,\n.input-date-range .DayPicker_weekHeaders,\n.input-date-range .DayPicker_transitionContainer,\n.input-date-range .CalendarMonthGrid,\n.input-date-range .CalendarMonthGrid__horizontal,\n.input-date-range .CalendarMonthGrid_month__horizontal {\n overflow: hidden !important;\n}\n\n.input-date-range .DayPicker_weekHeaders {\n margin-left: 9px !important;\n}\n\n.input-date-range .DayPicker_transitionContainer__horizontal {\n height: 320px !important;\n}\n\n.input-date-range .DayPickerNavigation__horizontal {\n height: 0;\n}\n\n.input-date-range .CalendarMonthGrid__horizontal {\n left: 9px !important;\n}\n\n.input-date-range .CalendarMonthGrid_month__horizontal {\n padding: 0 12px 0 0;\n}\n\n.input-date-range .CalendarMonthGrid_month__horizontal:last-child {\n padding-right: 0;\n}\n\n.input-date-range .DateRangePicker_picker .DayPickerNavigation_leftButton__horizontalDefault {\n left: 0px !important;\n}\n\n.input-date-range .DateRangePicker_picker .DayPickerNavigation_rightButton__horizontalDefault {\n right: 0px !important;\n}\n\n.input-date-range .DateRangePicker_picker .DayPickerNavigation_button__horizontalDefault {\n width: 28px;\n height: 28px;\n border: 1px solid #d7dee7;\n border-radius: 8px;\n background: #ffffff;\n box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);\n display: flex;\n align-items: center;\n justify-content: center;\n margin-top: 2px;\n}\n\n.input-date-range .DateRangePicker_picker .DayPickerNavigation_button__default:focus,\n.input-date-range .DateRangePicker_picker .DayPickerNavigation_button__default:hover {\n border: 1px solid #cdd8e5;\n background: #f8fbff;\n}\n\n.input-date-range .DateRangePicker_picker .DayPickerNavigation_svg__horizontal {\n width: 20px;\n height: 20px;\n fill: #6b7280;\n}\n\n.input-date-range .CalendarMonth_caption {\n padding-top: 24px;\n padding-bottom: 28px;\n padding-left: 59px;\n padding-right: 84px;\n}\n\n.input-date-range .DayPickerKeyboardShortcuts_show__bottomRight {\n display: none;\n}\n\n.input-date-range .CalendarMonth {\n padding: 0px !important;\n}\n\n.input-date-range__month-selector {\n display: flex;\n gap: 6px;\n align-items: center;\n justify-content: center;\n width: fit-content;\n margin: 0 auto;\n padding: 0;\n transform: translateX(-8px);\n}\n\n.input-date-range__select {\n height: 34px;\n min-width: 84px;\n padding: 0 10px;\n border: 1px solid #d7dee7;\n border-radius: 10px;\n background-color: #ffffff;\n color: #202938;\n font-family: Poppins;\n font-size: 14px;\n font-weight: 500;\n box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);\n appearance: none;\n -webkit-appearance: none;\n background-image:\n linear-gradient(45deg, transparent 50%, #4b5563 50%),\n linear-gradient(135deg, #4b5563 50%, transparent 50%);\n background-position:\n calc(100% - 18px) calc(50% - 2px),\n calc(100% - 12px) calc(50% - 2px);\n background-size: 6px 6px, 6px 6px;\n background-repeat: no-repeat;\n cursor: pointer;\n margin-top: -4px;\n}\n\n.input-date-range__select--month {\n width: 110px;\n}\n\n.input-date-range__select:focus {\n outline: none;\n border-color: #1e88f7;\n box-shadow: 0 0 0 3px rgba(30, 136, 247, 0.15);\n}\n\n.input-date-range__calendar-footer {\n display: flex;\n align-items: center;\n padding-top: 16px;\n border-top: 1px solid rgba(0, 29, 61, 0.1);\n}\n\n.input-date-range__clear-button {\n border: 0;\n background: transparent;\n color: #1e88f7;\n font-family: Poppins;\n font-size: 16px;\n font-weight: 500;\n line-height: 1.2;\n cursor: pointer;\n padding: 0;\n}\n\n@media (max-width: 450px) {\n .input-date-range .DateRangePicker_picker .DayPickerNavigation_leftButton__horizontalDefault {\n left: 8px !important;\n }\n\n .input-date-range .DateRangePicker_picker .DayPickerNavigation_rightButton__horizontalDefault {\n right: 8px !important;\n }\n\n .input-date-range .CalendarMonth_caption {\n padding-left: 64px;\n padding-right: 64px;\n }\n\n .input-date-range__month-selector {\n width: fit-content;\n transform: translateX(-4px);\n }\n\n .input-date-range .CalendarMonthGrid_month__horizontal {\n padding-right: 0;\n }\n}\n");const sn=Array.from({length:201},(e,t)=>String(1900+t)),cn=X.months().map((e,t)=>({label:e,value:String(t)})),pn=r.div`
|
|
582
582
|
display: flex;
|
|
583
583
|
align-items: center;
|
|
584
|
+
width: fit-content;
|
|
584
585
|
border-radius: 12px;
|
|
585
586
|
padding: 0px;
|
|
586
587
|
height: 56px;
|
|
@@ -588,17 +589,17 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
588
589
|
box-shadow: 0 0 0
|
|
589
590
|
${e=>e.$focus?"2px "+De.border.neutralMedium:"1px "+De.border.neutralSoft};
|
|
590
591
|
padding: 0px 6px;
|
|
591
|
-
`,
|
|
592
|
+
`,hn=e=>{const[t,o]=c(e.startDate),[r,a]=c(e.endDate),[l,d]=c(null);return p(()=>{o(e.startDate)},[e.startDate]),p(()=>{a(e.endDate)},[e.endDate]),n("div",{className:"input-date-range",children:n(pn,{style:e.style,$focus:!!l,children:n(K,{startDateId:"startDate",endDateId:"endDate",startDate:t,endDate:r,noBorder:!0,showClearDates:!0,isOutsideRange:e.isOutsideRange,startDatePlaceholderText:"Fecha inicio",endDatePlaceholderText:"Fecha final",hideKeyboardShortcutsPanel:!0,numberOfMonths:1,onDatesChange:({startDate:t,endDate:n})=>{o(t),a(n),t&&!n?d("endDate"):t||d("startDate"),console.log("InputDateRange onChange",{startDate:t,endDate:n}),e.onChange({startDate:t,endDate:n})},focusedInput:l,onFocusChange:e=>d(e),renderCalendarInfo:()=>n("div",{className:"input-date-range__calendar-footer",children:n("button",{type:"button",className:"input-date-range__clear-button",onClick:()=>{o(null),a(null),d("startDate"),console.log("InputDateRange onChange",{startDate:null,endDate:null}),e.onChange({startDate:null,endDate:null})},children:"Borrar"})}),renderMonthElement:({month:e,onMonthSelect:t,onYearSelect:o})=>i("div",{className:"input-date-range__month-selector",children:[n("select",{"aria-label":"Seleccionar mes",className:"input-date-range__select input-date-range__select--month",value:String(e.month()),onChange:n=>t(e,n.target.value),children:cn.map(e=>n("option",{value:e.value,children:e.label},e.value))}),n("select",{"aria-label":"Seleccionar año",className:"input-date-range__select",value:String(e.year()),onChange:t=>o(e,t.target.value),children:sn.map(e=>n("option",{value:e,children:e},e))})]})})})})};dn(".ReactCrop__child-wrapper {\n height: -webkit-fill-available;\n}");const un=r.div`
|
|
592
593
|
position: sticky;
|
|
593
594
|
display: flex;
|
|
594
595
|
flex-direction: column;
|
|
595
596
|
padding: 10px 24px 16px;
|
|
596
597
|
top: 0px;
|
|
597
598
|
z-index: 100;
|
|
598
|
-
`,
|
|
599
|
+
`,xn=r.div`
|
|
599
600
|
padding: 0px 24px;
|
|
600
601
|
position: relative;
|
|
601
|
-
`,
|
|
602
|
+
`,gn=r.div`
|
|
602
603
|
position: sticky;
|
|
603
604
|
display: flex;
|
|
604
605
|
flex: 1;
|
|
@@ -607,33 +608,33 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
607
608
|
justify-content: flex-end;
|
|
608
609
|
padding: 16px 24px;
|
|
609
610
|
background-color: white;
|
|
610
|
-
${
|
|
611
|
+
${d.lessThan("small")`
|
|
611
612
|
padding: 8px 16px;
|
|
612
613
|
`}
|
|
613
|
-
`,
|
|
614
|
+
`,mn=r.div`
|
|
614
615
|
background-color: ${De.surface.redSoft};
|
|
615
616
|
padding: 12px 24px;
|
|
616
617
|
margin-top: 24px;
|
|
617
|
-
`,
|
|
618
|
+
`,fn=r.div`
|
|
618
619
|
display: flex;
|
|
619
620
|
justify-content: flex-end;
|
|
620
621
|
padding: 10px 10px 0px 24px;
|
|
621
|
-
`,
|
|
622
|
+
`,yn=u((e,t)=>{var o;const[r,a]=c(e.isVisible),[l,d]=c(!1),[s,h]=c(!1);g(t,()=>({close(){x()}})),p(()=>{const e=window.matchMedia("(min-width: 768px)");h(e.matches);const t=e=>{h(e.matches)};return e.addListener(t),()=>e.removeListener(t)},[]),p(()=>{e.isVisible?(a(!0),u(100).then(()=>{d(!0)})):(d(!1),u(500).then(()=>{a(!1)}))},[e.isVisible]);const u=e=>new Promise(t=>setTimeout(t,e)),x=()=>{d(!1),u(300).then(()=>{a(!1),e.onClose&&e.onClose()})};return i(oe,{role:"modal",isOpen:r,onRequestClose:x,shouldCloseOnOverlayClick:null!==(o=e.shouldCloseOnOverlayClick)&&void 0!==o&&o,ariaHideApp:!1,style:{content:Object.assign({position:"absolute",width:"full-screen"===e.type?"100%":"lateral"===e.type?s?"400px":"100%":486,maxWidth:"full-screen"===e.type?"100%":"lateral"===e.type?s?"400px":"100%":`calc(100% - ${s?96:48}px)`,height:"lateral"===e.type?"100%":void 0,maxHeight:"lateral"===e.type?"100%":`calc(100% - ${s?96:48}px)`,background:"#FFFFFF",boxShadow:"0px 4px 8px rgba(0, 0, 0, 0.1)",borderRadius:"full-screen"===e.type?"12px 12px 0px 0px":"lateral"===e.type?0:12,top:"lateral"===e.type?"0":"full-screen"!==e.type?l?"50%":"150%":"unset",bottom:"full-screen"===e.type?l?"0px":"-100vh":"unset",right:"lateral"===e.type?l?"0":"-100vw":"unset",transition:"lateral"===e.type?"right 0.3s ease-out, transform 0.3s ease-in-out":"top 0.3s ease-out, bottom 0.3s ease-out, transform 0.3s ease-in-out",left:"lateral"===e.type?"unset":(e.type,"50%"),transform:"full-screen"===e.type?"translate(-50%, 0%)":"lateral"===e.type?"translate(0, 0)":"translate(-50%, -50%) scale("+(l?1:.2)+")",overflow:"hidden",overflowY:"auto",border:"none",padding:0},e.style),overlay:{backgroundColor:"rgba(0, 0, 0, "+(l?e.overlayBackgroundOpacity?e.overlayBackgroundOpacity:.6:0)+")",transition:" background-color 0.3s ease-out",zIndex:1e3}},children:[!e.hideClose&&n(fn,{children:n(ut,{style:{backgroundColor:"white",borderRadius:50},icon:n(w,{height:20,width:20,color:De.text.neutralHard}),design:"image",onClick:x})}),!e.hideHeader&&(e.title||e.subtitle)&&i(un,{style:Object.assign({paddingTop:e.hideClose?16:4},e.titleStyle),children:[e.title&&n(Re,{type:"h3",weight:"semibold",children:e.title}),e.subtitle&&n(Re,{type:"p2",style:{marginTop:8},children:e.subtitle}),e.Header]}),n(xn,{style:e.contentStyle,children:e.children}),e.error&&n(mn,{children:n(Re,{type:"p",style:{color:De.text.red,fontSize:12},children:e.error})}),e.buttonProps&&i(gn,{style:e.footerStyle,children:[e.Bottom,e.buttonProps&&n(ut,Object.assign({size:"small"},e.buttonProps,{children:e.buttonProps.children?e.buttonProps.children:"Guardar"}))]})]})}),bn=r.div`
|
|
622
623
|
display: flex;
|
|
623
624
|
flex-direction: row;
|
|
624
625
|
margin-bottom: 8px;
|
|
625
|
-
`,
|
|
626
|
+
`,kn=r.div`
|
|
626
627
|
display: flex;
|
|
627
628
|
width: 112px;
|
|
628
629
|
align-items: center;
|
|
629
|
-
`,
|
|
630
|
+
`,vn=r.div`
|
|
630
631
|
display: flex;
|
|
631
632
|
flex: 1;
|
|
632
633
|
flex-direction: column;
|
|
633
|
-
`,
|
|
634
|
+
`,wn=r.div`
|
|
634
635
|
content: none;
|
|
635
636
|
margin-bottom: 24px;
|
|
636
|
-
`,
|
|
637
|
+
`,Cn=r.iframe``,$n=u((e,t)=>"form"===e.type?n(yn,Object.assign({ref:t},e,{style:Object.assign({width:"80%",maxWidth:600},e.style),children:e.options&&e.options.map((e,t)=>e.hidden?null:"separator"===e.id?n(wn,{},"separator-"+t):i(bn,{children:[n(kn,{children:n(Re,{type:"c1",weight:"medium",children:e.title})}),n(vn,{children:e.Data})]},"option-"+e.id))})):"web"===e.type?n(yn,Object.assign({ref:t},e,{style:Object.assign(Object.assign({},e.style),{height:"100%"}),contentStyle:Object.assign(Object.assign({},e.contentStyle),{height:"100%",padding:0}),children:n(Cn,{id:"web-iframe",src:e.url,width:"100%",height:"100%",style:{border:"none"}})})):n(yn,Object.assign({ref:t},e))),Ln=r.div``,_n=r.div`
|
|
637
638
|
position: absolute;
|
|
638
639
|
top: 0;
|
|
639
640
|
bottom: 0;
|
|
@@ -642,7 +643,7 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
642
643
|
overflow: hidden;
|
|
643
644
|
z-index: 10000;
|
|
644
645
|
background-color: black;
|
|
645
|
-
`,
|
|
646
|
+
`,Fn=r.div`
|
|
646
647
|
display: flex;
|
|
647
648
|
width: -webkit-fill-available;
|
|
648
649
|
width: -moz-available;
|
|
@@ -652,7 +653,7 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
652
653
|
height: 50px;
|
|
653
654
|
background-color: white;
|
|
654
655
|
border-bottom: 1px solid ${De.border.neutralSoft};
|
|
655
|
-
`,
|
|
656
|
+
`,Sn=r.canvas`
|
|
656
657
|
position: absolute;
|
|
657
658
|
bottom: 12px;
|
|
658
659
|
right: 12px;
|
|
@@ -660,16 +661,16 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
660
661
|
width: 150px;
|
|
661
662
|
height: 150px;
|
|
662
663
|
border-radius: 6px;
|
|
663
|
-
`,
|
|
664
|
+
`,Dn=r.div`
|
|
664
665
|
display: flex;
|
|
665
666
|
flex-direction: row;
|
|
666
667
|
cursor: pointer;
|
|
667
668
|
gap: 12px;
|
|
668
669
|
padding: 12px 24px;
|
|
669
|
-
`,
|
|
670
|
+
`,zn=r.div`
|
|
670
671
|
display: flex;
|
|
671
672
|
flex-direction: row;
|
|
672
|
-
`,
|
|
673
|
+
`,Mn=r.div`
|
|
673
674
|
height: 48px;
|
|
674
675
|
width: 48px;
|
|
675
676
|
border-radius: 50%;
|
|
@@ -685,14 +686,14 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
685
686
|
&:active {
|
|
686
687
|
transform: scale(0.9);
|
|
687
688
|
}
|
|
688
|
-
`,
|
|
689
|
+
`,Pn=r.div`
|
|
689
690
|
display: flex;
|
|
690
691
|
justify-content: flex-end;
|
|
691
692
|
padding: 0 16px;
|
|
692
|
-
`;const
|
|
693
|
+
`;const jn=e=>{const r=window.innerWidth<=768,a=x(null),l=x(null),d=x(null),s=x(null),[h,u]=c(""),[g,f]=c(),[y,b]=c(),[k,v]=c(!1),[C,$]=c(!1),[L,_]=c(!1);p(()=>{const e=setTimeout(()=>{F.apply([y])},100);return()=>clearTimeout(e)},[y]);const F=()=>t(void 0,void 0,void 0,function*(){const e=s.current,t=d.current,n=y;if((null==n?void 0:n.width)&&(null==n?void 0:n.height)&&e&&t){const i=t.getContext("2d");if(!i)throw new Error("No 2d context");const o=e.naturalWidth/e.width,r=e.naturalHeight/e.height,a=window.devicePixelRatio;t.width=Math.floor(n.width*o*a),t.height=Math.floor(n.height*r*a),i.scale(a,a),i.imageSmoothingQuality="high";const l=n.x*o,d=n.y*r,s=e.naturalWidth/2,c=e.naturalHeight/2;i.save(),i.translate(-l,-d),i.translate(s,c),i.translate(-s,-c),i.drawImage(e,0,0,e.naturalWidth,e.naturalHeight,0,0,e.naturalWidth,e.naturalHeight),i.restore()}}),M=e=>new Promise((t,n)=>{const i=new FileReader;i.readAsDataURL(e),i.onload=()=>t(i.result),i.onerror=e=>n(e)}),P=n=>{new Q(n,{quality:1,maxHeight:e.maxHeight,maxWidth:e.maxWidth,success:n=>t(void 0,void 0,void 0,function*(){u("");const t=yield M(n);e.onChange&&e.onChange(t),v(!1)})})},j=e=>{var t;"camera"===e?_(!0):"library"===e&&($(!1),null===(t=l.current)||void 0===t||t.click())},B=m(()=>{var t;const n=null===(t=a.current)||void 0===t?void 0:t.getScreenshot();n&&($(!1),_(!1),u(n),e.hideCrop&&e.onChange&&e.onChange(n))},[a]);return i(Ln,{style:e.style,children:[i($n,{isVisible:C,type:r?"full-screen":"default",hideClose:!0,hideHeader:!0,style:{width:r?"100%":400},contentStyle:{padding:"16px 0px",backgroundColor:L?"black":"white"},buttonProps:L?{children:n(zn,{style:{position:"relative",justifyContent:"center",alignItems:"center",width:"100%",padding:"0 32px"},children:n(Mn,{onClick:B})}),style:{backgroundColor:"transparent",width:"100%",marginTop:12,marginBottom:12,paddingBottom:"calc(env(safe-area-inset-bottom, 0) + 8px)"}}:void 0,onClose:()=>$(!1),children:[L&&n(ut,{design:"image",icon:n(w,{}),onClick:()=>{_(!1),$(!1)},style:{position:"absolute",top:12,right:12,backgroundColor:"rgba(0, 0, 0, 0.4)",color:"white",border:"none",padding:8,borderRadius:"50%",cursor:"pointer",zIndex:10}}),L?n(o,{children:n(ie,{ref:a,height:"100%",width:"100%",videoConstraints:{facingMode:"environment"}})}):i(o,{children:[n(Pn,{children:n(w,{style:{cursor:"pointer"},onClick:()=>{_(!1),$(!1)}})}),i(Dn,{onClick:()=>j("camera"),children:[n(S,{}),n(Re,{type:"p",children:"Cámara"})]}),i(Dn,{onClick:()=>j("library"),children:[n(D,{}),n(Re,{type:"p",children:"Imagen de librería"})]})]})]}),n(ut,{role:"button",onClick:()=>{var t;e.options&&e.options.length>1?$(!0):null===(t=l.current)||void 0===t||t.click()},style:Object.assign({height:32,padding:"0px 12px",fontSize:14,fontWeight:500},e.buttonStyle),icon:e.icon,design:"secondary",children:e.buttonText?e.buttonText:"Subir foto"}),n("input",{name:"image",accept:"image/*",onChange:n=>t(void 0,void 0,void 0,function*(){if(n&&n.target&&n.target.files&&n.target.files[0]){const t=n.target.files[0];if(e.hideCrop){const e=new Blob([t],{type:"image/webp"});P(e)}else{f(void 0);const e=yield M(t);u("string"==typeof e?e:""),l.current&&(l.current.value="")}}}),hidden:!0,type:"file",ref:l}),h&&!e.hideCrop&&i(_n,{children:[i(Fn,{children:[n(ut,{design:"primary",size:"small",loading:k,icon:n(z,{}),onClick:()=>{var e;v(!0),null===(e=d.current)||void 0===e||e.toBlob(e=>{e?P(e):v(!1)},"image/webp")},children:"Recortar"}),n(ut,{style:{marginLeft:12},design:"image",icon:n(w,{}),onClick:()=>{u("")}})]}),n(ee,{style:{height:"-webkit-fill-available"},crop:g,onChange:(e,t)=>f(t),onComplete:e=>b(e),aspect:1,children:n("img",{ref:s,alt:"Crop me",src:h,style:{maxWidth:"100%",maxHeight:"100%"},onLoad:e=>{{const{width:t,height:n}=e.currentTarget;f(function(e,t,n){return te(ne({unit:"%",width:60},n,e,t),e,t)}(t,n,1))}}})}),y&&n(Sn,{ref:d,style:e.previewStyle})]})]})},Bn=r.div`
|
|
693
694
|
position: relative;
|
|
694
695
|
display: flex;
|
|
695
|
-
`,
|
|
696
|
+
`,En=r.div`
|
|
696
697
|
position: absolute;
|
|
697
698
|
z-index: 1000;
|
|
698
699
|
background-color: white;
|
|
@@ -703,7 +704,7 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
703
704
|
left: 0px;
|
|
704
705
|
right: 0px;
|
|
705
706
|
padding: 8px;
|
|
706
|
-
`,
|
|
707
|
+
`,On=r.div`
|
|
707
708
|
display: flex;
|
|
708
709
|
flex: 1;
|
|
709
710
|
align-items: center;
|
|
@@ -711,20 +712,20 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
711
712
|
:hover {
|
|
712
713
|
background-color: ${De.surface.neutralSoft};
|
|
713
714
|
}
|
|
714
|
-
`,
|
|
715
|
+
`,An=r(Re)`
|
|
715
716
|
display: flex;
|
|
716
717
|
flex: 1;
|
|
717
718
|
text-overflow: ellipsis;
|
|
718
719
|
padding: 8px;
|
|
719
720
|
border-radius: 8px;
|
|
720
|
-
`,
|
|
721
|
+
`,Hn=t=>{var{isLoaded:r,isForm:a,searchTypes:l,searchFields:d,onLocationChange:s}=t;const h=e(t,["isLoaded","isForm","searchTypes","searchFields","onLocationChange"]),{defaultValue:u,value:g,onChange:f}=h,y=e(h,["defaultValue","value","onChange"]),b=x(null),k=x(null),[v,w]=c(()=>void 0!==u?String(u):""),[C,$]=c([]),[L,_]=c(void 0),F=x(!1);p(()=>{void 0!==u&&w(String(u))},[u]),p(()=>{if(r){if("undefined"==typeof google)return;const e=document.createElement("div"),t=new google.maps.Map(e);b.current=new google.maps.places.AutocompleteService,k.current=new google.maps.places.PlacesService(t)}},[r]),p(()=>{r&&!F.current&&void 0!==u&&w(String(u))},[r,u]);const S=m(re(e=>{b.current&&e&&b.current.getPlacePredictions({input:e,types:l||["address"],language:"es-ES"},e=>{$(e||[])})},500),[]);return i(o,{children:[i(Bn,{className:"autocomplete-container",children:[n(Tt,Object.assign({},y,{value:v,onChange:e=>{const t=e.target.value;w(t),S(t)},containerStyle:{display:"flex",flex:1,flexDirection:"column"},disabled:!r||y.disabled,placeholder:r?y.placeholder:"Cargando..."})),C.length>0&&n(En,{className:"custom-list",children:C.map((e,t)=>n(On,{className:"custom-list-item",onClick:()=>(e=>{k.current&&k.current.getDetails({placeId:e.place_id,fields:d||["geometry","address_components"]},t=>{if(t&&t.geometry&&t.geometry.location&&t.address_components){$([]),_(void 0);const e=t.address_components.filter(e=>e.types.includes("route")),n=e.length>0?e[0].long_name:void 0,i=t.address_components.filter(e=>e.types.includes("postal_code")),o=i.length>0?i[0].long_name:void 0;if(n&&o){const e=t.address_components.filter(e=>e.types.includes("street_number")),i=e.length>0?e[0].long_name:void 0,r=t.address_components.filter(e=>e.types.includes("locality")),l=r.length>0?r[0].long_name:void 0,d=t.address_components.filter(e=>e.types.includes("administrative_area_level_2")),c=d.length>0?d[0].long_name:void 0,p=t.address_components.filter(e=>e.types.includes("country")),h=p.length>0?p[0].long_name:void 0,u=p.length>0?p[0].short_name:void 0,x=`${n}${i?" "+i:""}, ${o||""}, ${l}, ${c}, ${h}`,g={address:x,sortAddress:`${l?l+", ":""}${c?c+", ":""}${h}`,route:n,routeNumber:i,location:{lat:t.geometry.location.lat(),lng:t.geometry.location.lng()},country:h,shortCountry:u,city:l,province:c,zipCode:o};s&&s(g),w(a?`${n}${i?" "+i:""}`:x)}else _("Necesitamos una dirección más precisa para encontrar tu código postal. Por favor, indica el número de la calle.")}else t&&t.geometry&&t.geometry.location?($([]),_(void 0),w(e.description),s&&s({location:{lat:t.geometry.location.lat(),lng:t.geometry.location.lng()}})):_("Parece que hubo un error de conexión al obtener la dirección. Prueba de nuevo más tarde.")})})(e),children:n(An,{type:"p2",children:e.description})},t))})]}),L&&n(Re,{type:"c1",style:{color:De.text.red,padding:"0px 4px"},children:L})]})},Vn=r.div``,Tn=r.div`
|
|
721
722
|
display: flex;
|
|
722
723
|
flex-direction: row;
|
|
723
724
|
align-items: center;
|
|
724
725
|
height: 36px;
|
|
725
726
|
border-radius: 4px;
|
|
726
727
|
cursor: pointer;
|
|
727
|
-
`,
|
|
728
|
+
`,In=r.div`
|
|
728
729
|
position: absolute;
|
|
729
730
|
top: 64px;
|
|
730
731
|
left: -2px;
|
|
@@ -736,7 +737,7 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
736
737
|
box-shadow: 0px 4px 8px 0px #0000001a;
|
|
737
738
|
max-height: 300px;
|
|
738
739
|
overflow: scroll;
|
|
739
|
-
`,
|
|
740
|
+
`,Nn=r.div`
|
|
740
741
|
display: flex;
|
|
741
742
|
flex-direction: row;
|
|
742
743
|
align-items: center;
|
|
@@ -745,28 +746,28 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
745
746
|
&:hover {
|
|
746
747
|
background-color: ${Le.background.soft};
|
|
747
748
|
}
|
|
748
|
-
`,
|
|
749
|
+
`,Zn=r.div`
|
|
749
750
|
display: flex;
|
|
750
751
|
align-items: center;
|
|
751
752
|
justify-content: center;
|
|
752
753
|
height: 24px;
|
|
753
754
|
width: 24px;
|
|
754
755
|
margin-right: 8px;
|
|
755
|
-
`,
|
|
756
|
+
`,Rn=r(Re)`
|
|
756
757
|
flex: 1;
|
|
757
758
|
color: ${e=>e.color?e.color:Le.text.full};
|
|
758
759
|
margin-left: 2px;
|
|
759
760
|
margin-top: ${e=>e.$focus?"15px":"0px"};
|
|
760
761
|
transition: margin-top 0.1s ease-out;
|
|
761
762
|
font-size: 14px !important;
|
|
762
|
-
`,
|
|
763
|
+
`,Gn=e=>{var t;const r=le,[a,l]=c(!1),[d,s]=c(void 0),[h,u]=c(e.options);p(()=>{e.options&&(s(Object.assign(Object.assign({},e.options[0]),{flag:r[e.options[0].countryCode]})),u(e.options))},[]),p(()=>(window.addEventListener("mousedown",e=>x(e)),window.removeEventListener("mousedown",()=>{})),[]),p(()=>{e.selectedItem&&s(Object.assign(Object.assign({},e.selectedItem),{flag:r[e.selectedItem.countryCode]}))},[e.selectedItem]);const x=t=>{const n=document.getElementById(e.id);n&&(n.contains(t.target)||l(!1))};return i(Vn,{children:[n(Tn,{role:"select",style:e.style,$showMenu:a,onClick:e=>{e.stopPropagation(),l(!a)},children:d&&i(o,{children:[n(Zn,{children:n(d.flag,{height:24,width:24})}),n(a?M:P,{height:20,width:20,color:Le.text.high}),n(Rn,{type:"p",$focus:e.focus,color:null===(t=e.style)||void 0===t?void 0:t.color,children:d.prefix})]})}),a&&n(In,{role:"menu",id:e.id,style:e.optionStyle,children:h&&h.map((t,o)=>{const a=r[t.countryCode];return i(Nn,{role:"country"+o,onClick:n=>((t,n)=>{n.stopPropagation(),s(Object.assign(Object.assign({},t),{flag:r[t.countryCode]})),l(!1),u(e.options),e.onChange&&e.onChange(t)})(t,n),children:[n(Zn,{children:n(a,{height:24,width:24})}),i(Re,{type:"p",style:{fontSize:14,display:"flex",alignItems:"center"},children:[t.esCountry,i("span",{style:{marginLeft:4},children:["(",t.prefix,")"]})]})]},"country"+o)})})]})},Wn=r.div`
|
|
763
764
|
margin-right: 8px;
|
|
764
|
-
`,Ni=t=>{const o=le.PhoneNumberUtil.getInstance(),[n,r]=c(void 0),[l,a]=c({id:"spain",esCountry:"España",enCountry:"Spain",prefix:"+34",countryCode:"ES"}),[s,d]=c(!1),{countryOptions:h,onPhoneChange:u}=t,x=e(t,["countryOptions","onPhoneChange"]);p(()=>{t.defaultValue?r(t.defaultValue):t.value&&r(t.value)},[t.value,t.defaultValue]),p(()=>{if(t.country&&h){const e=h.filter(e=>e.countryCode===t.country);e.length>0&&g(e[0])}},[t.country,h]);const g=e=>{a(e);const i=(n&&"string"==typeof n?n:t.defaultValue&&"string"==typeof t.defaultValue?t.defaultValue:"").replaceAll(/\s/g,""),r=e.prefix+i;u&&u({country:e.prefix,value:i,isValid:r.length>=6&&r.length<18&&o.isValidNumberForRegion(o.parse(r,e.countryCode),e.countryCode)})};return i(Ht,Object.assign({LeftContent:t.countryOptions?i(Ri,{children:i(Zi,{selectedItem:l,onChange:e=>g(e),id:"country",options:t.countryOptions,focus:!(!s&&!n||"secondary"!==t.design)})}):void 0},x,{onChange:e=>{r(e.target.value),t.onChange&&t.onChange(e);const i=e.target.value.replaceAll(/\s/g,""),n=l.prefix+i;u&&u({country:l.prefix,value:i,isValid:n.length>8&&n.length<18&&o.isValidNumberForRegion(o.parse(n,l.countryCode),l.countryCode)})},onFocus:e=>{d(!0),t.onFocus&&t.onFocus(e)},onBlur:e=>{d(!1),t.onBlur&&t.onBlur(e)}}))};var Wi={nm:"Main Scene",ddd:0,h:50,w:50,meta:{g:"@lottiefiles/creator 1.30.0"},layers:[{ty:4,nm:"Dot14",sr:1,st:-73.34,op:38.34,ip:0,hd:!1,ddd:0,bm:0,hasMask:!1,ao:0,ks:{a:{a:0,k:[-21.1987393983936,-21.374364269352988]},s:{a:0,k:[40,40,100]},sk:{a:0,k:0},p:{a:0,k:[24.000000000000014,13.000000000000007]},r:{a:0,k:-320},sa:{a:0,k:0},o:{a:0,k:100}},shapes:[{ty:"gr",bm:0,hd:!1,nm:"Shape 1",it:[{ty:"sh",bm:0,hd:!1,nm:"Path 1",d:1,ks:{a:0,k:{c:!1,i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[-37.5,-40.5],[-1,.5]]}}},{ty:"tm",bm:0,hd:!1,nm:"Trim Paths 1",ix:2,e:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[48],t:0},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[30],t:10},{s:[10],t:28.34}]},o:{a:0,k:0},s:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[47],t:0},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[29],t:10},{s:[9],t:28.34}]},m:1},{ty:"st",bm:0,hd:!1,nm:"Stroke 1",lc:2,lj:1,ml:4,o:{a:0,k:100},w:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[5],t:0},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[2],t:10},{s:[0],t:21.66}]},c:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[1,.8353,.6392],t:0},{s:[1,.6667,.2784],t:10}]}},{ty:"tr",a:{a:0,k:[0,0]},s:{a:0,k:[100,100]},sk:{a:0,k:0},p:{a:0,k:[0,0]},r:{a:0,k:0},sa:{a:0,k:0},o:{a:0,k:100}}]}],ind:1},{ty:4,nm:"Dot13",sr:1,st:-73.34,op:38.34,ip:0,hd:!1,ddd:0,bm:0,hasMask:!1,ao:0,ks:{a:{a:0,k:[-23.11044356888314,-23.391395812338068]},s:{a:0,k:[40,40,100]},sk:{a:0,k:0},p:{a:0,k:[26.999999999999993,12]},r:{a:0,k:-306.6},sa:{a:0,k:0},o:{a:0,k:100}},shapes:[{ty:"gr",bm:0,hd:!1,nm:"Shape 1",it:[{ty:"sh",bm:0,hd:!1,nm:"Path 1",d:1,ks:{a:0,k:{c:!1,i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[-37.5,-40.5],[-1,.5]]}}},{ty:"tm",bm:0,hd:!1,nm:"Trim Paths 1",ix:2,e:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[45],t:0},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[20],t:10},{s:[1],t:37.5}]},o:{a:0,k:0},s:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[44],t:0},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[19],t:10},{s:[0],t:37.5}]},m:1},{ty:"st",bm:0,hd:!1,nm:"Stroke 1",lc:2,lj:1,ml:4,o:{a:0,k:100},w:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[5],t:10},{s:[0],t:37.5}]},c:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[1,.8353,.6392],t:0},{s:[1,.6667,.2784],t:10}]}},{ty:"tr",a:{a:0,k:[0,0]},s:{a:0,k:[100,100]},sk:{a:0,k:0},p:{a:0,k:[0,0]},r:{a:0,k:0},sa:{a:0,k:0},o:{a:0,k:100}}]}],ind:2},{ty:4,nm:"Dot12",sr:1,st:-73.34,op:38.34,ip:0,hd:!1,ddd:0,bm:0,hasMask:!1,ao:0,ks:{a:{a:0,k:[-19.397872320685465,-20.584522084089897]},s:{a:0,k:[40,40,100]},sk:{a:0,k:0},p:{a:0,k:[33,17]},r:{a:0,k:-271.7},sa:{a:0,k:0},o:{a:0,k:100}},shapes:[{ty:"gr",bm:0,hd:!1,nm:"Shape 1",it:[{ty:"sh",bm:0,hd:!1,nm:"Path 1",d:1,ks:{a:0,k:{c:!1,i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[-37.5,-40.5],[-1,.5]]}}},{ty:"tm",bm:0,hd:!1,nm:"Trim Paths 1",ix:2,e:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[48],t:0},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[30],t:10},{s:[10],t:28.34}]},o:{a:0,k:0},s:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[47],t:0},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[29],t:10},{s:[9],t:28.34}]},m:1},{ty:"st",bm:0,hd:!1,nm:"Stroke 1",lc:2,lj:1,ml:4,o:{a:0,k:100},w:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[5],t:0},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[2],t:10},{s:[0],t:21.66}]},c:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[.9176,.9725,.9804],t:0},{s:[0,.6706,.7725],t:10}]}},{ty:"tr",a:{a:0,k:[0,0]},s:{a:0,k:[100,100]},sk:{a:0,k:0},p:{a:0,k:[0,0]},r:{a:0,k:0},sa:{a:0,k:0},o:{a:0,k:100}}]}],ind:3},{ty:4,nm:"Dot11",sr:1,st:-73.34,op:38.34,ip:0,hd:!1,ddd:0,bm:0,hasMask:!1,ao:0,ks:{a:{a:0,k:[-22.713049808185005,-23.379849623359576]},s:{a:0,k:[40,40,100]},sk:{a:0,k:0},p:{a:0,k:[35.99999999999999,17.999999999999993]},r:{a:0,k:-258.3},sa:{a:0,k:0},o:{a:0,k:100}},shapes:[{ty:"gr",bm:0,hd:!1,nm:"Shape 1",it:[{ty:"sh",bm:0,hd:!1,nm:"Path 1",d:1,ks:{a:0,k:{c:!1,i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[-37.5,-40.5],[-1,.5]]}}},{ty:"tm",bm:0,hd:!1,nm:"Trim Paths 1",ix:2,e:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[45],t:0},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[20],t:10},{s:[1],t:37.5}]},o:{a:0,k:0},s:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[44],t:0},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[19],t:10},{s:[0],t:37.5}]},m:1},{ty:"st",bm:0,hd:!1,nm:"Stroke 1",lc:2,lj:1,ml:4,o:{a:0,k:100},w:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[5],t:10},{s:[0],t:37.5}]},c:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[.9176,.9725,.9804],t:0},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[.9176,.9725,.9804],t:10},{s:[0,.6706,.7725],t:18.34}]}},{ty:"tr",a:{a:0,k:[0,0]},s:{a:0,k:[100,100]},sk:{a:0,k:0},p:{a:0,k:[0,0]},r:{a:0,k:0},sa:{a:0,k:0},o:{a:0,k:100}}]}],ind:4},{ty:4,nm:"Dot10",sr:1,st:-73.34,op:38.34,ip:0,hd:!1,ddd:0,bm:0,hasMask:!1,ao:0,ks:{a:{a:0,k:[-21.26307544209449,-21.310364209553]},s:{a:0,k:[40,40,100]},sk:{a:0,k:0},p:{a:0,k:[37,26]},r:{a:0,k:-220.3},sa:{a:0,k:0},o:{a:0,k:100}},shapes:[{ty:"gr",bm:0,hd:!1,nm:"Shape 1",it:[{ty:"sh",bm:0,hd:!1,nm:"Path 1",d:1,ks:{a:0,k:{c:!1,i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[-37.5,-40.5],[-1,.5]]}}},{ty:"tm",bm:0,hd:!1,nm:"Trim Paths 1",ix:2,e:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[48],t:0},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[30],t:10},{s:[10],t:28.34}]},o:{a:0,k:0},s:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[47],t:0},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[29],t:10},{s:[9],t:28.34}]},m:1},{ty:"st",bm:0,hd:!1,nm:"Stroke 1",lc:2,lj:1,ml:4,o:{a:0,k:100},w:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[5],t:0},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[2],t:10},{s:[0],t:21.66}]},c:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[1,.898,.898],t:0},{s:[1,.4667,.2392],t:10}]}},{ty:"tr",a:{a:0,k:[0,0]},s:{a:0,k:[100,100]},sk:{a:0,k:0},p:{a:0,k:[0,0]},r:{a:0,k:0},sa:{a:0,k:0},o:{a:0,k:100}}]}],ind:5},{ty:4,nm:"Dot9",sr:1,st:-73.34,op:38.34,ip:0,hd:!1,ddd:0,bm:0,hasMask:!1,ao:0,ks:{a:{a:0,k:[-22.229578795038613,-22.49101657540558]},s:{a:0,k:[40,40,100]},sk:{a:0,k:0},p:{a:0,k:[37,28.999999999999986]},r:{a:0,k:-206.9},sa:{a:0,k:0},o:{a:0,k:100}},shapes:[{ty:"gr",bm:0,hd:!1,nm:"Shape 1",it:[{ty:"sh",bm:0,hd:!1,nm:"Path 1",d:1,ks:{a:0,k:{c:!1,i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[-37.5,-40.5],[-1,.5]]}}},{ty:"tm",bm:0,hd:!1,nm:"Trim Paths 1",ix:2,e:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[45],t:0},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[20],t:10},{s:[1],t:37.5}]},o:{a:0,k:0},s:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[44],t:0},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[19],t:10},{s:[0],t:37.5}]},m:1},{ty:"st",bm:0,hd:!1,nm:"Stroke 1",lc:2,lj:1,ml:4,o:{a:0,k:100},w:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[5],t:10},{s:[0],t:37.5}]},c:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[1,.898,.898],t:0},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[1,.898,.898],t:10},{s:[1,.4667,.2392],t:18.34}]}},{ty:"tm",bm:0,hd:!1,nm:"Trim Paths 2",ix:4,e:{a:0,k:45},o:{a:0,k:0},s:{a:0,k:44},m:1},{ty:"tr",a:{a:0,k:[0,0]},s:{a:0,k:[100,100]},sk:{a:0,k:0},p:{a:0,k:[0,0]},r:{a:0,k:0},sa:{a:0,k:0},o:{a:0,k:100}}]}],ind:6},{ty:4,nm:"Dot8",sr:1,st:-73.34,op:38.34,ip:0,hd:!1,ddd:0,bm:0,hasMask:!1,ao:0,ks:{a:{a:0,k:[-19.79541212747003,-21.404243941415274]},s:{a:0,k:[40,40,100]},sk:{a:0,k:0},p:{a:0,k:[31,35]},r:{a:0,k:-168.2},sa:{a:0,k:0},o:{a:0,k:100}},shapes:[{ty:"gr",bm:0,hd:!1,nm:"Shape 1",it:[{ty:"sh",bm:0,hd:!1,nm:"Path 1",d:1,ks:{a:0,k:{c:!1,i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[-37.5,-40.5],[-1,.5]]}}},{ty:"tm",bm:0,hd:!1,nm:"Trim Paths 1",ix:2,e:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[48],t:0},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[30],t:10},{s:[10],t:28.34}]},o:{a:0,k:0},s:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[47],t:0},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[29],t:10},{s:[9],t:28.34}]},m:1},{ty:"st",bm:0,hd:!1,nm:"Stroke 1",lc:2,lj:1,ml:4,o:{a:0,k:100},w:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[5],t:0},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[2],t:10},{s:[0],t:21.66}]},c:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[1,.8353,.6392],t:0},{s:[1,.6667,.2784],t:10}]}},{ty:"tr",a:{a:0,k:[0,0]},s:{a:0,k:[100,100]},sk:{a:0,k:0},p:{a:0,k:[0,0]},r:{a:0,k:0},sa:{a:0,k:0},o:{a:0,k:100}}]}],ind:7},{ty:4,nm:"Dot7",sr:1,st:-73.34,op:38.34,ip:0,hd:!1,ddd:0,bm:0,hasMask:!1,ao:0,ks:{a:{a:0,k:[-21.82164927161236,-22.887018658329858]},s:{a:0,k:[40,40,100]},sk:{a:0,k:0},p:{a:0,k:[28.999999999999993,37]},r:{a:0,k:-154.8},sa:{a:0,k:0},o:{a:0,k:100}},shapes:[{ty:"gr",bm:0,hd:!1,nm:"Shape 1",it:[{ty:"sh",bm:0,hd:!1,nm:"Path 1",d:1,ks:{a:0,k:{c:!1,i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[-37.5,-40.5],[-1,.5]]}}},{ty:"tm",bm:0,hd:!1,nm:"Trim Paths 1",ix:2,e:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[45],t:0},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[20],t:10},{s:[1],t:37.5}]},o:{a:0,k:0},s:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[44],t:0},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[19],t:10},{s:[0],t:37.5}]},m:1},{ty:"st",bm:0,hd:!1,nm:"Stroke 1",lc:2,lj:1,ml:4,o:{a:0,k:100},w:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[5],t:10},{s:[0],t:37.5}]},c:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[1,.8353,.6392],t:0},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[1,.8353,.6392],t:10},{s:[1,.6667,.2784],t:18.34}]}},{ty:"tr",a:{a:0,k:[0,0]},s:{a:0,k:[100,100]},sk:{a:0,k:0},p:{a:0,k:[0,0]},r:{a:0,k:0},sa:{a:0,k:0},o:{a:0,k:100}}]}],ind:8},{ty:4,nm:"Dot6",sr:1,st:-73.34,op:38.34,ip:0,hd:!1,ddd:0,bm:0,hasMask:!1,ao:0,ks:{a:{a:0,k:[-19.92540305447082,-21.42961299503294]},s:{a:0,k:[40,40,100]},sk:{a:0,k:0},p:{a:0,k:[21,36]},r:{a:0,k:-117.1},sa:{a:0,k:0},o:{a:0,k:100}},shapes:[{ty:"gr",bm:0,hd:!1,nm:"Shape 1",it:[{ty:"sh",bm:0,hd:!1,nm:"Path 1",d:1,ks:{a:0,k:{c:!1,i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[-37.5,-40.5],[-1,.5]]}}},{ty:"tm",bm:0,hd:!1,nm:"Trim Paths 1",ix:2,e:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[48],t:0},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[30],t:10},{s:[10],t:28.34}]},o:{a:0,k:0},s:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[47],t:0},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[29],t:10},{s:[9],t:28.34}]},m:1},{ty:"st",bm:0,hd:!1,nm:"Stroke 1",lc:2,lj:1,ml:4,o:{a:0,k:100},w:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[5],t:0},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[2],t:10},{s:[0],t:21.66}]},c:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[.9176,.9725,.9804],t:0},{s:[0,.6706,.7725],t:10}]}},{ty:"tm",bm:0,hd:!1,nm:"Trim Paths 2",ix:4,e:{a:0,k:30},o:{a:0,k:0},s:{a:0,k:29},m:1},{ty:"tr",a:{a:0,k:[0,0]},s:{a:0,k:[100,100]},sk:{a:0,k:0},p:{a:0,k:[0,0]},r:{a:0,k:0},sa:{a:0,k:0},o:{a:0,k:100}}]}],ind:9},{ty:4,nm:"Dot5",sr:1,st:-73.34,op:38.34,ip:0,hd:!1,ddd:0,bm:0,hasMask:!1,ao:0,ks:{a:{a:0,k:[-22.572933243786906,-23.51515861676333]},s:{a:0,k:[40,40,100]},sk:{a:0,k:0},p:{a:0,k:[17.999999999999993,35.999999999999986]},r:{a:0,k:-103.7},sa:{a:0,k:0},o:{a:0,k:100}},shapes:[{ty:"gr",bm:0,hd:!1,nm:"Shape 1",it:[{ty:"sh",bm:0,hd:!1,nm:"Path 1",d:1,ks:{a:0,k:{c:!1,i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[-37.5,-40.5],[-1,.5]]}}},{ty:"tm",bm:0,hd:!1,nm:"Trim Paths 1",ix:2,e:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[45],t:0},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[20],t:10},{s:[1],t:37.5}]},o:{a:0,k:0},s:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[44],t:0},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[19],t:10},{s:[0],t:37.5}]},m:1},{ty:"st",bm:0,hd:!1,nm:"Stroke 1",lc:2,lj:1,ml:4,o:{a:0,k:100},w:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[5],t:10},{s:[0],t:37.5}]},c:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[.9176,.9725,.9804],t:0},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[.9176,.9725,.9804],t:10},{s:[0,.6706,.7725],t:18.34}]}},{ty:"tr",a:{a:0,k:[0,0]},s:{a:0,k:[100,100]},sk:{a:0,k:0},p:{a:0,k:[0,0]},r:{a:0,k:0},sa:{a:0,k:0},o:{a:0,k:100}}]}],ind:10},{ty:4,nm:"Dot4",sr:1,st:-73.34,op:38.34,ip:0,hd:!1,ddd:0,bm:0,hasMask:!1,ao:0,ks:{a:{a:0,k:[-21.413608589302896,-21.30627530058061]},s:{a:0,k:[40,40,100]},sk:{a:0,k:0},p:{a:0,k:[14.000000000000014,30]},r:{a:0,k:-69.3},sa:{a:0,k:0},o:{a:0,k:100}},shapes:[{ty:"gr",bm:0,hd:!1,nm:"Shape 1",it:[{ty:"sh",bm:0,hd:!1,nm:"Path 1",d:1,ks:{a:0,k:{c:!1,i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[-37.5,-40.5],[-1,.5]]}}},{ty:"tm",bm:0,hd:!1,nm:"Trim Paths 1",ix:2,e:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[48],t:0},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[30],t:10},{s:[10],t:28.34}]},o:{a:0,k:0},s:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[47],t:0},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[29],t:10},{s:[9],t:28.34}]},m:1},{ty:"st",bm:0,hd:!1,nm:"Stroke 1",lc:2,lj:1,ml:4,o:{a:0,k:100},w:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[5],t:0},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[2],t:10},{s:[0],t:21.66}]},c:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[.8941,.9725,.9333],t:0},{s:[.0314,.6588,.3569],t:10}]}},{ty:"tr",a:{a:0,k:[0,0]},s:{a:0,k:[100,100]},sk:{a:0,k:0},p:{a:0,k:[0,0]},r:{a:0,k:0},sa:{a:0,k:0},o:{a:0,k:100}}]}],ind:11},{ty:4,nm:"Dot3",sr:1,st:-73.34,op:38.34,ip:0,hd:!1,ddd:0,bm:0,hasMask:!1,ao:0,ks:{a:{a:0,k:[-22.361068996417828,-24.10876590241486]},s:{a:0,k:[40,40,100]},sk:{a:0,k:0},p:{a:0,k:[12,27]},r:{a:0,k:-55.9},sa:{a:0,k:0},o:{a:0,k:100}},shapes:[{ty:"gr",bm:0,hd:!1,nm:"Shape 1",it:[{ty:"sh",bm:0,hd:!1,nm:"Path 1",d:1,ks:{a:0,k:{c:!1,i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[-37.5,-40.5],[-1,.5]]}}},{ty:"tm",bm:0,hd:!1,nm:"Trim Paths 1",ix:2,e:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[45],t:0},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[20],t:10},{s:[1],t:37.5}]},o:{a:0,k:0},s:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[44],t:0},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[19],t:10},{s:[0],t:37.5}]},m:1},{ty:"st",bm:0,hd:!1,nm:"Stroke 1",lc:2,lj:1,ml:4,o:{a:0,k:100},w:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[5],t:10},{s:[0],t:37.5}]},c:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[.8941,.9725,.9333],t:0},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[.8941,.9725,.9333],t:10},{s:[.0314,.6588,.3569],t:18.34}]}},{ty:"tr",a:{a:0,k:[0,0]},s:{a:0,k:[100,100]},sk:{a:0,k:0},p:{a:0,k:[0,0]},r:{a:0,k:0},sa:{a:0,k:0},o:{a:0,k:100}}]}],ind:12},{ty:4,nm:"Dot2",sr:1,st:-73.34,op:38.34,ip:0,hd:!1,ddd:0,bm:0,hasMask:!1,ao:0,ks:{a:{a:0,k:[-20.84317840282256,-20.385335760494883]},s:{a:0,k:[40,40,100]},sk:{a:0,k:0},p:{a:0,k:[15,19]},r:{a:0,k:-13.4},sa:{a:0,k:0},o:{a:0,k:100}},shapes:[{ty:"gr",bm:0,hd:!1,nm:"Shape 1",it:[{ty:"sh",bm:0,hd:!1,nm:"Path 1",d:1,ks:{a:0,k:{c:!1,i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[-37.5,-40.5],[-1,.5]]}}},{ty:"tm",bm:0,hd:!1,nm:"Trim Paths 1",ix:2,e:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[48],t:0},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[30],t:10},{s:[10],t:28.34}]},o:{a:0,k:0},s:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[47],t:0},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[29],t:10},{s:[9],t:28.34}]},m:1},{ty:"st",bm:0,hd:!1,nm:"Stroke 1",lc:2,lj:1,ml:4,o:{a:0,k:100},w:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[5],t:0},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[2],t:10},{s:[0],t:21.66}]},c:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[1,.898,.898],t:0},{s:[1,.4667,.2392],t:10}]}},{ty:"tr",a:{a:0,k:[0,0]},s:{a:0,k:[100,100]},sk:{a:0,k:0},p:{a:0,k:[0,0]},r:{a:0,k:0},sa:{a:0,k:0},o:{a:0,k:100}}]}],ind:13},{ty:4,nm:"Dot1",sr:1,st:-73.34,op:38.34,ip:0,hd:!1,ddd:0,bm:0,hasMask:!1,ao:0,ks:{a:{a:0,k:[-22.499999999999986,-22.499999999999986]},s:{a:0,k:[40,40,100]},sk:{a:0,k:0},p:{a:0,k:[16.000000000000007,16.000000000000007]},r:{a:0,k:0},sa:{a:0,k:0},o:{a:0,k:100}},shapes:[{ty:"gr",bm:0,hd:!1,nm:"Shape 1",it:[{ty:"sh",bm:0,hd:!1,nm:"Path 1",d:1,ks:{a:0,k:{c:!1,i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[-37.5,-40.5],[-1,.5]]}}},{ty:"tm",bm:0,hd:!1,nm:"Trim Paths 1",ix:2,e:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[45],t:0},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[20],t:10},{s:[1],t:37.5}]},o:{a:0,k:0},s:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[44],t:0},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[19],t:10},{s:[0],t:37.5}]},m:1},{ty:"st",bm:0,hd:!1,nm:"Stroke 1",lc:2,lj:1,ml:4,o:{a:0,k:100},w:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[5],t:10},{s:[0],t:37.5}]},c:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[1,.898,.898],t:0},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[1,.898,.898],t:10},{s:[1,.4667,.2392],t:18.34}]}},{ty:"tr",a:{a:0,k:[0,0]},s:{a:0,k:[100,100]},sk:{a:0,k:0},p:{a:0,k:[0,0]},r:{a:0,k:0},sa:{a:0,k:0},o:{a:0,k:100}}]}],ind:14}],v:"5.7.0",fr:50,op:50,ip:0,assets:[]};const Gi=r.div`
|
|
765
|
+
`,Yn=t=>{const i=ae.PhoneNumberUtil.getInstance(),[o,r]=c(void 0),[a,l]=c({id:"spain",esCountry:"España",enCountry:"Spain",prefix:"+34",countryCode:"ES"}),[d,s]=c(!1),{countryOptions:h,onPhoneChange:u}=t,x=e(t,["countryOptions","onPhoneChange"]);p(()=>{t.defaultValue?r(t.defaultValue):t.value&&r(t.value)},[t.value,t.defaultValue]),p(()=>{if(t.country&&h){const e=h.filter(e=>e.countryCode===t.country);e.length>0&&g(e[0])}},[t.country,h]);const g=e=>{l(e);const n=(o&&"string"==typeof o?o:t.defaultValue&&"string"==typeof t.defaultValue?t.defaultValue:"").replaceAll(/\s/g,""),r=e.prefix+n;u&&u({country:e.prefix,value:n,isValid:r.length>=6&&r.length<18&&i.isValidNumberForRegion(i.parse(r,e.countryCode),e.countryCode)})};return n(Tt,Object.assign({LeftContent:t.countryOptions?n(Wn,{children:n(Gn,{selectedItem:a,onChange:e=>g(e),id:"country",options:t.countryOptions,focus:!(!d&&!o||"secondary"!==t.design)})}):void 0},x,{onChange:e=>{r(e.target.value),t.onChange&&t.onChange(e);const n=e.target.value.replaceAll(/\s/g,""),o=a.prefix+n;u&&u({country:a.prefix,value:n,isValid:o.length>8&&o.length<18&&i.isValidNumberForRegion(i.parse(o,a.countryCode),a.countryCode)})},onFocus:e=>{s(!0),t.onFocus&&t.onFocus(e)},onBlur:e=>{s(!1),t.onBlur&&t.onBlur(e)}}))};var Un={nm:"Main Scene",ddd:0,h:50,w:50,meta:{g:"@lottiefiles/creator 1.30.0"},layers:[{ty:4,nm:"Dot14",sr:1,st:-73.34,op:38.34,ip:0,hd:!1,ddd:0,bm:0,hasMask:!1,ao:0,ks:{a:{a:0,k:[-21.1987393983936,-21.374364269352988]},s:{a:0,k:[40,40,100]},sk:{a:0,k:0},p:{a:0,k:[24.000000000000014,13.000000000000007]},r:{a:0,k:-320},sa:{a:0,k:0},o:{a:0,k:100}},shapes:[{ty:"gr",bm:0,hd:!1,nm:"Shape 1",it:[{ty:"sh",bm:0,hd:!1,nm:"Path 1",d:1,ks:{a:0,k:{c:!1,i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[-37.5,-40.5],[-1,.5]]}}},{ty:"tm",bm:0,hd:!1,nm:"Trim Paths 1",ix:2,e:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[48],t:0},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[30],t:10},{s:[10],t:28.34}]},o:{a:0,k:0},s:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[47],t:0},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[29],t:10},{s:[9],t:28.34}]},m:1},{ty:"st",bm:0,hd:!1,nm:"Stroke 1",lc:2,lj:1,ml:4,o:{a:0,k:100},w:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[5],t:0},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[2],t:10},{s:[0],t:21.66}]},c:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[1,.8353,.6392],t:0},{s:[1,.6667,.2784],t:10}]}},{ty:"tr",a:{a:0,k:[0,0]},s:{a:0,k:[100,100]},sk:{a:0,k:0},p:{a:0,k:[0,0]},r:{a:0,k:0},sa:{a:0,k:0},o:{a:0,k:100}}]}],ind:1},{ty:4,nm:"Dot13",sr:1,st:-73.34,op:38.34,ip:0,hd:!1,ddd:0,bm:0,hasMask:!1,ao:0,ks:{a:{a:0,k:[-23.11044356888314,-23.391395812338068]},s:{a:0,k:[40,40,100]},sk:{a:0,k:0},p:{a:0,k:[26.999999999999993,12]},r:{a:0,k:-306.6},sa:{a:0,k:0},o:{a:0,k:100}},shapes:[{ty:"gr",bm:0,hd:!1,nm:"Shape 1",it:[{ty:"sh",bm:0,hd:!1,nm:"Path 1",d:1,ks:{a:0,k:{c:!1,i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[-37.5,-40.5],[-1,.5]]}}},{ty:"tm",bm:0,hd:!1,nm:"Trim Paths 1",ix:2,e:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[45],t:0},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[20],t:10},{s:[1],t:37.5}]},o:{a:0,k:0},s:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[44],t:0},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[19],t:10},{s:[0],t:37.5}]},m:1},{ty:"st",bm:0,hd:!1,nm:"Stroke 1",lc:2,lj:1,ml:4,o:{a:0,k:100},w:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[5],t:10},{s:[0],t:37.5}]},c:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[1,.8353,.6392],t:0},{s:[1,.6667,.2784],t:10}]}},{ty:"tr",a:{a:0,k:[0,0]},s:{a:0,k:[100,100]},sk:{a:0,k:0},p:{a:0,k:[0,0]},r:{a:0,k:0},sa:{a:0,k:0},o:{a:0,k:100}}]}],ind:2},{ty:4,nm:"Dot12",sr:1,st:-73.34,op:38.34,ip:0,hd:!1,ddd:0,bm:0,hasMask:!1,ao:0,ks:{a:{a:0,k:[-19.397872320685465,-20.584522084089897]},s:{a:0,k:[40,40,100]},sk:{a:0,k:0},p:{a:0,k:[33,17]},r:{a:0,k:-271.7},sa:{a:0,k:0},o:{a:0,k:100}},shapes:[{ty:"gr",bm:0,hd:!1,nm:"Shape 1",it:[{ty:"sh",bm:0,hd:!1,nm:"Path 1",d:1,ks:{a:0,k:{c:!1,i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[-37.5,-40.5],[-1,.5]]}}},{ty:"tm",bm:0,hd:!1,nm:"Trim Paths 1",ix:2,e:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[48],t:0},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[30],t:10},{s:[10],t:28.34}]},o:{a:0,k:0},s:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[47],t:0},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[29],t:10},{s:[9],t:28.34}]},m:1},{ty:"st",bm:0,hd:!1,nm:"Stroke 1",lc:2,lj:1,ml:4,o:{a:0,k:100},w:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[5],t:0},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[2],t:10},{s:[0],t:21.66}]},c:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[.9176,.9725,.9804],t:0},{s:[0,.6706,.7725],t:10}]}},{ty:"tr",a:{a:0,k:[0,0]},s:{a:0,k:[100,100]},sk:{a:0,k:0},p:{a:0,k:[0,0]},r:{a:0,k:0},sa:{a:0,k:0},o:{a:0,k:100}}]}],ind:3},{ty:4,nm:"Dot11",sr:1,st:-73.34,op:38.34,ip:0,hd:!1,ddd:0,bm:0,hasMask:!1,ao:0,ks:{a:{a:0,k:[-22.713049808185005,-23.379849623359576]},s:{a:0,k:[40,40,100]},sk:{a:0,k:0},p:{a:0,k:[35.99999999999999,17.999999999999993]},r:{a:0,k:-258.3},sa:{a:0,k:0},o:{a:0,k:100}},shapes:[{ty:"gr",bm:0,hd:!1,nm:"Shape 1",it:[{ty:"sh",bm:0,hd:!1,nm:"Path 1",d:1,ks:{a:0,k:{c:!1,i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[-37.5,-40.5],[-1,.5]]}}},{ty:"tm",bm:0,hd:!1,nm:"Trim Paths 1",ix:2,e:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[45],t:0},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[20],t:10},{s:[1],t:37.5}]},o:{a:0,k:0},s:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[44],t:0},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[19],t:10},{s:[0],t:37.5}]},m:1},{ty:"st",bm:0,hd:!1,nm:"Stroke 1",lc:2,lj:1,ml:4,o:{a:0,k:100},w:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[5],t:10},{s:[0],t:37.5}]},c:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[.9176,.9725,.9804],t:0},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[.9176,.9725,.9804],t:10},{s:[0,.6706,.7725],t:18.34}]}},{ty:"tr",a:{a:0,k:[0,0]},s:{a:0,k:[100,100]},sk:{a:0,k:0},p:{a:0,k:[0,0]},r:{a:0,k:0},sa:{a:0,k:0},o:{a:0,k:100}}]}],ind:4},{ty:4,nm:"Dot10",sr:1,st:-73.34,op:38.34,ip:0,hd:!1,ddd:0,bm:0,hasMask:!1,ao:0,ks:{a:{a:0,k:[-21.26307544209449,-21.310364209553]},s:{a:0,k:[40,40,100]},sk:{a:0,k:0},p:{a:0,k:[37,26]},r:{a:0,k:-220.3},sa:{a:0,k:0},o:{a:0,k:100}},shapes:[{ty:"gr",bm:0,hd:!1,nm:"Shape 1",it:[{ty:"sh",bm:0,hd:!1,nm:"Path 1",d:1,ks:{a:0,k:{c:!1,i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[-37.5,-40.5],[-1,.5]]}}},{ty:"tm",bm:0,hd:!1,nm:"Trim Paths 1",ix:2,e:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[48],t:0},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[30],t:10},{s:[10],t:28.34}]},o:{a:0,k:0},s:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[47],t:0},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[29],t:10},{s:[9],t:28.34}]},m:1},{ty:"st",bm:0,hd:!1,nm:"Stroke 1",lc:2,lj:1,ml:4,o:{a:0,k:100},w:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[5],t:0},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[2],t:10},{s:[0],t:21.66}]},c:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[1,.898,.898],t:0},{s:[1,.4667,.2392],t:10}]}},{ty:"tr",a:{a:0,k:[0,0]},s:{a:0,k:[100,100]},sk:{a:0,k:0},p:{a:0,k:[0,0]},r:{a:0,k:0},sa:{a:0,k:0},o:{a:0,k:100}}]}],ind:5},{ty:4,nm:"Dot9",sr:1,st:-73.34,op:38.34,ip:0,hd:!1,ddd:0,bm:0,hasMask:!1,ao:0,ks:{a:{a:0,k:[-22.229578795038613,-22.49101657540558]},s:{a:0,k:[40,40,100]},sk:{a:0,k:0},p:{a:0,k:[37,28.999999999999986]},r:{a:0,k:-206.9},sa:{a:0,k:0},o:{a:0,k:100}},shapes:[{ty:"gr",bm:0,hd:!1,nm:"Shape 1",it:[{ty:"sh",bm:0,hd:!1,nm:"Path 1",d:1,ks:{a:0,k:{c:!1,i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[-37.5,-40.5],[-1,.5]]}}},{ty:"tm",bm:0,hd:!1,nm:"Trim Paths 1",ix:2,e:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[45],t:0},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[20],t:10},{s:[1],t:37.5}]},o:{a:0,k:0},s:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[44],t:0},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[19],t:10},{s:[0],t:37.5}]},m:1},{ty:"st",bm:0,hd:!1,nm:"Stroke 1",lc:2,lj:1,ml:4,o:{a:0,k:100},w:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[5],t:10},{s:[0],t:37.5}]},c:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[1,.898,.898],t:0},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[1,.898,.898],t:10},{s:[1,.4667,.2392],t:18.34}]}},{ty:"tm",bm:0,hd:!1,nm:"Trim Paths 2",ix:4,e:{a:0,k:45},o:{a:0,k:0},s:{a:0,k:44},m:1},{ty:"tr",a:{a:0,k:[0,0]},s:{a:0,k:[100,100]},sk:{a:0,k:0},p:{a:0,k:[0,0]},r:{a:0,k:0},sa:{a:0,k:0},o:{a:0,k:100}}]}],ind:6},{ty:4,nm:"Dot8",sr:1,st:-73.34,op:38.34,ip:0,hd:!1,ddd:0,bm:0,hasMask:!1,ao:0,ks:{a:{a:0,k:[-19.79541212747003,-21.404243941415274]},s:{a:0,k:[40,40,100]},sk:{a:0,k:0},p:{a:0,k:[31,35]},r:{a:0,k:-168.2},sa:{a:0,k:0},o:{a:0,k:100}},shapes:[{ty:"gr",bm:0,hd:!1,nm:"Shape 1",it:[{ty:"sh",bm:0,hd:!1,nm:"Path 1",d:1,ks:{a:0,k:{c:!1,i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[-37.5,-40.5],[-1,.5]]}}},{ty:"tm",bm:0,hd:!1,nm:"Trim Paths 1",ix:2,e:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[48],t:0},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[30],t:10},{s:[10],t:28.34}]},o:{a:0,k:0},s:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[47],t:0},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[29],t:10},{s:[9],t:28.34}]},m:1},{ty:"st",bm:0,hd:!1,nm:"Stroke 1",lc:2,lj:1,ml:4,o:{a:0,k:100},w:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[5],t:0},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[2],t:10},{s:[0],t:21.66}]},c:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[1,.8353,.6392],t:0},{s:[1,.6667,.2784],t:10}]}},{ty:"tr",a:{a:0,k:[0,0]},s:{a:0,k:[100,100]},sk:{a:0,k:0},p:{a:0,k:[0,0]},r:{a:0,k:0},sa:{a:0,k:0},o:{a:0,k:100}}]}],ind:7},{ty:4,nm:"Dot7",sr:1,st:-73.34,op:38.34,ip:0,hd:!1,ddd:0,bm:0,hasMask:!1,ao:0,ks:{a:{a:0,k:[-21.82164927161236,-22.887018658329858]},s:{a:0,k:[40,40,100]},sk:{a:0,k:0},p:{a:0,k:[28.999999999999993,37]},r:{a:0,k:-154.8},sa:{a:0,k:0},o:{a:0,k:100}},shapes:[{ty:"gr",bm:0,hd:!1,nm:"Shape 1",it:[{ty:"sh",bm:0,hd:!1,nm:"Path 1",d:1,ks:{a:0,k:{c:!1,i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[-37.5,-40.5],[-1,.5]]}}},{ty:"tm",bm:0,hd:!1,nm:"Trim Paths 1",ix:2,e:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[45],t:0},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[20],t:10},{s:[1],t:37.5}]},o:{a:0,k:0},s:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[44],t:0},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[19],t:10},{s:[0],t:37.5}]},m:1},{ty:"st",bm:0,hd:!1,nm:"Stroke 1",lc:2,lj:1,ml:4,o:{a:0,k:100},w:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[5],t:10},{s:[0],t:37.5}]},c:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[1,.8353,.6392],t:0},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[1,.8353,.6392],t:10},{s:[1,.6667,.2784],t:18.34}]}},{ty:"tr",a:{a:0,k:[0,0]},s:{a:0,k:[100,100]},sk:{a:0,k:0},p:{a:0,k:[0,0]},r:{a:0,k:0},sa:{a:0,k:0},o:{a:0,k:100}}]}],ind:8},{ty:4,nm:"Dot6",sr:1,st:-73.34,op:38.34,ip:0,hd:!1,ddd:0,bm:0,hasMask:!1,ao:0,ks:{a:{a:0,k:[-19.92540305447082,-21.42961299503294]},s:{a:0,k:[40,40,100]},sk:{a:0,k:0},p:{a:0,k:[21,36]},r:{a:0,k:-117.1},sa:{a:0,k:0},o:{a:0,k:100}},shapes:[{ty:"gr",bm:0,hd:!1,nm:"Shape 1",it:[{ty:"sh",bm:0,hd:!1,nm:"Path 1",d:1,ks:{a:0,k:{c:!1,i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[-37.5,-40.5],[-1,.5]]}}},{ty:"tm",bm:0,hd:!1,nm:"Trim Paths 1",ix:2,e:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[48],t:0},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[30],t:10},{s:[10],t:28.34}]},o:{a:0,k:0},s:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[47],t:0},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[29],t:10},{s:[9],t:28.34}]},m:1},{ty:"st",bm:0,hd:!1,nm:"Stroke 1",lc:2,lj:1,ml:4,o:{a:0,k:100},w:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[5],t:0},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[2],t:10},{s:[0],t:21.66}]},c:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[.9176,.9725,.9804],t:0},{s:[0,.6706,.7725],t:10}]}},{ty:"tm",bm:0,hd:!1,nm:"Trim Paths 2",ix:4,e:{a:0,k:30},o:{a:0,k:0},s:{a:0,k:29},m:1},{ty:"tr",a:{a:0,k:[0,0]},s:{a:0,k:[100,100]},sk:{a:0,k:0},p:{a:0,k:[0,0]},r:{a:0,k:0},sa:{a:0,k:0},o:{a:0,k:100}}]}],ind:9},{ty:4,nm:"Dot5",sr:1,st:-73.34,op:38.34,ip:0,hd:!1,ddd:0,bm:0,hasMask:!1,ao:0,ks:{a:{a:0,k:[-22.572933243786906,-23.51515861676333]},s:{a:0,k:[40,40,100]},sk:{a:0,k:0},p:{a:0,k:[17.999999999999993,35.999999999999986]},r:{a:0,k:-103.7},sa:{a:0,k:0},o:{a:0,k:100}},shapes:[{ty:"gr",bm:0,hd:!1,nm:"Shape 1",it:[{ty:"sh",bm:0,hd:!1,nm:"Path 1",d:1,ks:{a:0,k:{c:!1,i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[-37.5,-40.5],[-1,.5]]}}},{ty:"tm",bm:0,hd:!1,nm:"Trim Paths 1",ix:2,e:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[45],t:0},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[20],t:10},{s:[1],t:37.5}]},o:{a:0,k:0},s:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[44],t:0},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[19],t:10},{s:[0],t:37.5}]},m:1},{ty:"st",bm:0,hd:!1,nm:"Stroke 1",lc:2,lj:1,ml:4,o:{a:0,k:100},w:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[5],t:10},{s:[0],t:37.5}]},c:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[.9176,.9725,.9804],t:0},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[.9176,.9725,.9804],t:10},{s:[0,.6706,.7725],t:18.34}]}},{ty:"tr",a:{a:0,k:[0,0]},s:{a:0,k:[100,100]},sk:{a:0,k:0},p:{a:0,k:[0,0]},r:{a:0,k:0},sa:{a:0,k:0},o:{a:0,k:100}}]}],ind:10},{ty:4,nm:"Dot4",sr:1,st:-73.34,op:38.34,ip:0,hd:!1,ddd:0,bm:0,hasMask:!1,ao:0,ks:{a:{a:0,k:[-21.413608589302896,-21.30627530058061]},s:{a:0,k:[40,40,100]},sk:{a:0,k:0},p:{a:0,k:[14.000000000000014,30]},r:{a:0,k:-69.3},sa:{a:0,k:0},o:{a:0,k:100}},shapes:[{ty:"gr",bm:0,hd:!1,nm:"Shape 1",it:[{ty:"sh",bm:0,hd:!1,nm:"Path 1",d:1,ks:{a:0,k:{c:!1,i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[-37.5,-40.5],[-1,.5]]}}},{ty:"tm",bm:0,hd:!1,nm:"Trim Paths 1",ix:2,e:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[48],t:0},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[30],t:10},{s:[10],t:28.34}]},o:{a:0,k:0},s:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[47],t:0},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[29],t:10},{s:[9],t:28.34}]},m:1},{ty:"st",bm:0,hd:!1,nm:"Stroke 1",lc:2,lj:1,ml:4,o:{a:0,k:100},w:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[5],t:0},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[2],t:10},{s:[0],t:21.66}]},c:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[.8941,.9725,.9333],t:0},{s:[.0314,.6588,.3569],t:10}]}},{ty:"tr",a:{a:0,k:[0,0]},s:{a:0,k:[100,100]},sk:{a:0,k:0},p:{a:0,k:[0,0]},r:{a:0,k:0},sa:{a:0,k:0},o:{a:0,k:100}}]}],ind:11},{ty:4,nm:"Dot3",sr:1,st:-73.34,op:38.34,ip:0,hd:!1,ddd:0,bm:0,hasMask:!1,ao:0,ks:{a:{a:0,k:[-22.361068996417828,-24.10876590241486]},s:{a:0,k:[40,40,100]},sk:{a:0,k:0},p:{a:0,k:[12,27]},r:{a:0,k:-55.9},sa:{a:0,k:0},o:{a:0,k:100}},shapes:[{ty:"gr",bm:0,hd:!1,nm:"Shape 1",it:[{ty:"sh",bm:0,hd:!1,nm:"Path 1",d:1,ks:{a:0,k:{c:!1,i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[-37.5,-40.5],[-1,.5]]}}},{ty:"tm",bm:0,hd:!1,nm:"Trim Paths 1",ix:2,e:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[45],t:0},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[20],t:10},{s:[1],t:37.5}]},o:{a:0,k:0},s:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[44],t:0},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[19],t:10},{s:[0],t:37.5}]},m:1},{ty:"st",bm:0,hd:!1,nm:"Stroke 1",lc:2,lj:1,ml:4,o:{a:0,k:100},w:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[5],t:10},{s:[0],t:37.5}]},c:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[.8941,.9725,.9333],t:0},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[.8941,.9725,.9333],t:10},{s:[.0314,.6588,.3569],t:18.34}]}},{ty:"tr",a:{a:0,k:[0,0]},s:{a:0,k:[100,100]},sk:{a:0,k:0},p:{a:0,k:[0,0]},r:{a:0,k:0},sa:{a:0,k:0},o:{a:0,k:100}}]}],ind:12},{ty:4,nm:"Dot2",sr:1,st:-73.34,op:38.34,ip:0,hd:!1,ddd:0,bm:0,hasMask:!1,ao:0,ks:{a:{a:0,k:[-20.84317840282256,-20.385335760494883]},s:{a:0,k:[40,40,100]},sk:{a:0,k:0},p:{a:0,k:[15,19]},r:{a:0,k:-13.4},sa:{a:0,k:0},o:{a:0,k:100}},shapes:[{ty:"gr",bm:0,hd:!1,nm:"Shape 1",it:[{ty:"sh",bm:0,hd:!1,nm:"Path 1",d:1,ks:{a:0,k:{c:!1,i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[-37.5,-40.5],[-1,.5]]}}},{ty:"tm",bm:0,hd:!1,nm:"Trim Paths 1",ix:2,e:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[48],t:0},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[30],t:10},{s:[10],t:28.34}]},o:{a:0,k:0},s:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[47],t:0},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[29],t:10},{s:[9],t:28.34}]},m:1},{ty:"st",bm:0,hd:!1,nm:"Stroke 1",lc:2,lj:1,ml:4,o:{a:0,k:100},w:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[5],t:0},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[2],t:10},{s:[0],t:21.66}]},c:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[1,.898,.898],t:0},{s:[1,.4667,.2392],t:10}]}},{ty:"tr",a:{a:0,k:[0,0]},s:{a:0,k:[100,100]},sk:{a:0,k:0},p:{a:0,k:[0,0]},r:{a:0,k:0},sa:{a:0,k:0},o:{a:0,k:100}}]}],ind:13},{ty:4,nm:"Dot1",sr:1,st:-73.34,op:38.34,ip:0,hd:!1,ddd:0,bm:0,hasMask:!1,ao:0,ks:{a:{a:0,k:[-22.499999999999986,-22.499999999999986]},s:{a:0,k:[40,40,100]},sk:{a:0,k:0},p:{a:0,k:[16.000000000000007,16.000000000000007]},r:{a:0,k:0},sa:{a:0,k:0},o:{a:0,k:100}},shapes:[{ty:"gr",bm:0,hd:!1,nm:"Shape 1",it:[{ty:"sh",bm:0,hd:!1,nm:"Path 1",d:1,ks:{a:0,k:{c:!1,i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[-37.5,-40.5],[-1,.5]]}}},{ty:"tm",bm:0,hd:!1,nm:"Trim Paths 1",ix:2,e:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[45],t:0},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[20],t:10},{s:[1],t:37.5}]},o:{a:0,k:0},s:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[44],t:0},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[19],t:10},{s:[0],t:37.5}]},m:1},{ty:"st",bm:0,hd:!1,nm:"Stroke 1",lc:2,lj:1,ml:4,o:{a:0,k:100},w:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[5],t:10},{s:[0],t:37.5}]},c:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[1,.898,.898],t:0},{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[1,.898,.898],t:10},{s:[1,.4667,.2392],t:18.34}]}},{ty:"tr",a:{a:0,k:[0,0]},s:{a:0,k:[100,100]},sk:{a:0,k:0},p:{a:0,k:[0,0]},r:{a:0,k:0},sa:{a:0,k:0},o:{a:0,k:100}}]}],ind:14}],v:"5.7.0",fr:50,op:50,ip:0,assets:[]};const qn=r.div`
|
|
765
766
|
display: flex;
|
|
766
767
|
flex-direction: column;
|
|
767
768
|
position: relative;
|
|
768
769
|
width: 100%;
|
|
769
|
-
`,
|
|
770
|
+
`,Xn=r.input`
|
|
770
771
|
width: 100%;
|
|
771
772
|
-webkit-appearance: none;
|
|
772
773
|
appearance: none;
|
|
@@ -812,11 +813,11 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
812
813
|
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.08);
|
|
813
814
|
}
|
|
814
815
|
}
|
|
815
|
-
`,
|
|
816
|
+
`,Kn=r.div`
|
|
816
817
|
left: ${e=>e.$value+"px"};
|
|
817
818
|
position: absolute;
|
|
818
819
|
top: -8px;
|
|
819
|
-
`,
|
|
820
|
+
`,Jn=r.span`
|
|
820
821
|
height: 24px;
|
|
821
822
|
padding: 0 1em;
|
|
822
823
|
line-height: 24px;
|
|
@@ -844,18 +845,18 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
844
845
|
margin-left: -5px;
|
|
845
846
|
margin-top: -1px;
|
|
846
847
|
}
|
|
847
|
-
`,
|
|
848
|
+
`,Qn=r.div`
|
|
848
849
|
display: flex;
|
|
849
850
|
flex: 1;
|
|
850
851
|
flex-direction: row;
|
|
851
852
|
justify-content: space-between;
|
|
852
853
|
margin-top: 8px;
|
|
853
|
-
`,
|
|
854
|
+
`,ei=l`
|
|
854
855
|
40% { transform: rotate(0deg) }
|
|
855
856
|
60% { transform: rotate(-10deg) scale(1.2) }
|
|
856
857
|
80% { transform: rotate(10deg) scale(1.2)}
|
|
857
858
|
100% { transform: rotate(0deg) }
|
|
858
|
-
`,
|
|
859
|
+
`,ti=r.div`
|
|
859
860
|
position: absolute;
|
|
860
861
|
top: -35px;
|
|
861
862
|
gap: 12px;
|
|
@@ -863,15 +864,15 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
863
864
|
flex-direction: column;
|
|
864
865
|
align-items: center;
|
|
865
866
|
transform-origin: bottom center;
|
|
866
|
-
animation-name: ${
|
|
867
|
+
animation-name: ${ei};
|
|
867
868
|
animation-duration: 2s;
|
|
868
|
-
`,
|
|
869
|
+
`,ni=r.div`
|
|
869
870
|
width: 10px;
|
|
870
871
|
height: 10px;
|
|
871
872
|
border-radius: 44px;
|
|
872
873
|
border: 2px solid white;
|
|
873
874
|
background-color: ${e=>(e.$isSelected,e.$colorSuccess)};
|
|
874
|
-
`,
|
|
875
|
+
`,ii=r.div`
|
|
875
876
|
display: flex;
|
|
876
877
|
width: 36px;
|
|
877
878
|
height: 36px;
|
|
@@ -887,12 +888,12 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
887
888
|
&:hover {
|
|
888
889
|
transform: ${e=>"scale(1.2) "+(e.$isSelected?"translateY(-8px)":"translateY(0px)")};
|
|
889
890
|
}
|
|
890
|
-
`,
|
|
891
|
+
`,oi=r.div`
|
|
891
892
|
position: absolute;
|
|
892
893
|
top: -40px;
|
|
893
894
|
height: 100px;
|
|
894
895
|
width: 100px;
|
|
895
|
-
`,
|
|
896
|
+
`,ri=t=>{var o;const r=f(),[a,l]=c(0),[d,s]=c(t.value&&"number"==typeof t.value?t.value:t.defaultValue&&"number"==typeof t.defaultValue?t.defaultValue:0),{style:h,hideRange:u,unit:x}=t,g=e(t,["style","hideRange","unit"]);p(()=>{r.current&&l(r.current.offsetWidth)},[r.current]),p(()=>{t.value&&"number"==typeof t.value&&s(t.value)},[t.value]);return i(qn,{ref:r,style:h,children:[!u&&n(Kn,{role:"range",id:"bubbleHeight",$value:t.min&&t.max?(d-t.min)/(t.max-t.min)*a:d/100*a,children:n(Jn,{children:d})}),null===(o=t.presents)||void 0===o?void 0:o.map(e=>{const o=t.min&&t.max?(e.value-t.min)/(t.max-t.min)*a:e.value/100*a,r=d>=e.value;return i(ti,{style:{left:`calc(${o}px - 22px)`},children:[r&&n(oi,{children:n(q,{style:{height:"100%",width:"100%"},autoplay:!0,loop:!1,keepLastFrame:!0,src:Un})}),n(ii,{$colorSuccess:e.colorSuccess,$color:e.color,$isSelected:r,onClick:()=>e.onClick&&e.onClick(),children:n(e.icon,{height:20,width:20,color:r?"white":e.colorSuccess})}),n(ni,{$color:e.color,$colorSuccess:e.colorSuccess,$isSelected:r})]})}),n(Xn,Object.assign({role:"input"},g,{value:d,id:"rangeHeight",type:"range",$thumbColor:t.thumbColor,$lineColor:t.lineColor,$backgroundColor:t.backgroundColor,$backValue:t.min&&t.max?(d-t.min)/(t.max-t.min)*a:d/100*a,onChange:e=>{s(parseInt(e.target.value)),t.onChange&&t.onChange(e)}})),t.min&&t.max&&!t.hideLabels?i(Qn,{children:[i(Re,{type:"p2",style:{color:De.text.neutralMedium},children:[t.min," ",x]}),i(Re,{type:"p2",style:{color:De.text.neutralMedium},children:[t.max," ",x]})]}):null]})},ai=r.div`
|
|
896
897
|
position: relative;
|
|
897
898
|
display: flex;
|
|
898
899
|
flex-direction: column;
|
|
@@ -904,18 +905,18 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
904
905
|
::-webkit-scrollbar {
|
|
905
906
|
display: none;
|
|
906
907
|
}
|
|
907
|
-
`,
|
|
908
|
+
`,li=r.div`
|
|
908
909
|
display: flex;
|
|
909
910
|
flex-direction: row;
|
|
910
|
-
`,
|
|
911
|
+
`,di=r.div`
|
|
911
912
|
display: flex;
|
|
912
913
|
flex-direction: row;
|
|
913
914
|
gap: 8px;
|
|
914
915
|
flex: 1;
|
|
915
|
-
${
|
|
916
|
+
${d.lessThan("small")`
|
|
916
917
|
flex-direction: row;
|
|
917
918
|
`}
|
|
918
|
-
`,
|
|
919
|
+
`,si=r.div`
|
|
919
920
|
display: flex;
|
|
920
921
|
flex: 1;
|
|
921
922
|
width: 247px;
|
|
@@ -933,7 +934,7 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
933
934
|
background-color: ${De.border.primarySoft};
|
|
934
935
|
box-shadow: 0 0 0 2px ${De.border.primary};
|
|
935
936
|
}
|
|
936
|
-
`,
|
|
937
|
+
`,ci=r.input`
|
|
937
938
|
font-family: Poppins;
|
|
938
939
|
font-size: 24px;
|
|
939
940
|
font-weight: 500;
|
|
@@ -952,7 +953,7 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
952
953
|
-webkit-appearance: none;
|
|
953
954
|
margin: 0;
|
|
954
955
|
}
|
|
955
|
-
`,
|
|
956
|
+
`,pi=r.div`
|
|
956
957
|
display: flex;
|
|
957
958
|
flex: 1;
|
|
958
959
|
flex-direction: column;
|
|
@@ -968,10 +969,10 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
968
969
|
background-color: ${De.border.primarySoft};
|
|
969
970
|
box-shadow: 0 0 0 2px ${De.border.primary};
|
|
970
971
|
}
|
|
971
|
-
`,
|
|
972
|
+
`,hi=r.div`
|
|
972
973
|
display: flex;
|
|
973
974
|
margin-bottom: 6px;
|
|
974
|
-
`,
|
|
975
|
+
`,ui=r(Re)`
|
|
975
976
|
position: relative;
|
|
976
977
|
padding: 8px 12px;
|
|
977
978
|
background-color: ${De.surface.primary};
|
|
@@ -979,10 +980,10 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
979
980
|
color: white;
|
|
980
981
|
max-width: 50%;
|
|
981
982
|
text-align: center;
|
|
982
|
-
${
|
|
983
|
+
${d.lessThan("small")`
|
|
983
984
|
max-width: 100%;
|
|
984
985
|
`}
|
|
985
|
-
`,
|
|
986
|
+
`,xi=r.span`
|
|
986
987
|
&::before {
|
|
987
988
|
content: "";
|
|
988
989
|
position: absolute;
|
|
@@ -996,9 +997,9 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
996
997
|
margin-left: -8px;
|
|
997
998
|
margin-top: -1px;
|
|
998
999
|
}
|
|
999
|
-
`,
|
|
1000
|
+
`,gi=e=>{const t=k,o=x(null),r=x([]),a=x(null),[l,d]=c(void 0),[s,h]=c(""),[u,g]=c(!1),[m,f]=c(""),[y,b]=c(24);p(()=>{d(e.defaultOption)},[e.defaultOption]),p(()=>{if(e.options.length>0){const t=e.options[e.options.length-1].price.toString().length;t>5?b(16):t>4?b(18):t>3&&b(21)}},[e.options]),p(()=>{const t=e.options.findIndex(e=>e.price===l);if(-1!==t&&r.current[t]&&o.current){const e=o.current,n=r.current[t],i=e.offsetWidth,a=n.offsetWidth,l=n.offsetLeft-(i/2-a/2);e.scrollTo({left:l,behavior:"smooth"})}},[l]);return i(ai,{style:e.style,ref:o,children:[e.label&&e.labelValueConversion&&!e.options[0].data&&n(hi,{style:{justifyContent:l?0===e.options.findIndex(e=>e.price===l)?"flex-start":1===e.options.findIndex(e=>e.price===l)?"center":"flex-end":"center"},children:i(ui,{type:"c1",children:[e.label.replace("{{value}}",(e.labelValueConversion*(l||(s?parseInt(s):0))).toFixed(0)),n(xi,{$position:l?0===e.options.findIndex(e=>e.price===l)?"left":1===e.options.findIndex(e=>e.price===l)?"center":"right":"center"})]})}),n(di,{style:e.containerStyle,children:e.options.map((o,a)=>{const c=l===o.price&&0===s.length;return i(si,{ref:e=>{r.current[a]=e},$selected:c,$data:!!o.data,onClick:()=>(t=>{h(""),f(""),d(t),e.onChange&&e.onChange(t)})(o.price),children:[i(Re,{type:"h3",weight:"medium",style:{fontSize:y},children:[o.price.toLocaleString("es-ES",{useGrouping:!0}),n("span",{style:{fontSize:y-6},children:e.currency})]}),o.data&&o.data.length>0&&n("div",{style:{display:"flex",flexDirection:"column",gap:3,marginTop:12,paddingTop:12,borderTop:"1px solid "+De.border.neutralSoft},children:o.data.map((e,o)=>{const r=e.icon?t[e.icon]:t.Check;return i("div",{style:{display:"flex",gap:8},children:[n(r,{height:16,width:16,color:De.text.primary}),n(Re,{type:"c1",style:{flex:1},children:e.title})]},`column-${a}-data-${o}`)})})]},"price-option-"+a)})}),!e.hideCustomAmount&&i(pi,{$focus:u,$isSelected:s.length>0,$error:m.length>0,onClick:()=>{var e;return null===(e=a.current)||void 0===e?void 0:e.focus()},children:[i(li,{$data:!!e.options[0].data,children:[n(ci,{ref:a,style:{fontSize:y,width:s.length>0?s.length+"ch":"unset"},type:"number",value:s,placeholder:"Otra cantidad",onChange:e=>{h(e.target.value)},onFocus:e=>{g(!0),f(""),d(void 0)},onBlur:t=>{g(!1);const n=parseInt(t.target.value),i=e.options[0].price;n<i||!n?f(`La donación mínima es de ${i}${e.currency}`):(f(""),e.onChange&&e.onChange(t.target.value.length>0?n:l||0))}}),s.length>0&&n(Re,{type:"h6",weight:"medium",style:{fontSize:18,marginTop:6},children:e.currency})]}),e.customAmountData&&n("div",{style:{marginTop:12,paddingTop:12,borderTop:"1px solid "+De.border.neutralSoft},children:e.customAmountData}),m&&n(Re,{type:"p2",weight:"medium",style:{marginTop:4,color:De.text.red,textAlign:"center"},children:m})]})]})},mi=r.div`
|
|
1000
1001
|
position: relative;
|
|
1001
|
-
`,
|
|
1002
|
+
`,fi=r.div`
|
|
1002
1003
|
display: flex;
|
|
1003
1004
|
flex-direction: row;
|
|
1004
1005
|
align-items: center;
|
|
@@ -1009,7 +1010,7 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
1009
1010
|
cursor: pointer;
|
|
1010
1011
|
background-color: white;
|
|
1011
1012
|
gap: 8px;
|
|
1012
|
-
`,
|
|
1013
|
+
`,yi=r.div`
|
|
1013
1014
|
position: absolute;
|
|
1014
1015
|
top: 42px;
|
|
1015
1016
|
z-index: 1000;
|
|
@@ -1021,7 +1022,7 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
1021
1022
|
max-height: 220px;
|
|
1022
1023
|
overflow: scroll;
|
|
1023
1024
|
width: 100%;
|
|
1024
|
-
`,
|
|
1025
|
+
`,bi=r.div`
|
|
1025
1026
|
display: flex;
|
|
1026
1027
|
flex-direction: row;
|
|
1027
1028
|
align-items: center;
|
|
@@ -1031,12 +1032,12 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
1031
1032
|
&:hover {
|
|
1032
1033
|
background-color: ${Le.background.soft};
|
|
1033
1034
|
}
|
|
1034
|
-
`,
|
|
1035
|
+
`,ki=e=>{const[t,o]=c(!1),[r,a]=c(e.options&&e.options[0]);p(()=>(window.addEventListener("click",e=>l(e)),window.removeEventListener("click",()=>{})),[]),p(()=>{e.selectedItem&&a(e.selectedItem)},[e.selectedItem]);const l=t=>{const n=document.getElementById(e.id);null!==n&&(n.contains(t.target)||o(!1))};return i(mi,{children:[i(fi,{role:"select",id:e.id,style:e.style,onClick:e=>{e.stopPropagation(),o(!t)},children:[null==r?void 0:r.icon,!e.hideTitle&&n(Re,{type:"p",style:{flex:1,fontSize:14,color:e.style?e.style.color:Le.text.full},children:null==r?void 0:r.label}),n(t?M:P,{height:20,width:20})]}),t&&n(yi,{role:"menu",style:e.optionStyle,children:e.options.map((t,r)=>i(bi,{role:"cell-"+r,onClick:n=>((t,n)=>{n.stopPropagation(),a(t),o(!1),e.onChange&&e.onChange(t)})(t,n),children:[t.icon,n(Re,{type:"p",children:t.label})]},e.id+"-cell-"+r))})]})},vi=r.div`
|
|
1035
1036
|
display: flex;
|
|
1036
1037
|
align-items: center;
|
|
1037
1038
|
padding: 0px;
|
|
1038
1039
|
height: auto;
|
|
1039
|
-
`,
|
|
1040
|
+
`,wi=r.input`
|
|
1040
1041
|
height: 38px;
|
|
1041
1042
|
border-radius: 100px;
|
|
1042
1043
|
border: none;
|
|
@@ -1056,12 +1057,12 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
1056
1057
|
background: white;
|
|
1057
1058
|
cursor: text;
|
|
1058
1059
|
}
|
|
1059
|
-
`,
|
|
1060
|
+
`,Ci=r.div`
|
|
1060
1061
|
position: absolute;
|
|
1061
1062
|
display: flex;
|
|
1062
1063
|
align-items: center;
|
|
1063
1064
|
margin-left: ${e=>"secondary"===e.$design?"0px;":"16px;"};
|
|
1064
|
-
|
|
1065
|
+
`,$i=t=>{const{id:o,style:r,design:a}=t,l=e(t,["id","style","design"]);return"big"===t.type?i(vi,{id:o,role:"search-bar",style:r,children:[n(Ci,{$design:a,style:{height:24,width:24},children:n(j,{stroke:Le.text.high})}),n(wi,Object.assign({role:"input",style:{height:"48px",paddingLeft:"secondary"===a?"36px":"46px"}},l,{$design:a}))]}):i(vi,{id:o,role:"search-bar",style:r,children:[n(Ci,{$design:a,style:{height:22,width:22},children:n(j,{stroke:Le.text.high})}),n(wi,Object.assign({role:"input",style:{fontSize:16,paddingLeft:"secondary"===a?"36px":"46px"},$design:a},l))]})},Li=r.div`
|
|
1065
1066
|
display: flex;
|
|
1066
1067
|
flex-direction: row;
|
|
1067
1068
|
justify-content: center;
|
|
@@ -1070,7 +1071,7 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
1070
1071
|
width: fit-content;
|
|
1071
1072
|
height: 28px;
|
|
1072
1073
|
border-radius: 3px;
|
|
1073
|
-
`,
|
|
1074
|
+
`,_i=r.div`
|
|
1074
1075
|
display: flex;
|
|
1075
1076
|
flex-direction: column;
|
|
1076
1077
|
justify-content: center;
|
|
@@ -1079,7 +1080,7 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
1079
1080
|
width: 30px;
|
|
1080
1081
|
border-radius: 50%;
|
|
1081
1082
|
background-color: ${e=>e.disabled?Le.background.soft:Le.background.primaryLow};
|
|
1082
|
-
`,
|
|
1083
|
+
`,Fi=r.div`
|
|
1083
1084
|
display: flex;
|
|
1084
1085
|
flex-direction: row;
|
|
1085
1086
|
justify-content: center;
|
|
@@ -1090,7 +1091,7 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
1090
1091
|
top: 1082px;
|
|
1091
1092
|
border-radius: 555px;
|
|
1092
1093
|
background-color: ${e=>e.disabled?Le.background.soft:Le.background.primaryLow};
|
|
1093
|
-
`,
|
|
1094
|
+
`,Si=r.div`
|
|
1094
1095
|
display: flex;
|
|
1095
1096
|
flex-direction: row;
|
|
1096
1097
|
justify-content: center;
|
|
@@ -1102,7 +1103,7 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
1102
1103
|
opacity: ${e=>e.disabled?.6:1};
|
|
1103
1104
|
box-sizing: border-box;
|
|
1104
1105
|
border-radius: 555px;
|
|
1105
|
-
`,
|
|
1106
|
+
`,Di=t=>{var r;const a=e(t,["text"]),[l,d]=c(void 0);p(()=>{d(s())},[t.text]);const s=()=>{switch(t.text){case"inRegister":return{color:"#2D7FD9",backgroundColor:"#E5F1FC",text:"En registro"};case"registered":return{color:"#2D7FD9",backgroundColor:"#E5F1FC",text:"Registrado"};case"waiting":return{color:"#2D7FD9",backgroundColor:"#E5F1FC",text:"Pendiente de match"};case"training":return{color:"#2D7FD9",backgroundColor:"#E5F1FC",text:"Formación en proceso"};case"match":return{color:"#59C183",backgroundColor:"#E7F6ED",text:"Match"};case"shutdown":return{color:"#FF5A5A",backgroundColor:"#FCEDF1",text:"Baja"};case"banned":return{color:"#FF5A5A",backgroundColor:"#FCEDF1",text:"Bloqueado"};case"exVolunteer":return{color:"#FF5A5A",backgroundColor:"#FCEDF1",text:"Ex-voluntario"};case"paused":return{color:"#828282",backgroundColor:"#F2F2F2",text:"Pausa"};case"inProgress":case"En proceso":return{color:"#FF8854",backgroundColor:"#FFF6E5",text:"En proceso"};case"pending_remittance":return{color:"#0000008F",backgroundColor:"#F2F2F2",text:"Pendiente remesa"};case"pending":case"Pendiente":return{color:"#0000008F",backgroundColor:"#F2F2F2",text:"Pendiente"};case"canceled":return{color:Le.text.red,backgroundColor:Le.background.redLow,text:"Cancelado"};case"failed":return{color:Le.text.red,backgroundColor:Le.background.redLow,text:"Fallido"};case"cancel":return{color:Le.text.red,backgroundColor:Le.background.redLow,text:"Cancelada"};case"No resuelto":return{color:Le.text.red,backgroundColor:Le.background.redLow,text:"No resuelto"};case"done":case"Resuelto":return{color:"#448B6D",backgroundColor:"#E4F8EE",text:"Resuelto"};case"active":return{color:"#448B6D",backgroundColor:"#E4F8EE",text:"Activa"};case"paid":return{color:"#448B6D",backgroundColor:"#E4F8EE",text:"Pagado"}}};return"chip"===t.type?"big"===t.size?n(Fi,Object.assign({role:"chip"},a,{children:n(Re,{type:"p2",weight:"medium",style:{color:t.disabled?Le.text.high:Le.text.primary},children:t.text.slice(0,1).toLocaleUpperCase()+t.text.slice(1,t.text.length).toLocaleLowerCase()})})):"selector"===t.size?n(Si,Object.assign({role:"chip"},a,{children:n(Re,{type:"p2",weight:"medium",children:t.text})})):n(_i,{role:"chip",style:Object.assign(Object.assign({},t.style),{background:t.disabled?Le.background.soft:Le.background.primaryLow}),children:n(Re,{type:"p2",weight:"medium",style:{color:t.disabled?Le.text.high:Le.text.primary},children:t.text.slice(0,1).toLocaleUpperCase()+t.text.slice(1,2)})}):n(Li,Object.assign({role:"label",id:"Label"},a,{style:Object.assign({background:t.backgroundColor?t.backgroundColor:l?l.backgroundColor:Le.background.soft},t.style),children:i(o,{children:[t.icon&&n("span",{style:{display:"flex",alignItems:"center",marginRight:4},children:t.icon}),n(Re,{type:"p",style:{fontSize:(null===(r=t.style)||void 0===r?void 0:r.fontSize)?t.style.fontSize:14,fontWeight:500,color:t.color?t.color:l?l.color:Le.text.full},children:(null==l?void 0:l.text)?l.text:t.text})]})}))},zi=r.div`
|
|
1106
1107
|
width: 50px;
|
|
1107
1108
|
height: 50px;
|
|
1108
1109
|
display: flex;
|
|
@@ -1112,7 +1113,7 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
1112
1113
|
border-radius: 50%;
|
|
1113
1114
|
background-color: ${Le.background.primaryLow};
|
|
1114
1115
|
cursor: ${e=>e.$editable||e.$clickable?"pointer":"default"};
|
|
1115
|
-
`,
|
|
1116
|
+
`,Mi=r.p`
|
|
1116
1117
|
font-family: Poppins;
|
|
1117
1118
|
font-style: normal;
|
|
1118
1119
|
font-weight: 500;
|
|
@@ -1120,19 +1121,19 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
1120
1121
|
line-height: 40px;
|
|
1121
1122
|
color: ${Le.text.primary};
|
|
1122
1123
|
text-align: center;
|
|
1123
|
-
`,
|
|
1124
|
+
`,Pi=r.img`
|
|
1124
1125
|
height: 100%;
|
|
1125
1126
|
width: 100%;
|
|
1126
1127
|
object-fit: cover;
|
|
1127
1128
|
border-radius: 50%;
|
|
1128
|
-
`,
|
|
1129
|
+
`,ji=r.img`
|
|
1129
1130
|
width: 100%;
|
|
1130
1131
|
height: 100%;
|
|
1131
1132
|
object-fit: cover;
|
|
1132
|
-
`,
|
|
1133
|
+
`,Bi=e=>{var r,a,l;const d=x(null),[s,p]=c(!1),h=e=>new Promise((t,n)=>{const i=new FileReader;i.readAsDataURL(e),i.onload=()=>t(i.result),i.onerror=e=>n(e)});return i(o,{children:[n($n,{isVisible:s,onClose:()=>p(!1),contentStyle:{padding:0,backgroundColor:"black"},hideHeader:!0,children:n(ji,{src:e.icon})}),i(zi,{role:"avatar",style:e.style,$editable:e.editable,$clickable:e.clickable,onClick:()=>{var t;e.editable?null===(t=d.current)||void 0===t||t.click():e.clickable&&p(!0)},children:[n("input",{ref:d,id:"file",type:"file",accept:"image/x-png,image/gif,image/jpeg",style:{display:"none"},onChange:n=>t(void 0,void 0,void 0,function*(){if(n.target&&n.target.files&&n.target.files[0])if(n.target.files[0].name.match(/\.(jpg|jpeg|png|gif)$/)){const t=yield h(n.target.files[0]);e.onChange&&e.onChange(t)}else alert("Debes seleccionar una imagen")})}),e.icon?n(Pi,{src:e.icon}):e.name?n(Mi,{style:{color:(null===(r=e.style)||void 0===r?void 0:r.color)?null===(a=e.style)||void 0===a?void 0:a.color:Le.text.primary,fontSize:(null===(l=e.style)||void 0===l?void 0:l.fontSize)?e.style.fontSize:24,fontWeight:600},children:e.name.substring(0,1).toLocaleUpperCase()}):null]})]})},Ei=r.div`
|
|
1133
1134
|
position: relative;
|
|
1134
1135
|
width: fit-content;
|
|
1135
|
-
`,
|
|
1136
|
+
`,Oi=r.button`
|
|
1136
1137
|
position: relative;
|
|
1137
1138
|
display: flex;
|
|
1138
1139
|
flex-direction: row;
|
|
@@ -1148,7 +1149,7 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
1148
1149
|
&:hover {
|
|
1149
1150
|
background-color: ${De.surface.neutralSoft};
|
|
1150
1151
|
}
|
|
1151
|
-
`,
|
|
1152
|
+
`,Ai=r.div`
|
|
1152
1153
|
position: absolute;
|
|
1153
1154
|
display: flex;
|
|
1154
1155
|
flex-direction: column;
|
|
@@ -1175,14 +1176,14 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
1175
1176
|
z-index: 10;
|
|
1176
1177
|
overflow: hidden;
|
|
1177
1178
|
|
|
1178
|
-
${
|
|
1179
|
+
${d.lessThan("small")`
|
|
1179
1180
|
display: none;
|
|
1180
1181
|
`}
|
|
1181
|
-
`,
|
|
1182
|
+
`,Hi=r.div`
|
|
1182
1183
|
position: sticky;
|
|
1183
1184
|
bottom: 0;
|
|
1184
1185
|
z-index: 5;
|
|
1185
|
-
`,
|
|
1186
|
+
`,Vi=r.div`
|
|
1186
1187
|
display: flex;
|
|
1187
1188
|
flex-direction: row;
|
|
1188
1189
|
align-items: center;
|
|
@@ -1191,23 +1192,23 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
1191
1192
|
background-color: white;
|
|
1192
1193
|
gap: 8px;
|
|
1193
1194
|
|
|
1194
|
-
${
|
|
1195
|
+
${d.lessThan("small")`
|
|
1195
1196
|
padding: 16px 0px;
|
|
1196
1197
|
`}
|
|
1197
|
-
`,
|
|
1198
|
+
`,Ti=r.hr`
|
|
1198
1199
|
margin-top: 8px;
|
|
1199
1200
|
margin-bottom: 0px;
|
|
1200
1201
|
width: calc(100% + 2 * 24px);
|
|
1201
1202
|
margin-left: -25px;
|
|
1202
1203
|
margin-right: -16px;
|
|
1203
1204
|
border-top: 0px solid var(--border-clear-neutral-soft, rgba(0, 29, 61, 0.1));
|
|
1204
|
-
`,
|
|
1205
|
+
`,Ii=r.div`
|
|
1205
1206
|
display: flex;
|
|
1206
1207
|
flex: 1;
|
|
1207
1208
|
padding-right: 2px;
|
|
1208
1209
|
|
|
1209
1210
|
overflow-y: auto;
|
|
1210
|
-
`,
|
|
1211
|
+
`,Ni=r.div`
|
|
1211
1212
|
position: sticky;
|
|
1212
1213
|
top: 0;
|
|
1213
1214
|
display: flex;
|
|
@@ -1219,13 +1220,13 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
1219
1220
|
z-index: 5;
|
|
1220
1221
|
gap: 8px;
|
|
1221
1222
|
background-color: white;
|
|
1222
|
-
`,
|
|
1223
|
+
`,Zi=r.div`
|
|
1223
1224
|
display: flex;
|
|
1224
1225
|
align-items: center;
|
|
1225
1226
|
justify-content: center;
|
|
1226
1227
|
height: 18px;
|
|
1227
1228
|
width: 18px;
|
|
1228
|
-
`,
|
|
1229
|
+
`,Ri=e=>{const t=window.innerWidth<=450,[r,a]=c(!1),[l,d]=c(void 0),s=x(null),h=x(null);p(()=>{const e=()=>{a(!1)};return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]),p(()=>{const e=e=>{(r&&s.current&&!h.current&&!s.current.contains(e.target)||r&&h.current&&!h.current.contains(e.target))&&a(!1)};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[r]),p(()=>{r||e.onClose&&e.onClose()},[r]);const u=t=>{const n=t.target.value;d(n),e.onSearchChange&&e.onSearchChange(n)},g=()=>n(o,{children:i(Hi,{children:[n(Ti,{}),i(Vi,{children:[e.childrenBottomBar,n(ut,{design:"call-to-action",size:t?"normal":"small",onClick:()=>{a(!1),e.onRemove&&e.onRemove()},children:"Borrar"}),n(ut,{design:"primary",size:t?"normal":"small",onClick:()=>{a(!1),e.onSave&&e.onSave()},children:"Aplicar"})]})]})});return i(Ei,{id:e.id,role:"filter",style:e.style,children:[i(Oi,{role:"filter-button",$selected:!!e.label,disabled:e.disabled,style:e.buttonStyle,onClick:()=>{a(!0)},children:[n(Re,{type:"b2",weight:"medium",style:{fontWeight:500,whiteSpace:"nowrap",overflow:"hidden",overflowWrap:"break-word",textOverflow:"ellipsis"},children:e.label?e.label:e.placeholder}),e.label?n(Zi,{onClick:t=>{t.stopPropagation(),e.onRemove&&e.onRemove()},children:n(w,{height:18,width:18,color:e.disabled?Le.text.low:"black"})}):n(Zi,{children:n(P,{height:18,width:18,color:e.disabled?Le.text.low:Le.text.high})})]}),n($n,{type:"full-screen",isVisible:r&&t,onClose:()=>{a(!1)},hideClose:!0,children:i("div",{ref:h,children:[i(Ni,{$hideSearchBar:!!e.hideSearchBar&&e.hideSearchBar,children:[!e.hideSearchBar&&n($i,{defaultValue:l,style:{flex:1},placeholder:"Buscar",design:"primary",onChange:u}),n(ut,{design:"call-to-action",size:"small",style:{color:De.text.neutralHard},onClick:()=>{a(!1)},children:"Cancelar"})]}),n(Ii,{style:{flex:1,overflowY:"auto"},children:e.children}),g()]})}),!t&&r&&i(Ai,{style:e.menuStyle,ref:s,$position:e.position,children:[!e.hideSearchBar&&n($i,{defaultValue:l,style:{borderBottom:"1px solid "+De.border.neutralSoft,marginBottom:8},placeholder:"Buscar",design:"secondary",onChange:u}),n(Ii,{children:e.children}),g()]})]})},Gi=r.button`
|
|
1229
1230
|
display: flex;
|
|
1230
1231
|
align-items: center;
|
|
1231
1232
|
flex-direction: row;
|
|
@@ -1237,7 +1238,7 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
1237
1238
|
opacity: ${e=>e.disabled?.5:1};
|
|
1238
1239
|
width: 100%;
|
|
1239
1240
|
gap: 12px;
|
|
1240
|
-
`,
|
|
1241
|
+
`,Wi=r.div`
|
|
1241
1242
|
display: flex;
|
|
1242
1243
|
align-items: center;
|
|
1243
1244
|
justify-content: center;
|
|
@@ -1265,13 +1266,13 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
1265
1266
|
background-color: ${e=>e.$selected?e.$error?Le.status.color.error:Le.background.primary:e.$error?Le.status.color.errorDefault:"#FFFFFF"};
|
|
1266
1267
|
border: ${e=>e.$selected?"1px solid "+(e.$error?Le.status.color.error:Le.background.primary):"1px solid rgba(0, 29, 61, 0.24)"};
|
|
1267
1268
|
}
|
|
1268
|
-
`,
|
|
1269
|
+
`,Yi=r.div`
|
|
1269
1270
|
display: flex;
|
|
1270
1271
|
align-items: center;
|
|
1271
1272
|
flex-grow: 1;
|
|
1272
1273
|
line-height: 24px;
|
|
1273
1274
|
text-align: left;
|
|
1274
|
-
`,
|
|
1275
|
+
`,Ui=t=>{var{position:o="left",error:r,sublabel:a,selected:l=!1,avatarEnabled:d,shape:s="square"}=t,h=e(t,["position","error","sublabel","selected","avatarEnabled","shape"]);const[u,x]=c(l);p(()=>{x(l)},[l]);return i(Gi,Object.assign({"data-testid":"checkbox",onClick:e=>{x(!u),h.onClick&&h.onClick(e)}},h,{children:["left"===o&&n(Wi,{$shape:s,$selected:l,$error:r,$height:h.height,$width:h.width,children:l&&n(q,{style:{height:18,width:18},autoplay:!0,loop:!1,keepLastFrame:!0,src:Xe,onEvent:e=>{}})}),i(Yi,{children:[d&&n(Bi,{name:h.label||"",style:{height:32,width:32,marginRight:8,fontSize:15}}),i("div",{children:[h.children&&h.children,h.label&&n(Re,{type:"p",children:h.label}),a&&n(Re,{type:"p",style:{fontSize:12},children:a})]})]}),"right"===o&&n(Wi,{$shape:s,$selected:l,$error:r,$height:h.height,$width:h.width,children:l&&n(q,{style:{height:18,width:18},autoplay:!0,loop:!1,keepLastFrame:!0,src:Xe,onEvent:e=>{}})})]}))},qi=r.div``,Xi=e=>{const[t,i]=c([]),[o,r]=c(!1),[a,l]=c(window.innerWidth<768);p(()=>{e.selectedOptions&&i(e.selectedOptions);const t=()=>{l(window.innerWidth<768)};return window.addEventListener("resize",t),()=>{window.removeEventListener("resize",t)}},[e.selectedOptions]);return n(qi,{role:"checkboxlist",style:e.style,children:n("div",{style:{paddingBottom:"2px"},children:e.options.map((l,d)=>{const s=t.some(e=>e.id===l.id);return n(Ui,{role:"checkbox-"+d,style:Object.assign({marginRight:"16px",marginBottom:"16px",padding:a?"4px 1px":"0px"},e.elementStyle),label:l.label,sublabel:l.sublabel,error:l.error,selected:s,height:e.height,shape:e.shape,width:e.width,position:e.position,avatarEnabled:e.avatarEnabled,onClick:()=>(n=>{const a=t.findIndex(e=>n.id===e.id),l="single"===e.type?[n]:-1===a?[...t,n]:t.filter((e,t)=>t!==a);i(l),r(!o),e.onChange&&e.onChange(l)})(l),children:l.Element},l.id)})})})},Ki=u((t,i)=>{var{type:o,options:r,selectedOptions:a,onChange:l}=t,d=e(t,["type","options","selectedOptions","onChange"]);const s=window.innerWidth<=450,[h,u]=c([]),[x,m]=c(r),[f,y]=c(void 0),[b,k]=c(void 0);g(i,()=>({clean(){w()}})),p(()=>{y(new de(r,{keys:["label","id"]})),m(r)},[r]),p(()=>{u(a||[]),v(a||[])},[a]);const v=e=>{if("single"===o&&e.length>0){const t=e[0];if(t.label)k(t.label);else{const e=r.find(e=>e.id===t.id);k(e?e.label:"1 seleccionado")}}else"multiple"===o&&e.length>0&&k(`${e.length} seleccionados`)},w=()=>{k(void 0),u([]),l&&l([])};return n(Ri,Object.assign({},d,{label:b,childrenBottomBar:"multiple"===o&&!s&&n(ut,{design:"call-to-action",size:s?"normal":"small",onClick:()=>{u(r)},children:"Seleccionar todo"}),onSave:()=>{v(h),l&&l(h)},onRemove:w,onSearchChange:e=>{if(e&&f){const t=f.search(e).map(e=>e.item);m(t)}else m(r)},onClose:()=>{m(r)},children:n(Xi,{style:{width:"100%"},options:x,selectedOptions:h,type:o,shape:d.shape,height:s?22:18,width:s?22:18,position:s?"right":"left",onChange:e=>{u(e)}})}))});dn(".DayPicker{\n border-radius: 0px;\n box-shadow: none;\n font-family: Poppins;\n overflow: hidden;\n}\n\n.DayPicker__horizontal,\n.DayPicker_focusRegion,\n.DayPicker_weekHeaders,\n.DayPicker_transitionContainer,\n.CalendarMonthGrid,\n.CalendarMonthGrid__horizontal,\n.CalendarMonthGrid_month__horizontal {\n overflow: hidden !important;\n}\n\n.DayPicker_weekHeaders {\n margin-left: 9px !important;\n}\n\n.DayPicker_transitionContainer__horizontal {\n height: 320px !important;\n}\n\n.DayPickerNavigation__horizontal {\n height: 0;\n}\n\n.CalendarMonthGrid__horizontal {\n left: 9px !important;\n}\n\n.CalendarMonthGrid_month__horizontal {\n padding: 0 12px 0 0;\n}\n\n.CalendarMonthGrid_month__horizontal:last-child {\n padding-right: 0;\n}\n\n.DayPickerNavigation_leftButton__horizontalDefault {\n left: 0px !important;\n}\n\n.DayPickerNavigation_rightButton__horizontalDefault {\n right: 0px !important;\n}\n\n.DayPickerNavigation_button__horizontalDefault {\n width: 28px;\n height: 28px;\n border: 1px solid #d7dee7;\n border-radius: 8px;\n background: #ffffff;\n box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);\n display: flex;\n align-items: center;\n justify-content: center;\n margin-top: 2px;\n}\n\n.DayPickerNavigation_button__default:focus,\n.DayPickerNavigation_button__default:hover {\n border: 1px solid #cdd8e5;\n background: #f8fbff;\n}\n\n.DayPickerNavigation_svg__horizontal {\n width: 20px;\n height: 20px;\n fill: #6b7280;\n}\n\n.CalendarMonth_caption {\n padding-top: 24px;\n padding-bottom: 28px;\n padding-left: 59px;\n padding-right: 84px;\n}\n\n.DayPickerKeyboardShortcuts_show__bottomRight{\n display: none;\n}\n\n.CalendarMonth{\n padding: 0px !important;\n}\n\n.filter-date__month-selector {\n display: flex;\n gap: 6px;\n align-items: center;\n justify-content: center;\n width: fit-content;\n margin: 0 auto;\n padding: 0;\n transform: translateX(-8px);\n}\n\n.filter-date__select {\n height: 34px;\n min-width: 84px;\n padding: 0 10px;\n border: 1px solid #d7dee7;\n border-radius: 10px;\n background-color: #ffffff;\n color: #202938;\n font-family: Poppins;\n font-size: 14px;\n font-weight: 500;\n box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);\n appearance: none;\n -webkit-appearance: none;\n background-image:\n linear-gradient(45deg, transparent 50%, #4b5563 50%),\n linear-gradient(135deg, #4b5563 50%, transparent 50%);\n background-position:\n calc(100% - 18px) calc(50% - 2px),\n calc(100% - 12px) calc(50% - 2px);\n background-size: 6px 6px, 6px 6px;\n background-repeat: no-repeat;\n cursor: pointer;\n margin-top: -4px;\n}\n\n.filter-date__select--month {\n width: 110px;\n}\n\n.filter-date__select:focus {\n outline: none;\n border-color: #1e88f7;\n box-shadow: 0 0 0 3px rgba(30, 136, 247, 0.15);\n}\n\n@media (max-width: 450px) {\n .DayPickerNavigation_leftButton__horizontalDefault {\n left: 8px !important;\n }\n\n .DayPickerNavigation_rightButton__horizontalDefault {\n right: 8px !important;\n }\n\n .CalendarMonth_caption {\n padding-left: 64px;\n padding-right: 64px;\n }\n\n .filter-date__month-selector {\n width: fit-content;\n transform: translateX(-4px);\n }\n\n .CalendarMonthGrid_month__horizontal {\n padding-right: 0;\n }\n}\n");const Ji=Array.from({length:201},(e,t)=>String(1900+t)),Qi=X.months().map((e,t)=>({label:e,value:String(t)})),eo=u((t,o)=>{var{position:r,selectedOptions:a,onChange:l}=t,d=e(t,["position","selectedOptions","onChange"]);const s=window.innerWidth<=450,h=window.innerWidth<=400,[u,m]=c(void 0),[f,y]=c(null),[b,k]=c(null),[v,w]=c("startDate"),C=x(!0),$=e=>{if(e)return y(e.startDate),k(e.endDate),void L(e.startDate||void 0,e.endDate||void 0);y(null),k(null),m("")};g(o,()=>({clean(){_()}})),p(()=>{$(a),C.current=!0},[a]);const L=(e,t)=>{let n="";e&&(n=e.format("D MMM YY")),t&&(n+=` - ${t.format("D MMM YY")}`),m(n)},_=()=>{k(null),y(null),w("startDate"),m(void 0),l&&l({startDate:null,endDate:null})};return n(Ri,Object.assign({},d,{label:u,hideSearchBar:!0,buttonStyle:{maxWidth:280},menuStyle:{width:"fit-content",maxHeight:"unset"},position:r,onClose:()=>{C.current&&$(a)},onSave:()=>{C.current=!1;const e={startDate:f?f.startOf("date"):null,endDate:b?b.endOf("date"):null};console.log("FilterDate onChange",e),L(f||void 0,b||void 0),l&&l(e)},onRemove:_,children:n(J,{startDate:f,endDate:b,onDatesChange:({startDate:e,endDate:t})=>{y(e),k(t),L(e||void 0,t||void 0),!e||t?e||w("startDate"):w("endDate")},daySize:h?35:s?48:void 0,focusedInput:v,numberOfMonths:1,noBorder:!0,onFocusChange:e=>w(e),initialVisibleMonth:()=>{var e,t;return null!==(t=null!==(e=null==f?void 0:f.clone())&&void 0!==e?e:null==b?void 0:b.clone())&&void 0!==t?t:X()},renderMonthElement:({month:e,onMonthSelect:t,onYearSelect:o})=>i("div",{className:"filter-date__month-selector",children:[n("select",{"aria-label":"Seleccionar mes",className:"filter-date__select filter-date__select--month",value:String(e.month()),onChange:n=>t(e,n.target.value),children:Qi.map(e=>n("option",{value:e.value,children:e.label},e.value))}),n("select",{"aria-label":"Seleccionar año",className:"filter-date__select",value:String(e.year()),onChange:t=>o(e,t.target.value),children:Ji.map(e=>n("option",{value:e,children:e},e))})]})})}))}),to=u((t,i)=>{var{selectedOptions:o,min:r,max:a,unit:l,onChange:d}=t,s=e(t,["selectedOptions","min","max","unit","onChange"]);const h=window.innerWidth<=450,[u,x]=c(void 0),[m,f]=c(0),[y,b]=c(void 0);g(i,()=>({clean(){k()}})),p(()=>{o?(f(o),x(`${o.toString()} ${l||""}`)):(f(0),x(void 0))},[o]);const k=()=>{f(0),b(void 0),x(void 0),d&&d(void 0)};return n(Ri,Object.assign({},s,{label:u,hideSearchBar:!0,onSave:()=>{y&&(x(`${y.toString()} ${l||""}`),f(y),d&&d(y))},onRemove:k,children:n(ri,{style:{width:"100%",margin:h?"20px 0px":20,marginTop:40},min:r,max:a,unit:l,defaultValue:m,onChange:e=>{const t=e.target.value?Number(e.target.value):void 0;b(t)}})}))}),no=u((e,t)=>"date"===e.type?n(eo,Object.assign({ref:t},e)):"ratio"===e.type?n(to,Object.assign({ref:t},e)):n(Ki,Object.assign({ref:t},e))),io=r.div`
|
|
1275
1276
|
display: flex;
|
|
1276
1277
|
flex: 1;
|
|
1277
1278
|
flex-direction: row;
|
|
@@ -1282,12 +1283,12 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
1282
1283
|
background: ${Le.background.soft};
|
|
1283
1284
|
border-radius: 6px;
|
|
1284
1285
|
position: relative;
|
|
1285
|
-
`,
|
|
1286
|
+
`,oo=r.div`
|
|
1286
1287
|
display: flex;
|
|
1287
1288
|
flex: 1;
|
|
1288
1289
|
justify-content: space-between;
|
|
1289
1290
|
cursor: pointer;
|
|
1290
|
-
`,
|
|
1291
|
+
`,ro=r.div`
|
|
1291
1292
|
display: flex;
|
|
1292
1293
|
flex-direction: column;
|
|
1293
1294
|
align-items: flex-start;
|
|
@@ -1305,7 +1306,7 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
1305
1306
|
overflow: hidden;
|
|
1306
1307
|
overflow-y: auto;
|
|
1307
1308
|
z-index: 2;
|
|
1308
|
-
`,
|
|
1309
|
+
`,ao=r.div`
|
|
1309
1310
|
display: flex;
|
|
1310
1311
|
flex-direction: row;
|
|
1311
1312
|
align-items: center;
|
|
@@ -1322,10 +1323,10 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
1322
1323
|
&:hover {
|
|
1323
1324
|
background-color: ${Le.status.neutral.hover};
|
|
1324
1325
|
}
|
|
1325
|
-
`,
|
|
1326
|
+
`,lo=r.div`
|
|
1326
1327
|
height: 16px;
|
|
1327
1328
|
width: 16px;
|
|
1328
|
-
`,
|
|
1329
|
+
`,so=r.div`
|
|
1329
1330
|
display: flex;
|
|
1330
1331
|
align-items: center;
|
|
1331
1332
|
justify-content: center;
|
|
@@ -1336,7 +1337,7 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
1336
1337
|
background-color: ${e=>e.$selected?Le.background.primary:Le.background.primaryLow};
|
|
1337
1338
|
border: ${e=>e.$selected?"1px solid "+Le.background.primary:"1px solid "+Le.line.primarySoft};
|
|
1338
1339
|
border-radius: 4px;
|
|
1339
|
-
`,
|
|
1340
|
+
`,co=e=>{const[t,o]=c(!1),[r,a]=c(e.selectedOptions||[]),[l,d]=c(!1);p(()=>{if(Array.isArray(e.selectedOptions)&&e.selectedOptions.length>0){const t=[];e.options.forEach(n=>{e.selectedOptions&&e.selectedOptions.some(e=>e.id===n.id)&&t.push(n)}),a(t)}else a([])},[e.selectedOptions,e.options]),p(()=>{const n=n=>{const i=document.getElementById(e.id);null!==i&&!i.contains(n.target)&&t&&s(n)};return document.addEventListener("mousedown",n),()=>{document.removeEventListener("mousedown",n)}},[t,e.id]);const s=e=>{e.stopPropagation(),o(!1)};return i(io,{role:"dropdown",style:e.style,id:e.id,children:[i(oo,{onClick:()=>o(!t),children:[n(Re,{type:"p",style:{overflow:"hidden",textOverflow:"ellipsis",display:"-webkit-box",WebkitLineClamp:1,WebkitBoxOrient:"vertical",color:r.length>0?De.text.neutralHard:De.text.neutralMedium},children:r.length>0?r.map((e,t)=>0===t?e.title:", "+e.title):e.placeholder}),n(t?M:P,{style:{stroke:Le.text.high}})]}),t&&i(ro,{"data-testid":"menu",$position:e.menuPosition,style:e.menuStyle,children:[e.onSearchChange&&n($i,{style:{marginBottom:8},type:"small",placeholder:"Buscar",onChange:t=>{e.onSearchChange&&e.onSearchChange(t.target.value)}}),e.options.map(s=>{const c=r.some(e=>e.id===s.id);return i(ao,{style:e.optionStyle,onClick:()=>(n=>{if("single"===e.type)a([n]),o(!t),e.onChange&&e.onChange([n]);else{const t=r.findIndex(e=>n.id===e.id);let i=[...r];-1===t?i.push(n):i.splice(t,1),a(i),d(!l),e.onChange&&e.onChange(i)}})(s),children:[n(lo,{children:"single"===e.type?c&&n(v,{height:16,width:16}):n(so,{$selected:c,children:c&&n(v,{height:16,width:16,color:"white"})})}),s.icon,n(Re,{type:"p",style:{color:`${Le.text.full}`},children:s.title})]},s.id)})]})]})},po=r.div``,ho=r.textarea`
|
|
1340
1341
|
display: flex;
|
|
1341
1342
|
flex-direction: row;
|
|
1342
1343
|
align-items: flex-start;
|
|
@@ -1391,25 +1392,25 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
1391
1392
|
border-radius: 9999px;
|
|
1392
1393
|
background-color: #e0e0e0;
|
|
1393
1394
|
}
|
|
1394
|
-
`,
|
|
1395
|
+
`,uo=e=>{const[t,o]=c(e.maxLength?e.maxLength:0);p(()=>{e.maxLength&&o(e.maxLength)},[e.maxLength]);return i(po,{role:"text-area",children:[n(ho,{defaultValue:e.defaultValue,name:e.name,maxLength:e.maxLength,onKeyDown:t=>{e.maxLength&&t.currentTarget.value.length>=e.maxLength&&"Backspace"!==t.key&&"Delete"!==t.key&&t.preventDefault()},onChange:(t,n)=>{let i;if(t)i=t;else if(n){const t=ce(se(n.getCurrentContent()));i={target:{name:e.name,value:t}}}i&&(e.maxLength&&i.target.value.length>e.maxLength||(e.maxLength&&o(i.target.value.length),e.onChange&&e.onChange(i)))},"data-testid":"text_area",style:e.style,$design:e.design,placeholder:e.placeholder}),e.maxLength&&i(Re,{type:"h3",weight:"semibold",style:{color:"var(--text-clear-neutral-medium, rgba(0, 29, 61, 0.56)",fontFeatureSettings:"'liga' off, 'clig' off",fontFamily:"Poppins",fontSize:"13px",fontStyle:"normal",fontWeight:400,textAlign:"right",lineHeight:"20px",marginLeft:"16px",marginTop:"8px"},children:[t,"/",e.maxLength," caracteres"]})]})};dn('/* Basic editor styles */\n.tiptap {\n\tfont-family: "Poppins", sans-serif;\n\tfont-size: 15px;\n\tbackground-color: white;\n\tborder: 0px;\n\toutline: 0px;\n\tpadding: 16px 24px;\n\n\t:focus {\n\t\toutline: none !important;\n\t}\n\t:first-child {\n\t\tmargin-top: 0;\n\t}\n\n\t/* Heading styles */\n\th1 {\n\t\tfont-size: 1.4rem;\n\t}\n\n\th2 {\n\t\tfont-size: 1.2rem;\n\t}\n\n\th3 {\n\t\tfont-size: 1.1rem;\n\t}\n}\n\n.toolbar {\n\t.is-active {\n\t\tbackground-color: #f0f3f6;\n\t}\n}\n');const xo=r.div`
|
|
1395
1396
|
position: relative;
|
|
1396
1397
|
border-radius: 12px;
|
|
1397
1398
|
overflow: hidden;
|
|
1398
|
-
`,
|
|
1399
|
+
`,go=r.div`
|
|
1399
1400
|
overflow: scroll;
|
|
1400
1401
|
height: calc(100% - 63px);
|
|
1401
1402
|
cursor: text;
|
|
1402
|
-
`,
|
|
1403
|
+
`,mo=r.div`
|
|
1403
1404
|
padding: 16px 18px 8px;
|
|
1404
1405
|
border-bottom: 1px solid ${De.border.neutralSoft};
|
|
1405
1406
|
background-color: white;
|
|
1406
|
-
`,
|
|
1407
|
+
`,fo=r.div`
|
|
1407
1408
|
display: flex;
|
|
1408
1409
|
flex-direction: row;
|
|
1409
1410
|
gap: 8px;
|
|
1410
|
-
`,
|
|
1411
|
+
`,yo=r.div`
|
|
1411
1412
|
position: relative;
|
|
1412
|
-
`,
|
|
1413
|
+
`,bo=r.div`
|
|
1413
1414
|
display: flex;
|
|
1414
1415
|
align-items: center;
|
|
1415
1416
|
justify-content: center;
|
|
@@ -1418,7 +1419,7 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
1418
1419
|
right: 16px;
|
|
1419
1420
|
z-index: 10;
|
|
1420
1421
|
height: 100%;
|
|
1421
|
-
`,
|
|
1422
|
+
`,ko=r.button`
|
|
1422
1423
|
cursor: pointer;
|
|
1423
1424
|
background: none;
|
|
1424
1425
|
border: none;
|
|
@@ -1428,13 +1429,13 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
1428
1429
|
&:hover {
|
|
1429
1430
|
background-color: ${De.surface.neutralSoft};
|
|
1430
1431
|
}
|
|
1431
|
-
`;function
|
|
1432
|
+
`;function vo({editor:e}){const t=xe({editor:e,selector:e=>{var t,n,i,o,r,a,l,d,s,c,p,h,u;return{isBold:null!==(t=e.editor.isActive("bold"))&&void 0!==t&&t,canBold:null!==(n=e.editor.can().chain().toggleBold().run())&&void 0!==n&&n,isItalic:null!==(i=e.editor.isActive("italic"))&&void 0!==i&&i,canItalic:null!==(o=e.editor.can().chain().toggleItalic().run())&&void 0!==o&&o,isUnderline:null!==(r=e.editor.isActive("underline"))&&void 0!==r&&r,canUnderline:null!==(a=e.editor.can().chain().toggleUnderline().run())&&void 0!==a&&a,canClearMarks:null!==(l=e.editor.can().chain().unsetAllMarks().run())&&void 0!==l&&l,isParagraph:null!==(d=e.editor.isActive("paragraph"))&&void 0!==d&&d,isHeading1:null!==(s=e.editor.isActive("heading",{level:1}))&&void 0!==s&&s,isHeading2:null!==(c=e.editor.isActive("heading",{level:2}))&&void 0!==c&&c,isAlignLeft:null!==(p=e.editor.isActive({textAlign:"left"}))&&void 0!==p&&p,isAlignCenter:null!==(h=e.editor.isActive({textAlign:"center"}))&&void 0!==h&&h,isAlignRight:null!==(u=e.editor.isActive({textAlign:"right"}))&&void 0!==u&&u}}});return n(mo,{children:i(fo,{className:"toolbar",children:[n(ki,{id:"select-text-type",selectedItem:{icon:t.isHeading1?n(B,{}):t.isHeading2?n(E,{}):n(O,{}),label:t.isHeading1?"Título":t.isHeading2?"Subtítlo":"Párrafo"},options:[{icon:n(B,{}),label:"Título"},{icon:n(E,{}),label:"Subtítlo"},{icon:n(O,{}),label:"Párrafo"}],onChange:t=>{"Título"===t.label?e.chain().focus().toggleHeading({level:1}).run():"Subtítlo"===t.label?e.chain().focus().toggleHeading({level:2}).run():e.chain().focus().setParagraph().run()}}),n(ko,{onClick:()=>e.chain().focus().toggleBold().run(),disabled:!t.canBold,className:t.isBold?"is-active":"",children:n(A,{height:20,width:20,color:De.text.neutralHard})}),n(ko,{onClick:()=>e.chain().focus().toggleItalic().run(),disabled:!t.canItalic,className:t.isItalic?"is-active":"",children:n(H,{height:20,width:20,color:De.text.neutralHard})}),n(ko,{onClick:()=>e.chain().focus().toggleUnderline().run(),disabled:!t.canUnderline,className:t.isUnderline?"is-active":"",children:n(V,{height:20,width:20,color:De.text.neutralHard})}),n(ko,{onClick:()=>e.chain().setTextAlign("left").run(),className:t.isAlignLeft?"is-active":"",children:n(T,{height:20,width:20,color:De.text.neutralHard})}),n(ko,{onClick:()=>e.chain().setTextAlign("center").run(),className:t.isAlignCenter?"is-active":"",children:n(I,{height:20,width:20,color:De.text.neutralHard})}),n(ko,{onClick:()=>e.chain().setTextAlign("right").run(),className:t.isAlignRight?"is-active":"",children:n(N,{height:20,width:20,color:De.text.neutralHard})})]})})}const wo=e=>{const t=he({extensions:[pe,me,ge.configure({types:["heading","paragraph"]}),fe.configure({placeholder:e.placeholder})],content:e.value||"",onUpdate:({editor:t})=>{e.onChange&&e.onChange(t.getHTML())}});return i(xo,{role:"text-area",style:e.style,children:[i(yo,{children:[e.ToolbarButton&&n(bo,{children:e.ToolbarButton}),n(vo,{editor:t})]}),n(go,{onClick:()=>t.commands.focus(),children:n(ue,{editor:t})})]})},Co=e=>"default"===e.type?n(uo,Object.assign({},e)):"edit"===e.type?n(wo,Object.assign({},e)):null,$o=r.div`
|
|
1432
1433
|
margin: 24px 0;
|
|
1433
1434
|
display: flex;
|
|
1434
1435
|
cursor: pointer;
|
|
1435
1436
|
user-select: none;
|
|
1436
1437
|
align-items: center;
|
|
1437
|
-
`,
|
|
1438
|
+
`,Lo=r.div`
|
|
1438
1439
|
width: 18px;
|
|
1439
1440
|
height: 18px;
|
|
1440
1441
|
min-width: 18px;
|
|
@@ -1445,24 +1446,24 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
1445
1446
|
align-items: center;
|
|
1446
1447
|
margin-right: 12px;
|
|
1447
1448
|
transition: all 0.1s linear;
|
|
1448
|
-
`,
|
|
1449
|
+
`,_o=r.div`
|
|
1449
1450
|
width: 10px;
|
|
1450
1451
|
height: 10px;
|
|
1451
1452
|
border-radius: 50%;
|
|
1452
1453
|
transition: all 0.1s linear;
|
|
1453
|
-
|
|
1454
|
+
`,Fo=e=>{const[t,o]=c(e.selected);p(()=>{o(e.selected)},[e.selected]);return i($o,{role:e.id,style:e.style,onClick:n=>{o(!t),e.onClick&&e.onClick(n)},children:[n(Lo,{style:{border:e.disabled?`2px solid ${Le.line.soft}`:` 2px solid ${Le.background.primary}`},children:n(_o,{style:{background:t?`${Le.background.primary}`:"white"}})}),n(Re,{type:"p",style:{color:`${Le.text.high}`},children:e.children})]})},So=r.div``,Do=e=>{const[t,i]=c(e.options.filter(e=>e.selected)),[o,r]=c(!1);return n(So,{style:e.style,role:"radiobuttonlist",children:e.options.map((a,l)=>{const d=t.some(e=>e.id===a.id);return n(Fo,{id:a.id,style:e.cellStyle,children:a.children,selected:d,onClick:()=>(n=>{const a=t.findIndex(e=>n.id===e.id);let l=t;"single"===e.type?l=[n]:-1===a?l.push(n):l.splice(a,1),i(l),r(!o),e.onChange&&e.onChange(l)})(a)},a.id+"-"+l)})})},zo=r.div`
|
|
1454
1455
|
display: flex;
|
|
1455
1456
|
flex: 1;
|
|
1456
1457
|
flex-wrap: wrap;
|
|
1457
1458
|
justify-content: space-around;
|
|
1458
|
-
`,
|
|
1459
|
+
`,Mo=r.div`
|
|
1459
1460
|
display: flex;
|
|
1460
1461
|
flex-direction: column;
|
|
1461
1462
|
width: 100px;
|
|
1462
1463
|
padding: 0px;
|
|
1463
1464
|
align-items: center;
|
|
1464
1465
|
cursor: ${e=>e.$disabled?"default":"pointer"};
|
|
1465
|
-
`,
|
|
1466
|
+
`,Po=r.div`
|
|
1466
1467
|
display: flex;
|
|
1467
1468
|
flex-direction: column;
|
|
1468
1469
|
align-items: center;
|
|
@@ -1486,30 +1487,30 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
1486
1487
|
transform: ${e=>e.$disabled?"none":"scale(0.95)"};
|
|
1487
1488
|
transition: background-color 1.2s ease-out;
|
|
1488
1489
|
}
|
|
1489
|
-
`,
|
|
1490
|
+
`,jo=r.div`
|
|
1490
1491
|
display: flex;
|
|
1491
1492
|
flex: 1;
|
|
1492
1493
|
flex-direction: column;
|
|
1493
1494
|
margin-top: 4px;
|
|
1494
|
-
`,
|
|
1495
|
+
`,Bo=e=>{const[t,o]=c(e.selectedOptions?e.selectedOptions:[]);p(()=>{o(e.selectedOptions?e.selectedOptions:[])},[e.selectedOptions]);return n(zo,{style:e.style,role:"container",children:e.options.map((r,a)=>{const l=!!t&&t.some(e=>r.id===e.id);return i(Mo,{role:"cell"+a,onClick:()=>{r.disabled||(n=>{if("multiple"===e.type){const i=t.findIndex(e=>e.id===n.id),r=[...t];-1===i?r.push(n):r.splice(i,1),o(r),e.onClick&&e.onClick(n),e.onChange&&e.onChange(r)}else o([n]),e.onClick&&e.onClick(n),e.onChange&&e.onChange([n])})(r)},$disabled:r.disabled,children:[i(Po,{$selected:l,style:e.cellStyle,$disabled:r.disabled,$design:e.design||"design1",children:[r.icon,n(Re,{type:"p2",weight:"medium",style:{color:"var(--text-clear-neutral-hard, rgba(0, 29, 61, 0.92)",fontFeatureSettings:"'liga' off, 'clig' off",fontFamily:"Poppins",fontSize:"14px",fontStyle:"normal",fontWeight:500,lineHeight:"22px",textAlign:"center"},children:r.title})]}),n(jo,{children:r.subtitle&&n(Re,{type:"p",style:{fontSize:14,marginTop:2,textAlign:"center"},children:r.subtitle})})]},"cell"+a)})})},Eo=r.div`
|
|
1495
1496
|
display: flex;
|
|
1496
1497
|
flex-direction: row;
|
|
1497
1498
|
height: 36px;
|
|
1498
1499
|
width: fit-content;
|
|
1499
1500
|
gap: 16px;
|
|
1500
|
-
`,
|
|
1501
|
+
`,Oo=r.div`
|
|
1501
1502
|
display: flex;
|
|
1502
1503
|
flex: 1;
|
|
1503
1504
|
align-items: center;
|
|
1504
1505
|
justify-content: center;
|
|
1505
1506
|
cursor: pointer;
|
|
1506
1507
|
border-bottom: ${e=>e.$selected?"2px solid "+(e.color?e.color:Le.line.primary):"0px"};
|
|
1507
|
-
`,
|
|
1508
|
+
`,Ao=r.div`
|
|
1508
1509
|
display: flex;
|
|
1509
1510
|
flex-direction: row;
|
|
1510
1511
|
width: fit-content;
|
|
1511
1512
|
gap: 4px;
|
|
1512
|
-
`,
|
|
1513
|
+
`,Ho=r.div`
|
|
1513
1514
|
display: flex;
|
|
1514
1515
|
flex: 1;
|
|
1515
1516
|
align-items: center;
|
|
@@ -1522,23 +1523,23 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
1522
1523
|
&:hover {
|
|
1523
1524
|
background-color: ${e=>e.$selected?e.color?e.color:Le.background.primaryLow:Le.status.neutral.hover};
|
|
1524
1525
|
}
|
|
1525
|
-
${e=>
|
|
1526
|
+
${e=>d.lessThan("medium")`
|
|
1526
1527
|
&:hover{
|
|
1527
1528
|
background-color: ${e.color?e.color:Le.status.neutral.hover};
|
|
1528
1529
|
}
|
|
1529
1530
|
`}
|
|
1530
|
-
`,
|
|
1531
|
+
`,Vo=r(Re)`
|
|
1531
1532
|
font-size: 14px;
|
|
1532
1533
|
color: ${e=>e.$selected?e.textColor?e.textColor:Le.text.primary:Le.text.high};
|
|
1533
1534
|
width: max-content;
|
|
1534
1535
|
transition: color 0.15s ease-in;
|
|
1535
|
-
`,
|
|
1536
|
+
`,To=e=>{const[t,i]=c(e.selectedOption?e.selectedOption:e.options[0]);p(()=>{e.selectedOption&&i(e.selectedOption)},[e.selectedOption]);const o=t=>{i(t),e.onChange&&e.onChange(t)};return"secondary"===e.design?n(Ao,{role:"container",style:Object.assign({backgroundColor:e.backgroundColor},e.style),children:e.options.map(i=>{const r=t.id===i.id;return n(Ho,{role:i.id,$selected:r,onClick:()=>o(i),style:e.cellStyle,color:e.cellColor,children:n(Re,{type:"p",weight:"medium",style:Object.assign({fontSize:14,color:r?e.textColor?e.textColor:Le.text.primary:Le.text.high,width:"max-content"},e.textStyle),children:i.title})},i.id)})}):n(Eo,{role:"container",style:Object.assign({backgroundColor:e.backgroundColor},e.style),children:e.options.map(i=>{const r=t.id===i.id;return n(Oo,{role:i.id,$selected:r,onClick:()=>o(i),style:e.cellStyle,color:e.cellColor,children:n(Vo,{type:"p",weight:"medium",textColor:e.textColor,$selected:r,style:e.textStyle,children:i.title})},i.id)})})},Io=r.div`
|
|
1536
1537
|
box-shadow: 0 0 0
|
|
1537
1538
|
${e=>e.$focus?"secondary"===e.$design?"2px "+De.border.neutralMedium:"1px "+De.border.neutralHard:"secondary"===e.$design?"1px "+De.border.neutralSoft:"none"};
|
|
1538
1539
|
background-color: ${e=>e.$focus||"secondary"===e.$design?"white":e.$error?De.surface.redSoft:De.surface.neutralSoft};
|
|
1539
1540
|
border-radius: ${e=>"secondary"===e.$design?"12px":"6px"};
|
|
1540
1541
|
padding: ${e=>"secondary"===e.$design?"19px 16px":"10px 16px"};
|
|
1541
|
-
`,
|
|
1542
|
+
`,No=r.div`
|
|
1542
1543
|
margin: 0px 8px;
|
|
1543
1544
|
font-style: normal;
|
|
1544
1545
|
font-weight: 500;
|
|
@@ -1546,7 +1547,7 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
1546
1547
|
line-height: 12px;
|
|
1547
1548
|
display: flex;
|
|
1548
1549
|
color: ${De.text.red};
|
|
1549
|
-
`,
|
|
1550
|
+
`,Zo=u((e,o)=>{var r;const[a,l]=c(void 0),[d,s]=c(void 0),[h,u]=c(void 0),[x,m]=c(void 0),[f,y]=c(void 0),[b,k]=c(!1),[v,w]=c(void 0),C=ye(),$=be();p(()=>{e.userData&&e.userData.email?s(e.userData.email):s(void 0)},[e.userData]),g(o,()=>({getPaymentMethod(){return t(this,void 0,void 0,function*(){return yield _()})}}));const L=e=>t(void 0,void 0,void 0,function*(){y(void 0),e.complete?w(e):w(void 0)}),_=()=>t(void 0,void 0,void 0,function*(){if(!($&&C&&v&&a))return a||u("Debes añadir el nombre del titular"),v||y("Debes añadir un método de pago válido"),void(d||m("Debes añadir un email válido"));if("iban"===v.elementType){e.onLoading&&e.onLoading(!0);const t=$.getElement(ke);if(t&&d){const{error:n,paymentMethod:i}=yield C.createPaymentMethod({type:"sepa_debit",sepa_debit:t,billing_details:{name:a,email:d}});return n?void(e.onLoading&&e.onLoading(!1)):(e.onLoading&&e.onLoading(!1),i)}return void(d||m("Debes añadir un email válido"))}{e.onLoading&&e.onLoading(!0);const t=$.getElement(ve);if(t){const{error:n,paymentMethod:i}=yield C.createPaymentMethod({type:"card",card:t,billing_details:{name:a}});return n?void(e.onLoading&&e.onLoading(!1)):(e.onLoading&&e.onLoading(!1),i)}}}),F=()=>{k(!0)},S=()=>{k(!1)};return i("div",{style:e.style,children:[n(Tt,{type:"text",title:e.placeholderName?e.placeholderName:"Nombre del titular",placeholder:e.placeholderName?e.placeholderName:"Nombre del titular",containerStyle:{marginBottom:8},design:e.design,onChange:e=>{return e&&(t=e.target.value,u(void 0),void l(t));var t},error:h}),"sepa_debit"===e.option&&!(null===(r=e.userData)||void 0===r?void 0:r.email)&&n(Tt,{title:e.placeholderEmail?e.placeholderEmail:"Email",placeholder:e.placeholderEmail?e.placeholderEmail:"Email",containerStyle:{marginBottom:8},type:"email",design:e.design,onChange:e=>{return e&&(t=e.target.value,m(void 0),void s(t));var t},error:x}),n(Io,{$error:!!f,$focus:b,$design:e.design,children:"card"===e.option?n(ve,{options:{style:{base:{fontFamily:"Poppins",fontSize:"secondary"===e.design?"15px":"14px","::placeholder":{color:De.text.neutralMedium}}},hidePostalCode:!0},onChange:L,onFocus:F,onBlur:S}):n(ke,{options:{supportedCountries:["SEPA"],style:{base:{fontFamily:"Poppins",fontSize:"secondary"===e.design?"15px":"14px","::placeholder":{color:De.text.neutralMedium}}}},onChange:L,onFocus:F,onBlur:S})}),f&&n(No,{children:n(Re,{type:"p",weight:"medium",style:{color:De.text.red,marginTop:4,fontSize:14},children:f})})]})}),Ro=r.div``,Go=u((e,o)=>{const r=x(null),a=x(null),[l,d]=c(()=>Ce(e.stripeKey)),[s,h]=c(!1);g(o,()=>({getPaymentMethod(){return t(this,void 0,void 0,function*(){var e;return yield null===(e=a.current)||void 0===e?void 0:e.getPaymentMethod()})}})),p(()=>{e.stripeConfirmUrl?h(!0):u()},[e.stripeConfirmUrl]),window.addEventListener("message",function(e){"3DS-authentication-complete"===e.data&&s&&u()},!1);const u=()=>{r.current&&r.current.close()};return i(Ro,{style:e.style,role:"container",children:[n($n,{ref:r,type:"web",isVisible:s,hideClose:!0,url:e.stripeConfirmUrl,style:{width:600,height:400,padding:0},onClose:()=>{h(!1),e.onSetupConfirmed&&e.onSetupConfirmed()}}),n(we,{stripe:l,options:{fonts:[{cssSrc:"https://fonts.googleapis.com/css2?family=Poppins&display=swap"}]},children:n(Zo,{ref:a,option:e.paymentOption,style:e.cardStyle,onLoading:t=>{e.onLoading&&e.onLoading(t)},error:e.error,userData:e.userData,design:e.design,placeholderEmail:e.placeholderEmail,placeholderName:e.placeholderName})})]})}),Wo=r.div`
|
|
1550
1551
|
display: flex;
|
|
1551
1552
|
flex-direction: row;
|
|
1552
1553
|
border: 1px solid ${De.border.neutralSoft};
|
|
@@ -1555,7 +1556,7 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
1555
1556
|
overflow: hidden;
|
|
1556
1557
|
padding: 2px;
|
|
1557
1558
|
background-color: ${De.surface.invert};
|
|
1558
|
-
`,
|
|
1559
|
+
`,Yo=r.div`
|
|
1559
1560
|
display: flex;
|
|
1560
1561
|
padding: 8px;
|
|
1561
1562
|
cursor: pointer;
|
|
@@ -1563,10 +1564,10 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
1563
1564
|
border-radius: 100px;
|
|
1564
1565
|
align-items: center;
|
|
1565
1566
|
justify-content: center;
|
|
1566
|
-
`,
|
|
1567
|
+
`,Uo=e=>{const[t,i]=c(e.options[0]);return n(Wo,{role:"container",style:e.style,children:e.options.map(o=>{const r=o.id===t.id;return n(Yo,{role:o.id,$selected:r,onClick:()=>{i(o),e.onChange&&e.onChange(o)},children:s.cloneElement(o.icon,Object.assign({color:r?De.border.primary:De.border.neutralMedium,height:20,width:20},o.icon.props))},"switch"+o.id)})})},qo=r.div`
|
|
1567
1568
|
display: flex;
|
|
1568
1569
|
align-items: center;
|
|
1569
|
-
`,
|
|
1570
|
+
`,Xo=r.div`
|
|
1570
1571
|
display: flex;
|
|
1571
1572
|
flex-direction: column;
|
|
1572
1573
|
justify-content: center;
|
|
@@ -1577,13 +1578,13 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
1577
1578
|
&:hover {
|
|
1578
1579
|
background-color: ${Le.background.soft};
|
|
1579
1580
|
}
|
|
1580
|
-
`,
|
|
1581
|
+
`,Ko=e=>{const[t,o]=c(0),[r,a]=c(0);p(()=>{a(Math.ceil(e.length/e.rowsPerPage))},[e.length,e.rowsPerPage]),p(()=>{e.start&&e.start<r&&o(e.start)},[e.start]);return i(qo,{role:"pagination",style:e.style,children:[n(Xo,{role:"first-arrow",onClick:()=>{t>0&&(o(0),e.onChange&&e.onChange(0))},style:{cursor:0===t?"auto":"pointer"},children:n(Z,{style:{stroke:0===t?Le.text.low:Le.text.full}})}),n(Xo,{role:"left-arrow",onClick:()=>{if(t>0){const n=t-1;o(n),e.onChange&&e.onChange(n)}},style:{cursor:0===t?"auto":"pointer"},children:n(R,{style:{stroke:0===t?Le.text.low:Le.text.full}})}),i(Re,{type:"p",style:{color:Le.text.full,margin:"0px 12px"},children:[n("span",{style:{fontWeight:700},children:t+1})," de"," ",n("span",{style:{fontWeight:700},children:r})]}),n(Xo,{role:"right-arrow",onClick:()=>{if(t<r-1){const n=t+1;o(n),e.onChange&&e.onChange(n)}},style:{cursor:t===r-1?"auto":"pointer"},children:n(G,{style:{stroke:t===r-1?Le.text.low:Le.text.full}})}),n(Xo,{role:"last-arrow",onClick:()=>{t<r-1&&(o(r-1),e.onChange&&e.onChange(r-1))},style:{cursor:t===r-1?"auto":"pointer"},children:n(W,{style:{stroke:t===r-1?Le.text.low:Le.text.full}})})]})},Jo=r.div`
|
|
1581
1582
|
display: flex;
|
|
1582
1583
|
flex-direction: row;
|
|
1583
1584
|
padding: 10px 16px;
|
|
1584
1585
|
border-radius: 6px;
|
|
1585
1586
|
width: fit-content;
|
|
1586
|
-
`,
|
|
1587
|
+
`,Qo=t=>{var o;X.locale("es");const{toDate:r,textColor:a,color:l}=t,d=e(t,["toDate","textColor","color"]),[s,h]=c(0),[u,x]=c(""),[g,m]=c(!1);p(()=>{r&&f()},[r]);const f=()=>{const e=X(r),t=X(),n=X.duration(e.diff(t)),i=n.asDays(),o=n.asHours();m(i<1&&o<2),n.locale("es"),h(n.asDays()),x(n.humanize())};return i(Jo,Object.assign({role:"container"},d,{style:Object.assign({backgroundColor:g?Le.status.color.error:l||(null===(o=d.style)||void 0===o?void 0:o.backgroundColor)},d.style),children:[n(Y,{height:20,width:20,color:g?"white":a||Le.text.full,style:{marginRight:8}}),i(Re,{type:"p2",weight:"medium",style:{color:g?"white":a||Le.text.full},children:[u," ",s<0?"de retraso":"restantes"]})]}))},er=r.div`
|
|
1587
1588
|
display: flex;
|
|
1588
1589
|
flex-direction: column;
|
|
1589
1590
|
align-items: center;
|
|
@@ -1602,11 +1603,11 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
1602
1603
|
height: 36px;
|
|
1603
1604
|
line-height: 24px;
|
|
1604
1605
|
|
|
1605
|
-
${
|
|
1606
|
+
${d.lessThan("small")`
|
|
1606
1607
|
width: auto;
|
|
1607
1608
|
max-width: none;
|
|
1608
1609
|
`}
|
|
1609
|
-
`,
|
|
1610
|
+
`,tr=r(Re)`
|
|
1610
1611
|
color: var(--text-clear-neutral-hard, rgba(0, 29, 61, 0.92));
|
|
1611
1612
|
font-feature-settings:
|
|
1612
1613
|
"liga" off,
|
|
@@ -1615,7 +1616,7 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
1615
1616
|
font-weight: 500;
|
|
1616
1617
|
font-size: 14px !important;
|
|
1617
1618
|
text-align: center;
|
|
1618
|
-
`,
|
|
1619
|
+
`,nr=e=>n(er,{role:e.role,style:e.style,$selected:e.selected,$onlyVisual:e.onlyVisual||!1,$design:e.design||"design1",onClick:()=>{e.onlyVisual||e.onClick&&e.onClick()},children:n(tr,{type:"p",children:e.title})}),ir=r.div`
|
|
1619
1620
|
display: flex;
|
|
1620
1621
|
flex-direction: column;
|
|
1621
1622
|
align-items: center;
|
|
@@ -1635,18 +1636,18 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
1635
1636
|
height: 74px;
|
|
1636
1637
|
line-height: 24px; /* Para centrar verticalmente el texto en contenedores con subtítulo */
|
|
1637
1638
|
|
|
1638
|
-
${
|
|
1639
|
+
${d.lessThan("small")`
|
|
1639
1640
|
width: auto;
|
|
1640
1641
|
max-width: none;
|
|
1641
1642
|
`}
|
|
1642
|
-
`,
|
|
1643
|
+
`,or=r(Re)`
|
|
1643
1644
|
color: var(--text-clear-neutral-hard, rgba(0, 29, 61, 0.92));
|
|
1644
1645
|
font-feature-settings: "liga" off, "clig" off;
|
|
1645
1646
|
font-style: normal;
|
|
1646
1647
|
font-weight: 500;
|
|
1647
1648
|
font-size: 14px !important;
|
|
1648
1649
|
text-align: center;
|
|
1649
|
-
`,
|
|
1650
|
+
`,rr=r(Re)`
|
|
1650
1651
|
color: var(--text-clear-neutral-medium, rgba(0, 29, 61, 0.56));
|
|
1651
1652
|
text-align: center;
|
|
1652
1653
|
font-family: Poppins;
|
|
@@ -1654,11 +1655,11 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
1654
1655
|
font-style: normal;
|
|
1655
1656
|
font-weight: 400;
|
|
1656
1657
|
line-height: 20px;
|
|
1657
|
-
`,
|
|
1658
|
+
`,ar=e=>i(ir,{role:e.role,style:e.style,$selected:e.selected,$onlyVisual:e.onlyVisual||!1,$design:e.design||"design1",onClick:()=>{e.onlyVisual||e.onClick&&e.onClick()},children:[n(or,{type:"p",children:e.title}),n(rr,{type:"p",children:e.subtitle})]}),lr=r.div`
|
|
1658
1659
|
display: flex;
|
|
1659
1660
|
flex-direction: row;
|
|
1660
1661
|
flex-wrap: wrap;
|
|
1661
|
-
`,
|
|
1662
|
+
`,dr=e=>{const[t,i]=c(e.optionsSelected?e.optionsSelected:[]);p(()=>{e.optionsSelected&&i(e.optionsSelected)},[e.optionsSelected]);const o=n=>{if("single"===e.type){t.findIndex(e=>e.id===n.id)>-1?(i([]),e.onChange&&e.onChange([])):(i([n]),e.onChange&&e.onChange([n]))}else if("multiple"===e.type){const o=[...t],r=o.findIndex(e=>e.id===n.id);r>-1?o.splice(r,1):o.push(n),i(o),e.onChange&&e.onChange(o)}};return n(lr,{role:"container",style:e.style,children:e.options.map((i,r)=>{const a=t.some(e=>e.id===i.id);return i.subtitle?n(ar,{role:i.id,title:i.title,subtitle:i.subtitle,selected:a,onlyVisual:e.onlyVisual,design:e.design,onClick:()=>o(i)},i.id):n(nr,{role:i.id,title:i.title,selected:a,onlyVisual:e.onlyVisual,design:e.design,onClick:()=>o(i)},i.id)})})},sr=r.div``,cr=r.div`
|
|
1662
1663
|
display: flex;
|
|
1663
1664
|
flex-direction: row;
|
|
1664
1665
|
margin-bottom: 24px;
|
|
@@ -1666,19 +1667,19 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
1666
1667
|
&:hover {
|
|
1667
1668
|
text-decoration: ${e=>e.$selected?"none":"underline"};
|
|
1668
1669
|
}
|
|
1669
|
-
`,
|
|
1670
|
+
`,pr=r.div`
|
|
1670
1671
|
display: flex;
|
|
1671
1672
|
flex-direction: column;
|
|
1672
|
-
`,
|
|
1673
|
+
`,hr=e=>{const[t,o]=c(0);return n(sr,{role:"container",style:e.style,children:e.options.map((r,a)=>{const l=t===a;return i(cr,{role:r.id,$selected:l,onClick:()=>(n=>{o(n===t?void 0:n),e.onClick&&e.onClick(n)})(a),children:[n(pr,{children:n(l?M:P,{width:20,height:20,color:Le.text.high,style:{marginTop:3}})}),i(pr,{style:{marginLeft:12},children:[n(Re,{type:"p",weight:"medium",children:r.title}),n(Re,{type:"p2",style:{display:l?"flex":"none",marginTop:8,color:De.text.neutralMedium},children:r.description})]})]},r.id+a)})})};var ur="styles-module_fcc__container__zadQu",xr="styles-module_fcc__digit_block_container__PpRXT",gr="styles-module_fcc__digit_block__BTDZJ",mr="styles-module_fcc__current_below__HQtVT",fr="styles-module_fcc__next_above__V8I1M",yr="styles-module_fcc__card__TY7mL",br="styles-module_fcc__flipped__yL0nE",kr="styles-module_fcc__card_face__qnzxT",vr="styles-module_fcc__card_face_front__RD6TB",wr="styles-module_fcc__card_face_back__VzEYT";function Cr(e){const{current:t,next:o,className:r}=e,[a,l]=s.useState({current:t,next:o}),[d,c]=s.useState(!1);s.useEffect(()=>{a.current!==t?(a.current===a.next&&l(Object.assign(Object.assign({},a),{next:o})),c(!0)):c(!1)},[t,o]);return i("div",{className:$e(gr,r),children:[n("div",{className:fr,children:a.next}),n("div",{className:mr,children:a.current}),i("div",{className:$e(yr,{[br]:d}),onTransitionEnd:()=>{l({current:t,next:o}),c(!1)},children:[n("div",{className:$e(kr,vr),children:a.current}),n("div",{className:$e(kr,wr),children:a.next})]})]})}function $r(e){const[t,i]=c(e.amount>0?e.amount-10:0),o=x(t);o.current=t;const r=x(0);function a(){window.clearInterval(r.current)}function l(){i(o.current+1),o.current+1>=e.amount&&a()}p(()=>(a(),i(e.amount>0?e.amount-(e.amount>=10?10:e.amount):0),r.current=window.setInterval(l,400),()=>a()),[e.amount]);const d=y(()=>[function(t){const n=e.amount.toString().length,i=t.toString().split(""),o=(t+1).toString().split("");for(var r=0;r<n&&n-i.length-r!==0;r++);return{current:i,next:o}}(t)],[t]),s=y(()=>({"--fcc-digit-color":e.color,"--fcc-background":e.backgroundColor,"--fcc-digit-block-width":e.width&&e.width+"px","--fcc-digit-block-height":e.height&&e.height+"px","--fcc-digit-font-size":e.fontSize&&e.fontSize+"px","--fcc-divider-color":e.borderColor}),[e]);return n("div",{className:ur,"data-testid":"fcc-container",style:s,children:d.map((e,t)=>n(b,{children:n("div",{className:xr,children:e.current.map((t,i)=>n(Cr,{current:e.current[i],next:e.next[i]},i))})},`digit-block-${t}`))})}dn('.styles-module_fcc__container__zadQu {\n\t--fcc-flip-duration: 0.3s;\n\t--fcc-digit-block-width: 24px;\n\t--fcc-digit-block-height: 36px;\n\t--fcc-digit-font-size: 28px;\n\t--fcc-background: white;\n\t--fcc-digit-color: #008ff5;\n\t--fcc-divider-color: #f9f6f3;\n\t--fcc-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.08);\n}\n\n.styles-module_fcc__container__zadQu {\n\tfont-family: "Poppins";\n\tfont-size: var(--fcc-digit-font-size);\n\tcolor: var(--fcc-digit-color);\n\tline-height: 0;\n\tfont-weight: 500;\n\t-webkit-user-select: none;\n\t-moz-user-select: none;\n\tuser-select: none;\n\tcursor: default;\n\tdisplay: flex;\n\talign-items: center;\n}\n\n.styles-module_fcc__digit_block_container__PpRXT .styles-module_fcc__digit_block__BTDZJ:not(:last-child) {\n\tmargin-right: 2px;\n}\n\n.styles-module_fcc__digit_block_container__PpRXT {\n\tposition: relative;\n\tdisplay: flex;\n\talign-items: center;\n}\n\n.styles-module_fcc__digit_block__BTDZJ {\n\tperspective: 200px;\n\tposition: relative;\n\twidth: var(--fcc-digit-block-width);\n\theight: var(--fcc-digit-block-height);\n\tbox-shadow: var(--fcc-shadow);\n\tborder-radius: 6px;\n border: 1px solid var(--fcc-divider-color);\n}\n\n.styles-module_fcc__current_below__HQtVT,\n.styles-module_fcc__next_above__V8I1M {\n\tposition: absolute;\n\twidth: 100%;\n\theight: 50%;\n\toverflow: hidden;\n\tdisplay: flex;\n\tjustify-content: center;\n\tbackground: var(--fcc-background);\n}\n\n.styles-module_fcc__next_above__V8I1M {\n\talign-items: flex-end;\n\ttop: 0;\n\tborder-top-left-radius: 6px;\n\tborder-top-right-radius: 6px;\n\tborder-bottom: 1px solid var(--fcc-divider-color);\n}\n\n.styles-module_fcc__current_below__HQtVT {\n\talign-items: flex-start;\n\tbottom: 0;\n\tborder-bottom-left-radius: 6px;\n\tborder-bottom-right-radius: 6px;\n}\n\n.styles-module_fcc__card__TY7mL {\n\tposition: relative;\n\tz-index: 2;\n\twidth: 100%;\n\theight: 50%;\n\ttransform-style: preserve-3d;\n\ttransform-origin: bottom;\n\ttransform: rotateX(0);\n}\n\n.styles-module_fcc__card__TY7mL.styles-module_fcc__flipped__yL0nE {\n\ttransition: transform var(--fcc-flip-duration) ease-in-out;\n\ttransform: rotateX(-180deg);\n}\n\n.styles-module_fcc__card_face__qnzxT {\n\tposition: absolute;\n\twidth: 100%;\n\theight: 100%;\n\tdisplay: flex;\n\tjustify-content: center;\n\toverflow: hidden;\n\tbackface-visibility: hidden;\n\tbackground: var(--fcc-background);\n}\n\n.styles-module_fcc__card_face_front__RD6TB {\n\talign-items: flex-end;\n\tborder-top-left-radius: 6px;\n\tborder-top-right-radius: 6px;\n\tborder-bottom: 1px solid var(--fcc-divider-color);\n}\n\n.styles-module_fcc__card_face_back__VzEYT {\n\talign-items: flex-start;\n\ttransform: rotateX(-180deg);\n\tborder-bottom-left-radius: 6px;\n\tborder-bottom-right-radius: 6px;\n\tbox-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.2);\n}\n');const Lr=r.div`
|
|
1673
1674
|
position: relative;
|
|
1674
1675
|
width: fit-content;
|
|
1675
1676
|
width: 108px;
|
|
1676
1677
|
height: 132px;
|
|
1677
|
-
${
|
|
1678
|
+
${d.lessThan("small")`
|
|
1678
1679
|
height: 120px;
|
|
1679
1680
|
width: 96px;
|
|
1680
1681
|
`}
|
|
1681
|
-
`,
|
|
1682
|
+
`,_r=r.div`
|
|
1682
1683
|
display: flex;
|
|
1683
1684
|
align-items: center;
|
|
1684
1685
|
justify-content: center;
|
|
@@ -1687,24 +1688,24 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
1687
1688
|
margin-top: 8px;
|
|
1688
1689
|
margin-left: 5px;
|
|
1689
1690
|
background-color: ${e=>e.$backgroundColor};
|
|
1690
|
-
${
|
|
1691
|
+
${d.lessThan("small")`
|
|
1691
1692
|
height: 84px;
|
|
1692
1693
|
width: 84px;
|
|
1693
1694
|
`}
|
|
1694
|
-
|
|
1695
|
+
`,Fr=r.div`
|
|
1695
1696
|
position: absolute;
|
|
1696
1697
|
top: 0px;
|
|
1697
1698
|
bottom: 0px;
|
|
1698
1699
|
left: 0px;
|
|
1699
1700
|
right: 0px;
|
|
1700
|
-
`,
|
|
1701
|
+
`,Sr=r.div`
|
|
1701
1702
|
display: flex;
|
|
1702
1703
|
flex-direction: column;
|
|
1703
1704
|
align-items: center;
|
|
1704
1705
|
z-index: 1;
|
|
1705
1706
|
position: relative;
|
|
1706
1707
|
height: 100%;
|
|
1707
|
-
`,Lr=e=>e.isMobile?o("svg",{width:"102",height:"126",viewBox:"0 0 102 126",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[o("g",{filter:"url(#filter0_d_13051_9213)",children:[i("rect",{x:"10",y:"9",width:"82",height:"82",fill:"white"}),i("rect",{x:"10",y:"9",width:"82",height:"82",stroke:"white","stroke-width":"2"}),i("rect",{width:"84",height:"24",transform:"translate(9 92)",fill:"white"}),i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M3 6C5.20914 6 7 4.20914 7 2H9V8H3V6Z",fill:"white"}),i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M15 6C17.2091 6 19 4.20914 19 2H21V8H9V2H11C11 4.20914 12.7909 6 15 6Z",fill:"white"}),i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M27 6C29.2091 6 31 4.20914 31 2H33V8H21V2H23C23 4.20914 24.7909 6 27 6Z",fill:"white"}),i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M39 6C41.2091 6 43 4.20914 43 2H45V8H33V2H35C35 4.20914 36.7909 6 39 6Z",fill:"white"}),i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M51 6C53.2091 6 55 4.20914 55 2H57V8H45V2H47C47 4.20914 48.7909 6 51 6Z",fill:"white"}),i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M63 6C65.2091 6 67 4.20914 67 2H69V8H57V2H59C59 4.20914 60.7909 6 63 6Z",fill:"white"}),i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M75 6C77.2091 6 79 4.20914 79 2H81V8H69V2H71C71 4.20914 72.7909 6 75 6Z",fill:"white"}),i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M87 6C89.2091 6 91 4.20914 91 2H93V8H81V2H83C83 4.20914 84.7909 6 87 6Z",fill:"white"}),i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M95 2C95 4.20914 96.7909 6 99 6L99 8L93 8L93 2L95 2Z",fill:"white"}),i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M95 14C95 16.2091 96.7909 18 99 18L99 20L93 20L93 8L99 8L99 10C96.7909 10 95 11.7909 95 14Z",fill:"white"}),i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M95 26C95 28.2091 96.7909 30 99 30L99 32L93 32L93 20L99 20L99 22C96.7909 22 95 23.7909 95 26Z",fill:"white"}),i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M95 38C95 40.2091 96.7909 42 99 42L99 44L93 44L93 32L99 32L99 34C96.7909 34 95 35.7909 95 38Z",fill:"white"}),i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M95 50C95 52.2091 96.7909 54 99 54L99 56L93 56L93 44L99 44L99 46C96.7909 46 95 47.7909 95 50Z",fill:"white"}),i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M95 62C95 64.2091 96.7909 66 99 66L99 68L93 68L93 56L99 56L99 58C96.7909 58 95 59.7909 95 62Z",fill:"white"}),i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M95 74C95 76.2091 96.7909 78 99 78L99 80L93 80L93 68L99 68L99 70C96.7909 70 95 71.7909 95 74Z",fill:"white"}),i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M95 86C95 88.2091 96.7909 90 99 90L99 92L93 92L93 80L99 80L99 82C96.7909 82 95 83.7909 95 86Z",fill:"white"}),i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M95 98C95 100.209 96.7909 102 99 102L99 104L93 104L93 92L99 92L99 94C96.7909 94 95 95.7909 95 98Z",fill:"white"}),i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M95 110C95 112.209 96.7909 114 99 114L99 116L93 116L93 104L99 104L99 106C96.7909 106 95 107.791 95 110Z",fill:"white"}),i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M99 118C96.7909 118 95 119.791 95 122L93 122L93 116L99 116L99 118Z",fill:"white"}),i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M87 118C84.7909 118 83 119.791 83 122L81 122L81 116L93 116L93 122L91 122C91 119.791 89.2091 118 87 118Z",fill:"white"}),i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M75 118C72.7909 118 71 119.791 71 122L69 122L69 116L81 116L81 122L79 122C79 119.791 77.2091 118 75 118Z",fill:"white"}),i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M63 118C60.7909 118 59 119.791 59 122L57 122L57 116L69 116L69 122L67 122C67 119.791 65.2091 118 63 118Z",fill:"white"}),i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M51 118C48.7909 118 47 119.791 47 122L45 122L45 116L57 116L57 122L55 122C55 119.791 53.2091 118 51 118Z",fill:"white"}),i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M39 118C36.7909 118 35 119.791 35 122L33 122L33 116L45 116L45 122L43 122C43 119.791 41.2091 118 39 118Z",fill:"white"}),i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M27 118C24.7909 118 23 119.791 23 122L21 122L21 116L33 116L33 122L31 122C31 119.791 29.2091 118 27 118Z",fill:"white"}),i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M15 118C12.7909 118 11 119.791 11 122L9 122L9 116L21 116L21 122L19 122C19 119.791 17.2091 118 15 118Z",fill:"white"}),i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M7 122C7 119.791 5.20914 118 3 118L3 116L9 116L9 122L7 122Z",fill:"white"}),i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M7 110C7 107.791 5.20914 106 3 106L3 104L9 104L9 116L3 116L3 114C5.20914 114 7 112.209 7 110Z",fill:"white"}),i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M7 98C7 95.7909 5.20914 94 3 94L3 92L9 92L9 104L3 104L3 102C5.20914 102 7 100.209 7 98Z",fill:"white"}),i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M7 86C7 83.7909 5.20914 82 3 82L3 80L9 80L9 92L3 92L3 90C5.20914 90 7 88.2091 7 86Z",fill:"white"}),i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M7 74C7 71.7909 5.20914 70 3 70L3 68L9 68L9 80L3 80L3 78C5.20914 78 7 76.2091 7 74Z",fill:"white"}),i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M7 62C7 59.7909 5.20914 58 3 58L3 56L9 56L9 68L3 68L3 66C5.20914 66 7 64.2091 7 62Z",fill:"white"}),i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M7 50C7 47.7909 5.20914 46 3 46L3 44L9 44L9 56L3 56L3 54C5.20914 54 7 52.2091 7 50Z",fill:"white"}),i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M7 38C7 35.7909 5.20914 34 3 34L3 32L9 32L9 44L3 44L3 42C5.20914 42 7 40.2091 7 38Z",fill:"white"}),i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M7 26C7 23.7909 5.20914 22 3 22L3 20L9 20L9 32L3 32L3 30C5.20914 30 7 28.2091 7 26Z",fill:"white"}),i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M7 14C7 11.7909 5.20914 10 3 10L3 8L9 8L9 20L3 20L3 18C5.20914 18 7 16.2091 7 14Z",fill:"white"})]}),i("defs",{children:o("filter",{id:"filter0_d_13051_9213",x:"0",y:"0",width:"102",height:"126",filterUnits:"userSpaceOnUse","color-interpolation-filters":"sRGB",children:[i("feFlood",{"flood-opacity":"0",result:"BackgroundImageFix"}),i("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),i("feOffset",{dy:"1"}),i("feGaussianBlur",{stdDeviation:"1.5"}),i("feComposite",{in2:"hardAlpha",operator:"out"}),i("feColorMatrix",{type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.24 0"}),i("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_13051_9213"}),i("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect1_dropShadow_13051_9213",result:"shape"})]})})]}):o("svg",{width:"114",height:"138",viewBox:"0 0 114 138",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[o("g",{filter:"url(#filter0_d_13052_9519)",children:[i("rect",{x:"10",y:"9",width:"94",height:"94",fill:"white"}),i("rect",{x:"10",y:"9",width:"94",height:"94",stroke:"white","stroke-width":"2"}),i("rect",{width:"96",height:"24",transform:"translate(9 104)",fill:"white"}),i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M3 6C5.20914 6 7 4.20914 7 2H9V8H3V6Z",fill:"white"}),i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M15 6C17.2091 6 19 4.20914 19 2H21V8H9V2H11C11 4.20914 12.7909 6 15 6Z",fill:"white"}),i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M27 6C29.2091 6 31 4.20914 31 2H33V8H21V2H23C23 4.20914 24.7909 6 27 6Z",fill:"white"}),i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M39 6C41.2091 6 43 4.20914 43 2H45V8H33V2H35C35 4.20914 36.7909 6 39 6Z",fill:"white"}),i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M51 6C53.2091 6 55 4.20914 55 2H57V8H45V2H47C47 4.20914 48.7909 6 51 6Z",fill:"white"}),i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M63 6C65.2091 6 67 4.20914 67 2H69V8H57V2H59C59 4.20914 60.7909 6 63 6Z",fill:"white"}),i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M75 6C77.2091 6 79 4.20914 79 2H81V8H69V2H71C71 4.20914 72.7909 6 75 6Z",fill:"white"}),i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M87 6C89.2091 6 91 4.20914 91 2H93V8H81V2H83C83 4.20914 84.7909 6 87 6Z",fill:"white"}),i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M99 6C101.209 6 103 4.20914 103 2H105V8H93V2H95C95 4.20914 96.7909 6 99 6Z",fill:"white"}),i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M107 2C107 4.20914 108.791 6 111 6L111 8L105 8L105 2L107 2Z",fill:"white"}),i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M107 14C107 16.2091 108.791 18 111 18L111 20L105 20L105 8L111 8L111 10C108.791 10 107 11.7909 107 14Z",fill:"white"}),i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M107 26C107 28.2091 108.791 30 111 30L111 32L105 32L105 20L111 20L111 22C108.791 22 107 23.7909 107 26Z",fill:"white"}),i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M107 38C107 40.2091 108.791 42 111 42L111 44L105 44L105 32L111 32L111 34C108.791 34 107 35.7909 107 38Z",fill:"white"}),i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M107 50C107 52.2091 108.791 54 111 54L111 56L105 56L105 44L111 44L111 46C108.791 46 107 47.7909 107 50Z",fill:"white"}),i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M107 62C107 64.2091 108.791 66 111 66L111 68L105 68L105 56L111 56L111 58C108.791 58 107 59.7909 107 62Z",fill:"white"}),i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M107 74C107 76.2091 108.791 78 111 78L111 80L105 80L105 68L111 68L111 70C108.791 70 107 71.7909 107 74Z",fill:"white"}),i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M107 86C107 88.2091 108.791 90 111 90L111 92L105 92L105 80L111 80L111 82C108.791 82 107 83.7909 107 86Z",fill:"white"}),i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M107 98C107 100.209 108.791 102 111 102L111 104L105 104L105 92L111 92L111 94C108.791 94 107 95.7909 107 98Z",fill:"white"}),i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M107 110C107 112.209 108.791 114 111 114L111 116L105 116L105 104L111 104L111 106C108.791 106 107 107.791 107 110Z",fill:"white"}),i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M107 122C107 124.209 108.791 126 111 126L111 128L105 128L105 116L111 116L111 118C108.791 118 107 119.791 107 122Z",fill:"white"}),i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M111 130C108.791 130 107 131.791 107 134L105 134L105 128L111 128L111 130Z",fill:"white"}),i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M99 130C96.7909 130 95 131.791 95 134L93 134L93 128L105 128L105 134L103 134C103 131.791 101.209 130 99 130Z",fill:"white"}),i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M87 130C84.7909 130 83 131.791 83 134L81 134L81 128L93 128L93 134L91 134C91 131.791 89.2091 130 87 130Z",fill:"white"}),i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M75 130C72.7909 130 71 131.791 71 134L69 134L69 128L81 128L81 134L79 134C79 131.791 77.2091 130 75 130Z",fill:"white"}),i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M63 130C60.7909 130 59 131.791 59 134L57 134L57 128L69 128L69 134L67 134C67 131.791 65.2091 130 63 130Z",fill:"white"}),i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M51 130C48.7909 130 47 131.791 47 134L45 134L45 128L57 128L57 134L55 134C55 131.791 53.2091 130 51 130Z",fill:"white"}),i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M39 130C36.7909 130 35 131.791 35 134L33 134L33 128L45 128L45 134L43 134C43 131.791 41.2091 130 39 130Z",fill:"white"}),i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M27 130C24.7909 130 23 131.791 23 134L21 134L21 128L33 128L33 134L31 134C31 131.791 29.2091 130 27 130Z",fill:"white"}),i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M15 130C12.7909 130 11 131.791 11 134L9 134L9 128L21 128L21 134L19 134C19 131.791 17.2091 130 15 130Z",fill:"white"}),i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M7 134C7 131.791 5.20914 130 3 130L3 128L9 128L9 134L7 134Z",fill:"white"}),i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M7 122C7 119.791 5.20914 118 3 118L3 116L9 116L9 128L3 128L3 126C5.20914 126 7 124.209 7 122Z",fill:"white"}),i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M7 110C7 107.791 5.20914 106 3 106L3 104L9 104L9 116L3 116L3 114C5.20914 114 7 112.209 7 110Z",fill:"white"}),i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M7 98C7 95.7909 5.20914 94 3 94L3 92L9 92L9 104L3 104L3 102C5.20914 102 7 100.209 7 98Z",fill:"white"}),i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M7 86C7 83.7909 5.20914 82 3 82L3 80L9 80L9 92L3 92L3 90C5.20914 90 7 88.2091 7 86Z",fill:"white"}),i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M7 74C7 71.7909 5.20914 70 3 70L3 68L9 68L9 80L3 80L3 78C5.20914 78 7 76.2091 7 74Z",fill:"white"}),i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M7 62C7 59.7909 5.20914 58 3 58L3 56L9 56L9 68L3 68L3 66C5.20914 66 7 64.2091 7 62Z",fill:"white"}),i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M7 50C7 47.7909 5.20914 46 3 46L3 44L9 44L9 56L3 56L3 54C5.20914 54 7 52.2091 7 50Z",fill:"white"}),i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M7 38C7 35.7909 5.20914 34 3 34L3 32L9 32L9 44L3 44L3 42C5.20914 42 7 40.2091 7 38Z",fill:"white"}),i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M7 26C7 23.7909 5.20914 22 3 22L3 20L9 20L9 32L3 32L3 30C5.20914 30 7 28.2091 7 26Z",fill:"white"}),i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M7 14C7 11.7909 5.20914 10 3 10L3 8L9 8L9 20L3 20L3 18C5.20914 18 7 16.2091 7 14Z",fill:"white"})]}),i("defs",{children:o("filter",{id:"filter0_d_13052_9519",x:"0",y:"0",width:"114",height:"138",filterUnits:"userSpaceOnUse","color-interpolation-filters":"sRGB",children:[i("feFlood",{"flood-opacity":"0",result:"BackgroundImageFix"}),i("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),i("feOffset",{dy:"1"}),i("feGaussianBlur",{stdDeviation:"1.5"}),i("feComposite",{in2:"hardAlpha",operator:"out"}),i("feColorMatrix",{type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.24 0"}),i("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_13052_9519"}),i("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect1_dropShadow_13052_9519",result:"shape"})]})})]}),Fr=e=>{const t=window.innerWidth<=450;return o(vr,{role:"stamp",style:e.style,children:[i($r,{children:i(Lr,{isMobile:t})}),o(Cr,{children:[i(wr,{$backgroundColor:e.backgroundColor,children:i(Ne,{type:"d1",children:e.icon})}),i(Ne,{type:"p",style:{maxWidth:"-webkit-fill-available",margin:"4px 3px 0px 9px",width:"100%",fontFamily:"DM Mono",fontSize:13,maxHeight:24,textAlign:"center",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:e.title})]})]})},Sr=r.div`
|
|
1708
|
+
`,Dr=e=>e.isMobile?i("svg",{width:"102",height:"126",viewBox:"0 0 102 126",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[i("g",{filter:"url(#filter0_d_13051_9213)",children:[n("rect",{x:"10",y:"9",width:"82",height:"82",fill:"white"}),n("rect",{x:"10",y:"9",width:"82",height:"82",stroke:"white","stroke-width":"2"}),n("rect",{width:"84",height:"24",transform:"translate(9 92)",fill:"white"}),n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M3 6C5.20914 6 7 4.20914 7 2H9V8H3V6Z",fill:"white"}),n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M15 6C17.2091 6 19 4.20914 19 2H21V8H9V2H11C11 4.20914 12.7909 6 15 6Z",fill:"white"}),n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M27 6C29.2091 6 31 4.20914 31 2H33V8H21V2H23C23 4.20914 24.7909 6 27 6Z",fill:"white"}),n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M39 6C41.2091 6 43 4.20914 43 2H45V8H33V2H35C35 4.20914 36.7909 6 39 6Z",fill:"white"}),n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M51 6C53.2091 6 55 4.20914 55 2H57V8H45V2H47C47 4.20914 48.7909 6 51 6Z",fill:"white"}),n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M63 6C65.2091 6 67 4.20914 67 2H69V8H57V2H59C59 4.20914 60.7909 6 63 6Z",fill:"white"}),n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M75 6C77.2091 6 79 4.20914 79 2H81V8H69V2H71C71 4.20914 72.7909 6 75 6Z",fill:"white"}),n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M87 6C89.2091 6 91 4.20914 91 2H93V8H81V2H83C83 4.20914 84.7909 6 87 6Z",fill:"white"}),n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M95 2C95 4.20914 96.7909 6 99 6L99 8L93 8L93 2L95 2Z",fill:"white"}),n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M95 14C95 16.2091 96.7909 18 99 18L99 20L93 20L93 8L99 8L99 10C96.7909 10 95 11.7909 95 14Z",fill:"white"}),n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M95 26C95 28.2091 96.7909 30 99 30L99 32L93 32L93 20L99 20L99 22C96.7909 22 95 23.7909 95 26Z",fill:"white"}),n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M95 38C95 40.2091 96.7909 42 99 42L99 44L93 44L93 32L99 32L99 34C96.7909 34 95 35.7909 95 38Z",fill:"white"}),n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M95 50C95 52.2091 96.7909 54 99 54L99 56L93 56L93 44L99 44L99 46C96.7909 46 95 47.7909 95 50Z",fill:"white"}),n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M95 62C95 64.2091 96.7909 66 99 66L99 68L93 68L93 56L99 56L99 58C96.7909 58 95 59.7909 95 62Z",fill:"white"}),n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M95 74C95 76.2091 96.7909 78 99 78L99 80L93 80L93 68L99 68L99 70C96.7909 70 95 71.7909 95 74Z",fill:"white"}),n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M95 86C95 88.2091 96.7909 90 99 90L99 92L93 92L93 80L99 80L99 82C96.7909 82 95 83.7909 95 86Z",fill:"white"}),n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M95 98C95 100.209 96.7909 102 99 102L99 104L93 104L93 92L99 92L99 94C96.7909 94 95 95.7909 95 98Z",fill:"white"}),n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M95 110C95 112.209 96.7909 114 99 114L99 116L93 116L93 104L99 104L99 106C96.7909 106 95 107.791 95 110Z",fill:"white"}),n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M99 118C96.7909 118 95 119.791 95 122L93 122L93 116L99 116L99 118Z",fill:"white"}),n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M87 118C84.7909 118 83 119.791 83 122L81 122L81 116L93 116L93 122L91 122C91 119.791 89.2091 118 87 118Z",fill:"white"}),n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M75 118C72.7909 118 71 119.791 71 122L69 122L69 116L81 116L81 122L79 122C79 119.791 77.2091 118 75 118Z",fill:"white"}),n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M63 118C60.7909 118 59 119.791 59 122L57 122L57 116L69 116L69 122L67 122C67 119.791 65.2091 118 63 118Z",fill:"white"}),n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M51 118C48.7909 118 47 119.791 47 122L45 122L45 116L57 116L57 122L55 122C55 119.791 53.2091 118 51 118Z",fill:"white"}),n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M39 118C36.7909 118 35 119.791 35 122L33 122L33 116L45 116L45 122L43 122C43 119.791 41.2091 118 39 118Z",fill:"white"}),n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M27 118C24.7909 118 23 119.791 23 122L21 122L21 116L33 116L33 122L31 122C31 119.791 29.2091 118 27 118Z",fill:"white"}),n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M15 118C12.7909 118 11 119.791 11 122L9 122L9 116L21 116L21 122L19 122C19 119.791 17.2091 118 15 118Z",fill:"white"}),n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M7 122C7 119.791 5.20914 118 3 118L3 116L9 116L9 122L7 122Z",fill:"white"}),n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M7 110C7 107.791 5.20914 106 3 106L3 104L9 104L9 116L3 116L3 114C5.20914 114 7 112.209 7 110Z",fill:"white"}),n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M7 98C7 95.7909 5.20914 94 3 94L3 92L9 92L9 104L3 104L3 102C5.20914 102 7 100.209 7 98Z",fill:"white"}),n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M7 86C7 83.7909 5.20914 82 3 82L3 80L9 80L9 92L3 92L3 90C5.20914 90 7 88.2091 7 86Z",fill:"white"}),n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M7 74C7 71.7909 5.20914 70 3 70L3 68L9 68L9 80L3 80L3 78C5.20914 78 7 76.2091 7 74Z",fill:"white"}),n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M7 62C7 59.7909 5.20914 58 3 58L3 56L9 56L9 68L3 68L3 66C5.20914 66 7 64.2091 7 62Z",fill:"white"}),n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M7 50C7 47.7909 5.20914 46 3 46L3 44L9 44L9 56L3 56L3 54C5.20914 54 7 52.2091 7 50Z",fill:"white"}),n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M7 38C7 35.7909 5.20914 34 3 34L3 32L9 32L9 44L3 44L3 42C5.20914 42 7 40.2091 7 38Z",fill:"white"}),n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M7 26C7 23.7909 5.20914 22 3 22L3 20L9 20L9 32L3 32L3 30C5.20914 30 7 28.2091 7 26Z",fill:"white"}),n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M7 14C7 11.7909 5.20914 10 3 10L3 8L9 8L9 20L3 20L3 18C5.20914 18 7 16.2091 7 14Z",fill:"white"})]}),n("defs",{children:i("filter",{id:"filter0_d_13051_9213",x:"0",y:"0",width:"102",height:"126",filterUnits:"userSpaceOnUse","color-interpolation-filters":"sRGB",children:[n("feFlood",{"flood-opacity":"0",result:"BackgroundImageFix"}),n("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),n("feOffset",{dy:"1"}),n("feGaussianBlur",{stdDeviation:"1.5"}),n("feComposite",{in2:"hardAlpha",operator:"out"}),n("feColorMatrix",{type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.24 0"}),n("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_13051_9213"}),n("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect1_dropShadow_13051_9213",result:"shape"})]})})]}):i("svg",{width:"114",height:"138",viewBox:"0 0 114 138",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[i("g",{filter:"url(#filter0_d_13052_9519)",children:[n("rect",{x:"10",y:"9",width:"94",height:"94",fill:"white"}),n("rect",{x:"10",y:"9",width:"94",height:"94",stroke:"white","stroke-width":"2"}),n("rect",{width:"96",height:"24",transform:"translate(9 104)",fill:"white"}),n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M3 6C5.20914 6 7 4.20914 7 2H9V8H3V6Z",fill:"white"}),n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M15 6C17.2091 6 19 4.20914 19 2H21V8H9V2H11C11 4.20914 12.7909 6 15 6Z",fill:"white"}),n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M27 6C29.2091 6 31 4.20914 31 2H33V8H21V2H23C23 4.20914 24.7909 6 27 6Z",fill:"white"}),n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M39 6C41.2091 6 43 4.20914 43 2H45V8H33V2H35C35 4.20914 36.7909 6 39 6Z",fill:"white"}),n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M51 6C53.2091 6 55 4.20914 55 2H57V8H45V2H47C47 4.20914 48.7909 6 51 6Z",fill:"white"}),n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M63 6C65.2091 6 67 4.20914 67 2H69V8H57V2H59C59 4.20914 60.7909 6 63 6Z",fill:"white"}),n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M75 6C77.2091 6 79 4.20914 79 2H81V8H69V2H71C71 4.20914 72.7909 6 75 6Z",fill:"white"}),n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M87 6C89.2091 6 91 4.20914 91 2H93V8H81V2H83C83 4.20914 84.7909 6 87 6Z",fill:"white"}),n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M99 6C101.209 6 103 4.20914 103 2H105V8H93V2H95C95 4.20914 96.7909 6 99 6Z",fill:"white"}),n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M107 2C107 4.20914 108.791 6 111 6L111 8L105 8L105 2L107 2Z",fill:"white"}),n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M107 14C107 16.2091 108.791 18 111 18L111 20L105 20L105 8L111 8L111 10C108.791 10 107 11.7909 107 14Z",fill:"white"}),n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M107 26C107 28.2091 108.791 30 111 30L111 32L105 32L105 20L111 20L111 22C108.791 22 107 23.7909 107 26Z",fill:"white"}),n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M107 38C107 40.2091 108.791 42 111 42L111 44L105 44L105 32L111 32L111 34C108.791 34 107 35.7909 107 38Z",fill:"white"}),n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M107 50C107 52.2091 108.791 54 111 54L111 56L105 56L105 44L111 44L111 46C108.791 46 107 47.7909 107 50Z",fill:"white"}),n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M107 62C107 64.2091 108.791 66 111 66L111 68L105 68L105 56L111 56L111 58C108.791 58 107 59.7909 107 62Z",fill:"white"}),n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M107 74C107 76.2091 108.791 78 111 78L111 80L105 80L105 68L111 68L111 70C108.791 70 107 71.7909 107 74Z",fill:"white"}),n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M107 86C107 88.2091 108.791 90 111 90L111 92L105 92L105 80L111 80L111 82C108.791 82 107 83.7909 107 86Z",fill:"white"}),n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M107 98C107 100.209 108.791 102 111 102L111 104L105 104L105 92L111 92L111 94C108.791 94 107 95.7909 107 98Z",fill:"white"}),n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M107 110C107 112.209 108.791 114 111 114L111 116L105 116L105 104L111 104L111 106C108.791 106 107 107.791 107 110Z",fill:"white"}),n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M107 122C107 124.209 108.791 126 111 126L111 128L105 128L105 116L111 116L111 118C108.791 118 107 119.791 107 122Z",fill:"white"}),n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M111 130C108.791 130 107 131.791 107 134L105 134L105 128L111 128L111 130Z",fill:"white"}),n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M99 130C96.7909 130 95 131.791 95 134L93 134L93 128L105 128L105 134L103 134C103 131.791 101.209 130 99 130Z",fill:"white"}),n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M87 130C84.7909 130 83 131.791 83 134L81 134L81 128L93 128L93 134L91 134C91 131.791 89.2091 130 87 130Z",fill:"white"}),n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M75 130C72.7909 130 71 131.791 71 134L69 134L69 128L81 128L81 134L79 134C79 131.791 77.2091 130 75 130Z",fill:"white"}),n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M63 130C60.7909 130 59 131.791 59 134L57 134L57 128L69 128L69 134L67 134C67 131.791 65.2091 130 63 130Z",fill:"white"}),n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M51 130C48.7909 130 47 131.791 47 134L45 134L45 128L57 128L57 134L55 134C55 131.791 53.2091 130 51 130Z",fill:"white"}),n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M39 130C36.7909 130 35 131.791 35 134L33 134L33 128L45 128L45 134L43 134C43 131.791 41.2091 130 39 130Z",fill:"white"}),n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M27 130C24.7909 130 23 131.791 23 134L21 134L21 128L33 128L33 134L31 134C31 131.791 29.2091 130 27 130Z",fill:"white"}),n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M15 130C12.7909 130 11 131.791 11 134L9 134L9 128L21 128L21 134L19 134C19 131.791 17.2091 130 15 130Z",fill:"white"}),n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M7 134C7 131.791 5.20914 130 3 130L3 128L9 128L9 134L7 134Z",fill:"white"}),n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M7 122C7 119.791 5.20914 118 3 118L3 116L9 116L9 128L3 128L3 126C5.20914 126 7 124.209 7 122Z",fill:"white"}),n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M7 110C7 107.791 5.20914 106 3 106L3 104L9 104L9 116L3 116L3 114C5.20914 114 7 112.209 7 110Z",fill:"white"}),n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M7 98C7 95.7909 5.20914 94 3 94L3 92L9 92L9 104L3 104L3 102C5.20914 102 7 100.209 7 98Z",fill:"white"}),n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M7 86C7 83.7909 5.20914 82 3 82L3 80L9 80L9 92L3 92L3 90C5.20914 90 7 88.2091 7 86Z",fill:"white"}),n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M7 74C7 71.7909 5.20914 70 3 70L3 68L9 68L9 80L3 80L3 78C5.20914 78 7 76.2091 7 74Z",fill:"white"}),n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M7 62C7 59.7909 5.20914 58 3 58L3 56L9 56L9 68L3 68L3 66C5.20914 66 7 64.2091 7 62Z",fill:"white"}),n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M7 50C7 47.7909 5.20914 46 3 46L3 44L9 44L9 56L3 56L3 54C5.20914 54 7 52.2091 7 50Z",fill:"white"}),n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M7 38C7 35.7909 5.20914 34 3 34L3 32L9 32L9 44L3 44L3 42C5.20914 42 7 40.2091 7 38Z",fill:"white"}),n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M7 26C7 23.7909 5.20914 22 3 22L3 20L9 20L9 32L3 32L3 30C5.20914 30 7 28.2091 7 26Z",fill:"white"}),n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M7 14C7 11.7909 5.20914 10 3 10L3 8L9 8L9 20L3 20L3 18C5.20914 18 7 16.2091 7 14Z",fill:"white"})]}),n("defs",{children:i("filter",{id:"filter0_d_13052_9519",x:"0",y:"0",width:"114",height:"138",filterUnits:"userSpaceOnUse","color-interpolation-filters":"sRGB",children:[n("feFlood",{"flood-opacity":"0",result:"BackgroundImageFix"}),n("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),n("feOffset",{dy:"1"}),n("feGaussianBlur",{stdDeviation:"1.5"}),n("feComposite",{in2:"hardAlpha",operator:"out"}),n("feColorMatrix",{type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.24 0"}),n("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_13052_9519"}),n("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect1_dropShadow_13052_9519",result:"shape"})]})})]}),zr=e=>{const t=window.innerWidth<=450;return i(Lr,{role:"stamp",style:e.style,children:[n(Fr,{children:n(Dr,{isMobile:t})}),i(Sr,{children:[n(_r,{$backgroundColor:e.backgroundColor,children:n(Re,{type:"d1",children:e.icon})}),n(Re,{type:"p",style:{maxWidth:"-webkit-fill-available",margin:"4px 3px 0px 9px",width:"100%",fontFamily:"DM Mono",fontSize:13,maxHeight:24,textAlign:"center",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:e.title})]})]})},Mr=r.div`
|
|
1708
1709
|
position: relative;
|
|
1709
1710
|
display: flex;
|
|
1710
1711
|
width: 48px;
|
|
@@ -1716,7 +1717,7 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
1716
1717
|
background: ${e=>e.$active?e.$color?e.$color:De.surface.primary:De.surface.neutralLow};
|
|
1717
1718
|
cursor: pointer;
|
|
1718
1719
|
transition: background 0.3s;
|
|
1719
|
-
`,
|
|
1720
|
+
`,Pr=r.div`
|
|
1720
1721
|
position: absolute;
|
|
1721
1722
|
display: flex;
|
|
1722
1723
|
align-items: center;
|
|
@@ -1728,9 +1729,9 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
1728
1729
|
top: 2px;
|
|
1729
1730
|
left: ${e=>e.$active?"22px":"2px"};
|
|
1730
1731
|
transition: left 0.3s;
|
|
1731
|
-
`,
|
|
1732
|
+
`,jr=e=>{const[t,i]=c(!1);return p(()=>{e.active?i(e.active):i(!1)},[e.active]),n(Mr,{role:"container",$active:t,$color:e.color,onClick:()=>{e.onChange&&e.onChange(!t),i(!t)},children:n(Pr,{role:"tag",$active:t,children:t&&n(v,{color:e.color?e.color:De.text.primary,strokeWidth:3,height:18,width:18})})})};dn('.bubble-container {\n\tdisplay: flex;\n\tflex: 1;\n\tfont-family: "Poppins";\n\tfont-size: 13px;\n\tfont-style: normal;\n\tfont-weight: 400;\n\tline-height: 20px;\n\talign-items: flex-end;\n\tmargin-top: 2px;\n}\n\n.bubble-direction-reverse {\n\tflex-direction: row-reverse;\n}\n\n.bubble {\n\tbackground-color: #f2f2f2;\n\tborder-radius: 6px;\n\tdisplay: flex;\n\tflex-direction: column;\n\tposition: relative;\n\tvertical-align: top;\n\tword-wrap: break-word;\n\tcolor: rgba(0, 29, 61, 0.92);\n\tmax-width: 350px;\n}\n\n.me {\n\tbackground-color: #F0F3F6;\n\tmargin-left: 12px;\n\tmargin-right: 40%;\n}\n\n.you {\n\tbackground-color: #008FF5;\n\tmargin-left: 40%;\n\tmargin-right: 12px;\n\tcolor: white;\n}\n\n@media only screen and (max-width: 450px) {\n\t.me {\n\t\tmargin-right: 40px;\n\t}\n\t.you {\n\t\tmargin-right: 12px;\n\t}\n}\n');dn(".you--audio::-webkit-media-controls-panel {\n\tbackground-color: #008FF5;\n\tpadding: 4px 4px 0px;\n}\n\n.me--audio::-webkit-media-controls-panel {\n\tbackground-color: #f2f2f2;\n\tpadding: 4px 4px 0px;\n\tcolor: white;\n}\n\naudio::-webkit-media-controls-mute-button {\n\tdisplay: none !important;\n}\n\naudio::-webkit-media-controls-volume-slider {\n\tdisplay: none !important;\n}");const Br=r.div`
|
|
1732
1733
|
padding: 6px 8px 2px;
|
|
1733
|
-
`,
|
|
1734
|
+
`,Er=r.div`
|
|
1734
1735
|
display: flex;
|
|
1735
1736
|
justify-content: flex-end;
|
|
1736
1737
|
align-items: center;
|
|
@@ -1738,15 +1739,15 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
1738
1739
|
font-size: 10px;
|
|
1739
1740
|
color: ${De.text.neutralMedium};
|
|
1740
1741
|
padding: 0px 6px;
|
|
1741
|
-
`,
|
|
1742
|
+
`,Or=r.div``,Ar=r.img`
|
|
1742
1743
|
max-width: 100%;
|
|
1743
1744
|
width: auto;
|
|
1744
1745
|
height: auto;
|
|
1745
1746
|
border-radius: 6px;
|
|
1746
1747
|
object-fit: cover;
|
|
1747
|
-
`,
|
|
1748
|
+
`,Hr=r.audio`
|
|
1748
1749
|
height: 30px;
|
|
1749
|
-
`,
|
|
1750
|
+
`,Vr=e=>{const[t,o]=c(void 0);return p(()=>{o(k["delivered"===e.message.state?"CheckCheck":"failed"===e.message.state?"X":"read"===e.message.state?"CheckCheck":"sent"===e.message.state?"Check":"Clock"])},[]),n("div",{role:e.message.role,className:`bubble-container ${"sender"===e.message.type?"bubble-direction-reverse":""} `,children:i("div",{className:"bubble "+("sender"===e.message.type?"you":"me"),children:[e.message.media&&e.message.media.length>0&&i(Or,{children:[e.message.media[0].content_type.startsWith("image")&&n(Ar,{src:e.message.media[0].base64?e.message.media[0].base64:e.message.media[0].url}),e.message.media[0].content_type.startsWith("audio")&&i(Hr,{className:"sender"===e.message.type?"you--audio":"me--audio",controls:!0,controlsList:"nodownload",children:[n("source",{src:e.message.media[0].base64?e.message.media[0].base64:e.message.media[0].url,type:e.message.media[0].content_type}),"Your browser does not support the audio element."]})]}),e.message.text&&n(Br,{children:e.message.text}),i(Er,{children:[X(e.message.createdAt).format("HH:mm"),t&&n(t,{height:14,width:14,color:"read"===e.message.state?De.text.primary:De.text.neutralMedium})]})]})},e.message.key)},Tr=r.div`
|
|
1750
1751
|
position: relative;
|
|
1751
1752
|
padding: 8px 12px;
|
|
1752
1753
|
margin-bottom: 2px;
|
|
@@ -1756,7 +1757,7 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
1756
1757
|
&:hover {
|
|
1757
1758
|
background-color: ${De.surface.neutralSoft};
|
|
1758
1759
|
}
|
|
1759
|
-
`,
|
|
1760
|
+
`,Ir=e=>{const[t,o]=c(void 0);return n($n,{isVisible:e.isVisible,title:"Enviar plantilla",subtitle:"Envía un mensaje predeterminado de WhatsApp para iniciar o retomar una conversación.",buttonProps:{children:"Enviar",disabled:!t,onClick:()=>{e.onSend({template:t}),e.onClose()}},contentStyle:{paddingBottom:24},onClose:e.onClose,children:e.templates.map((e,r)=>{const a=t===e.id;return i(Tr,{title:e.description,$isSelected:a,onClick:()=>o(e.id),children:[n(Re,{type:"p",children:e.title}),n(Re,{type:"p2",style:{color:De.text.neutralMedium},children:e.subtitle})]},"template-"+r)})})},Nr=r.div`
|
|
1760
1761
|
display: flex;
|
|
1761
1762
|
flex-direction: column;
|
|
1762
1763
|
justify-content: flex-end;
|
|
@@ -1765,51 +1766,51 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
1765
1766
|
height: 100vh;
|
|
1766
1767
|
background-color: "white";
|
|
1767
1768
|
overflow: hidden;
|
|
1768
|
-
`,
|
|
1769
|
+
`,Zr=r.div`
|
|
1769
1770
|
overflow: scroll;
|
|
1770
1771
|
padding: 24px 16px 32px;
|
|
1771
|
-
${
|
|
1772
|
+
${d.lessThan("small")`
|
|
1772
1773
|
padding: 16px 16px 32px;
|
|
1773
1774
|
`}
|
|
1774
|
-
`,
|
|
1775
|
+
`,Rr=r.div`
|
|
1775
1776
|
position: sticky;
|
|
1776
1777
|
bottom: 0px;
|
|
1777
1778
|
padding: 8px 24px 24px;
|
|
1778
|
-
${
|
|
1779
|
+
${d.lessThan("small")`
|
|
1779
1780
|
padding: 8px 16px 24px;
|
|
1780
1781
|
`}
|
|
1781
|
-
`,
|
|
1782
|
+
`,Gr=r.div`
|
|
1782
1783
|
display: flex;
|
|
1783
1784
|
flex: 1;
|
|
1784
1785
|
justify-content: center;
|
|
1785
1786
|
align-items: center;
|
|
1786
1787
|
padding: 16px 8px;
|
|
1787
|
-
`,
|
|
1788
|
+
`,Wr=r(Re)`
|
|
1788
1789
|
padding: 0px 8px;
|
|
1789
|
-
`,
|
|
1790
|
+
`,Yr=r.div`
|
|
1790
1791
|
display: flex;
|
|
1791
1792
|
flex: 1;
|
|
1792
1793
|
border-top: 1px solid ${De.border.neutralSoft};
|
|
1793
1794
|
height: 1px;
|
|
1794
|
-
`,
|
|
1795
|
+
`,Ur=r.div`
|
|
1795
1796
|
display: flex;
|
|
1796
1797
|
background-color: ${De.surface.secondary};
|
|
1797
1798
|
margin: 0 18px;
|
|
1798
1799
|
padding: 2px 8px;
|
|
1799
1800
|
border-radius: 6px 6px 0px 0px;
|
|
1800
|
-
`,
|
|
1801
|
+
`,qr=e=>{const t=x(null),[o,r]=c({}),[a,l]=c(!1),[d,s]=c(!1);p(()=>{h(e.messages);const n=e.messages.slice().reverse().find(e=>"recipient"===e.type);if(n){X().diff(X(n.createdAt),"hours")>=24&&l(!0)}else l(!0);t.current&&t.current.scrollTo({top:t.current.scrollHeight,behavior:"smooth"})},[e.messages]);const h=e=>{const t=e.reduce((e,t)=>{const n=X(new Date(t.createdAt)).format("YYYY-MM-DD");return e[n]||(e[n]=[]),e[n].push(t),e},{});r(t)};return i(Nr,{role:"container",style:e.style,children:[n(Ir,{isVisible:d,templates:e.templates,onSend:e.onSend,onClose:()=>s(!1)}),n(Zr,{ref:t,children:Object.keys(o).map(e=>i(b,{children:[i(Gr,{children:[n(Yr,{}),n(Wr,{type:"c1",children:X(e).format("ddd DD MMM")}),n(Yr,{})]}),o[e].map((e,t)=>n(Vr,{message:e},e.key))]},e))}),i(Rr,{children:[a&&n(Ur,{children:n(Re,{type:"c2",children:"El último mensaje es de hace más de 24 horas. Continuar la conversación usando plantillas."})}),n(tn,{loading:e.loading,disabled:a,placeholder:e.placeholder,options:[{id:"template",label:"Plantillas",icon:n(U,{})},{id:"image",label:"Fotos",icon:n(D,{})}],onOptionClick:t=>{if("template"===t)s(!0);else if("image"===t){const t=document.createElement("input");t.type="file",t.accept="image/*",t.onchange=t=>{var n;const i=null===(n=t.target.files)||void 0===n?void 0:n[0];if(i){const t=new FileReader;t.onloadend=()=>{const n=t.result;e.onSend({media:{base64:n,contentType:"image/*"}})},t.readAsDataURL(i)}},t.click()}},onSend:t=>e.onSend(t)})]})]})},Xr=r.div`
|
|
1801
1802
|
display: flex;
|
|
1802
1803
|
flex-direction: column;
|
|
1803
1804
|
gap: 8px;
|
|
1804
|
-
`,
|
|
1805
|
+
`,Kr=r.div`
|
|
1805
1806
|
display: flex;
|
|
1806
1807
|
flex-direction: row;
|
|
1807
1808
|
gap: 8px;
|
|
1808
|
-
`,
|
|
1809
|
+
`,Jr=r.div`
|
|
1809
1810
|
display: ${e=>e.visible?"flex":"none"};
|
|
1810
1811
|
flex-direction: column;
|
|
1811
1812
|
gap: 8px;
|
|
1812
|
-
`,
|
|
1813
|
+
`,Qr=o=>{var r;const[a,l]=c(o.defaultLocation),[d,s]=c(void 0),[,h]=c(!1);p(()=>{l(o.defaultLocation)},[o.defaultLocation]);let u="";return i(Xr,{style:o.style,children:[n(Hn,{design:o.design,isLoaded:o.isLoaded,placeholder:o.placeholder?o.placeholder:"Nombre y número de la calle",defaultValue:a&&a.route?`${a.route} ${a.routeNumber}`:void 0,isForm:!0,error:d,onLocationChange:n=>t(void 0,void 0,void 0,function*(){var t,i,r,d;if(s(void 0),n.route&&n.routeNumber){const t=`${n.route} ${n.routeNumber}, ${n.zipCode}, ${n.city}, ${n.province}, ${n.country}`,i=e(null!=a?a:{},["routeInfo"]),r=Object.assign(Object.assign(Object.assign({},i),n),{address:t});l(r),o.onSubmit({data:r})}else{u=n.route&&n.routeNumber?`${n.route} ${n.routeNumber}, ${(null==a?void 0:a.routeInfo)?a.routeInfo+", ":""}${null!==(t=n.zipCode)&&void 0!==t?t:""}, ${null!==(i=n.city)&&void 0!==i?i:""}, ${null!==(r=n.province)&&void 0!==r?r:""}, ${null!==(d=n.country)&&void 0!==d?d:""}`:"",l(Object.assign(Object.assign({},a),{route:n.route,routeNumber:n.routeNumber?n.routeNumber:"",address:u,routeInfo:null==a?void 0:a.routeInfo}));const e="Añade la dirección completa, incluyendo el número de la calle",c=e+".";h(t=>{const n=!t,i=n?e:c;return s(i),o.onSubmit({error:i}),n})}})}),i(Jr,{visible:!!(null==a?void 0:a.route),children:[n(Tt,{containerStyle:{flex:1},type:"text",placeholder:"Apartamento, suite, unidad, edificio o piso",design:o.design,value:null!==(r=null==a?void 0:a.routeInfo)&&void 0!==r?r:"",onChange:e=>{if(a){const t=`${a.route} ${a.routeNumber}, ${e.target.value}, ${a.zipCode}, ${a.city}, ${a.province}, ${a.country}`,n=Object.assign(Object.assign({},a),{address:t,routeInfo:e.target.value});l(n),o.onSubmit({data:n})}}}),i(Kr,{children:[n(Tt,{containerStyle:{flex:3},type:"text",placeholder:"Ciudad",design:o.design,value:null==a?void 0:a.city,disabled:!0}),n(Tt,{containerStyle:{flex:2},type:"text",placeholder:"Código postal",design:o.design,value:null==a?void 0:a.zipCode,disabled:!0})]}),n(Tt,{type:"text",placeholder:"Provincia",design:o.design,value:null==a?void 0:a.province,disabled:!0})]})]})},ea=e=>"location"===e.type?n(Qr,Object.assign({},e)):null,ta=r.div`
|
|
1813
1814
|
display: flex;
|
|
1814
1815
|
width: fit-content;
|
|
1815
1816
|
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.24);
|
|
@@ -1820,7 +1821,7 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
1820
1821
|
&:hover {
|
|
1821
1822
|
background-color: ${De.surface.neutralSoft};
|
|
1822
1823
|
}
|
|
1823
|
-
`,
|
|
1824
|
+
`,na=r.div`
|
|
1824
1825
|
display: flex;
|
|
1825
1826
|
align-items: center;
|
|
1826
1827
|
padding: 8px;
|
|
@@ -1832,12 +1833,12 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
1832
1833
|
&:hover {
|
|
1833
1834
|
background-color: ${De.surface.neutralSoft};
|
|
1834
1835
|
}
|
|
1835
|
-
${
|
|
1836
|
+
${d.lessThan("medium")`
|
|
1836
1837
|
padding: 12px 0px;
|
|
1837
1838
|
border-bottom: 1px solid ${De.border.neutralSoft};
|
|
1838
1839
|
border-radius: 0px;
|
|
1839
1840
|
`}
|
|
1840
|
-
`,
|
|
1841
|
+
`,ia=r.div`
|
|
1841
1842
|
display: flex;
|
|
1842
1843
|
align-items: center;
|
|
1843
1844
|
justify-content: center;
|
|
@@ -1845,18 +1846,18 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
1845
1846
|
width: 24px;
|
|
1846
1847
|
border-radius: 24px;
|
|
1847
1848
|
background-color: ${De.surface.primary};
|
|
1848
|
-
`,
|
|
1849
|
+
`,oa=e=>{const t=window.innerWidth<=450,[r,a]=c(e.selectedOption||e.options[0]),[l,d]=c(!1);p(()=>{e.selectedOption?a(e.selectedOption):e.options.length>0&&a(e.options[0])},[e.selectedOption,e.options]);return i(o,{children:[i($n,{isVisible:l,type:t?"full-screen":"default",hideHeader:!0,contentStyle:{paddingBottom:12},onClose:()=>d(!1),children:[n(Re,{type:"p",weight:"medium",style:{marginBottom:8},children:"Selecciona una divisa"}),e.options.map((o,l)=>{const s=r.currency===o.currency;return i(na,{$isSelected:s,onClick:()=>(t=>{var n;a(t),d(!1),null===(n=e.onChange)||void 0===n||n.call(e,t)})(o),children:[!t&&s&&n(v,{height:16,width:16,color:De.text.primary}),i(Re,{type:"p2",style:{flex:1},children:[o.name," (",o.symbol,")"]}),t&&s&&n(ia,{children:n(v,{height:16,width:16,color:"white"})})]},l)})]}),n(ta,{style:e.style,onClick:()=>d(!0),children:i(Re,{type:"b2",children:[r.symbol," ",r.currency]})})]})},ra=l`
|
|
1849
1850
|
0% { opacity: 0; transform: translateY(10px); }
|
|
1850
1851
|
20% { opacity: 1; transform: translateY(0); }
|
|
1851
1852
|
80% { opacity: 1; transform: translateY(0); }
|
|
1852
1853
|
100% { opacity: 0; transform: translateY(-10px); }
|
|
1853
|
-
`,
|
|
1854
|
+
`,aa=r.span`
|
|
1854
1855
|
display: inline-block;
|
|
1855
|
-
animation: ${
|
|
1856
|
-
`,
|
|
1856
|
+
animation: ${ra} 2.5s ease-in-out infinite;
|
|
1857
|
+
`,la=t=>{var{children:o}=t,r=e(t,["children"]);const[a,l]=c(0);p(()=>{const e=setInterval(()=>{l(e=>(e+1)%r.options.length)},r.interval?r.interval:2500);return()=>clearInterval(e)},[r.options.length]);const[d,s]=null==o?void 0:o.split("{{data}}");return i(Re,Object.assign({},r,{children:[d,n(aa,{children:r.options[a]},r.options[a]),s]}))},da=r.div`
|
|
1857
1858
|
position: relative;
|
|
1858
1859
|
display: inline-block;
|
|
1859
|
-
`,
|
|
1860
|
+
`,sa=r.div`
|
|
1860
1861
|
display: none;
|
|
1861
1862
|
position: absolute;
|
|
1862
1863
|
top: 100%;
|
|
@@ -1867,8 +1868,8 @@ import{__rest as e,__awaiter as t}from"tslib";import{jsx as i,jsxs as o,Fragment
|
|
|
1867
1868
|
z-index: 10;
|
|
1868
1869
|
border-radius: 24px;
|
|
1869
1870
|
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
|
|
1870
|
-
${
|
|
1871
|
+
${da}:hover & {
|
|
1871
1872
|
display: block;
|
|
1872
1873
|
}
|
|
1873
|
-
`,
|
|
1874
|
+
`,ca=t=>{var{children:o,modalProps:r}=t,a=e(t,["children","modalProps"]);return i(da,Object.assign({},a,{children:[o,n(sa,Object.assign({},r))]}))};export{Bi as Avatar,Se as BreadCrumb,ut as Button,Bo as CellSelector,qr as Chat,Xi as Checkbox,Le as Color,De as ColorV2,Qo as Countdown,$r as Counter,oa as CurrencySelector,co as Dropdown,hr as FAQs,yt as Feedback,no as Filter,ea as Form,ca as Hover,Tt as Input,Gt as InputBirthday,tn as InputChat,ln as InputCode,hn as InputDateRange,jn as InputImage,Hn as InputLocation,Yn as InputPhone,gi as InputPrice,ri as InputRange,Di as Label,Kt as Menu,$n as Modal,Ko as Pagination,Go as Payout,qe as ProgressBar,Do as RadioButton,$i as SearchBar,ki as Select,zr as Stamp,jr as Switch,Uo as SwitchTag,To as Tabs,dr as TagSelector,Re as Text,la as TextAnimated,Co as TextArea};
|
|
1874
1875
|
//# sourceMappingURL=index.js.map
|