Configuración
| Opción | Tipo | Descripción | Default |
|---|---|---|---|
| lang | 'es' | 'pt' | Lenguaje a utilizar | 'es' |
| token | string | Token provisto tras realizar la autenticación | - |
| refreshToken | string | Refresh token provisto tras realizar la autenticación | - |
| environment | 'staging' | 'production' | Ambiente que se utilizara sobrescribiendo la variable de entorno proporcionada | - |
| styles | Styles | Estilos asociados al cotizador | - |
| defaultValues | DefaultValues | Valores utilizados para llenar el formulario | - |
| texts | Texts | Valores utilizados para los textos del paquete | - |
| banner | Banner | Valores utilizados para configurar el banner | - |
| enableSteps | ('banner' | 'quote' | 'recommendations')[] | Pasos habilitados para el brick | ['banner','quote','recommendations'] |
Styles
| Opción | Tipo | Descripción | Default |
|---|---|---|---|
| theme | 'light' | 'dark' | Tema a utilizar en el banner | 'dark' |
| primaryColor | string (debe ser un color css válido) | Color primario a utilizar en el banner | - |
DefaultValues
| Opción | Tipo | Descripción | Default |
|---|---|---|---|
| businessName | string | Nombre de la compañía | - |
| brand | string | Marca del automóvil | - |
| model | string | Modelo del automóvil | - |
| year | string | Año del automóvil | - |
| plate | string | Placa del automóvil | - |
| phone | string | Número de teléfono de quien cotiza. Prefijar con +56 | - |
| birthdate | Date | Fecha de cumpleaños de quien cotiza | - |
| firstName | string | Nombre de quien cotiza | - |
| lastName | string | Apellido de quien cotiza | - |
| nationalId | string | Número de RUT de quien cotiza. Ejemplo: 1.111.111-1 | - |
string | Correo electrónico de quien cotiza | - | |
| county | string | Comuna donde vive quien cotiza | - |
| carUseType | 'private' | 'comercial' | Tipo de uso del automóvil | - |
Banner
| Opción | Tipo | Descripción | Default |
|---|---|---|---|
| onClick | () => void | Acción asociada al botón | - |
| className | string | Clases que pueden ser agregadas al contenedor del banner | - |
| children | 'string' | 'html' | Contenido que se coloca en el banner | - |
Texts
| Opción | Tipo | Descripción | Default |
|---|---|---|---|
| recommendedOffers | textsRecommendedOffersOptions | Textos asociados a las ofertas recomendadas | Todos los textos de recomendaciones poseen valores por defecto |
| ciQuote | textsCiQuoteOptions | Textos asociados al formulario de cotizacion | Todos los textos del cotizador poseen valores por defecto |
| banner | textsBannerOptions | Textos asociados al banner | Todos los textos del banner poseen valores por defecto |
Texts Recommended Offers
| Opción | Tipo | Descripción | Default |
|---|---|---|---|
| title | string | Titulo de las ofertas recomendadas | - |
| description | string | Descripcion de las ofertas recomendadas | - |
| moreOffers | string | Texto para msotrar mas ofertas recomendadas | - |
Texts CiQuote
| Opción | Tipo | Descripción | Default |
|---|---|---|---|
| title | string | Título de la cotización | - |
| subtitle | string | Subtítulo de la cotización | - |
| steps | {firstStep: string; secondStep: string; thirdStep: string;} | Título de cada paso en la cotización | - |
| success | {title?: string; subtitle?: string; buttons?: {seeOffers?: string; quoteAgain?: string;};} | Textos asociados a la pantalla de éxito | - |
| error | {title?: string; subtitle?: string;} | Textos asociados a la pantalla de error | - |
| firstStep | {buttons?: {continue?: string; quoteWithoutPlate?: string; quoteWithPlate?: string;}; inputs?: {plate?: string; brand?: string; model?: string; year?: string;};} | Textos asociados al primer paso | - |
| secondStep | {alerts?: {commercialAlert?: ReactElement;}; buttons?: {continue?: string; previousStep?: string;}; inputs?: {identificationNumber?: string; firstName?: string; companyName?: string; lastName?: string; birthDate?: string; commune?: string; companyCommune?: string; carUseType?: {description?: string; tooltip?: string; label?: string;};};} | Textos asociados al segundo paso | - |
| thirdStep | {buttons?: {quote?: string; previousStep?: string;}; alerts?: {cellphoneAlert?: string; emailAlert?: string;}; inputs?: {cellphone?: string; email?: string; };} | Textos asociados al tercer paso | - |
Texts Banner
| Opción | Tipo | Descripción | Default |
|---|---|---|---|
| title | ReactNode | Título del banner | - |
| defaultTitle | string | Título por defecto del banner | - |
| defaultMessage | string | Mensaje por defecto del banner | - |
| buttonText | string | Texto asociado al botón | 'Sí, quiero cotizar' || 'Cotizar' |
| children | | ReactNode | - |