cheveguerra/bot-whatsapp
1
0
Fork 0
mirror of https://github.com/cheveguerra/bot-whatsapp.git synced 2026-04-21 21:19:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore: ⚡ pre-chore

Browse Source
This commit is contained in:
Leifer Mendez
2023-02-04 18:03:57 +01:00
parent 99b9b17f52
commit 2ecc41f3f0
82 changed files with 411 additions and 904 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/docs/src/components/widgets/Collaborator.tsx
View File

@@ -23,9 +23,7 @@ export default component$(
<div class="pt-2 space-y-4 justify-center flex">
<figcaption class="text-sm">
<div class={'font-semibold truncate'}>
{props.user.login}
</div>
<div class={'font-semibold truncate'}>{props.user.login}</div>
</figcaption>
</div>
</figure>

3
packages/docs/src/components/widgets/Collaborators.tsx
View File

@@ -32,8 +32,7 @@ export default component$((props: { users: User[] }) => {
Super estrellas
</h2>
<p class="max-w-3xl mx-auto sm:text-center text-xl text-gray-600 dark:text-slate-400">
Todo es posible gracias a el mayor recursos de todos, el
recurso humano. Tu tambien puedes{' '}
Todo es posible gracias a el mayor recursos de todos, el recurso humano. Tu tambien puedes{' '}
<a class={'font-semibold'} href="/docs/contributing">
formar parte
</a>

4
packages/docs/src/components/widgets/ExtraBar.tsx
View File

@@ -15,8 +15,8 @@ export default component$(() => {
📄 Editar esta pagina
</a>
<p class={'text-xs'}>
Forma parte de esta comunidad mejorando la documentación
siente libre de poder agregar o editar lo que quieras
Forma parte de esta comunidad mejorando la documentación siente libre de poder agregar o editar
lo que quieras
</p>
</li>
</ul>

10
packages/docs/src/components/widgets/FAQs.tsx
View File

@@ -56,13 +56,9 @@ export default component$(() => {
<IconArrowDownRight class="w-7 h-7 text-primary-600 inline-block" />
{question}
</div>
{answer
.split('\n\n')
.map((paragraph) => (
<p class="text-gray-700 dark:text-gray-400 mb-2">
{paragraph}
</p>
))}
{answer.split('\n\n').map((paragraph) => (
<p class="text-gray-700 dark:text-gray-400 mb-2">{paragraph}</p>
))}
</div>
))}
</div>

16
packages/docs/src/components/widgets/Features.tsx
View File

@@ -50,13 +50,11 @@ export default component$(() => {
Caracteristicas
</p>
<h2 class="text-4xl md:text-5xl font-bold leading-tighter tracking-tighter mb-4 font-heading">
Nuestras principales{' '}
<span class="whitespace-nowrap">funciones</span>
Nuestras principales <span class="whitespace-nowrap">funciones</span>
</h2>
<p class="max-w-3xl mx-auto sm:text-center text-xl text-gray-600 dark:text-slate-400">
El secreto es mantener los procesos repetitivos en
procesos automatizados simples, por eso te mostramos en
que destacamos.
El secreto es mantener los procesos repetitivos en procesos automatizados simples, por eso te
mostramos en que destacamos.
</p>
</div>
<div class="grid mx-auto space-y-6 md:grid-cols-2 md:space-y-0">
@@ -70,12 +68,8 @@ export default component$(() => {
</div>
</div>
<div>
<h3 class="mb-3 text-xl font-bold">
{title}
</h3>
<p class="text-gray-600 dark:text-slate-400">
{description}
</p>
<h3 class="mb-3 text-xl font-bold">{title}</h3>
<p class="text-gray-600 dark:text-slate-400">{description}</p>
</div>
</div>
))}

33
packages/docs/src/components/widgets/Hero.tsx
View File

@@ -9,36 +9,24 @@ import { src as placeholder } from '~/assets/images/chatbot-whatsapp.png?width=4
export default component$(() => {
return (
<section
class={` from-white via-purple-50 to-sky-100 dark:bg-none mt-[-95px]`}
>
<section class={` from-white via-purple-50 to-sky-100 dark:bg-none mt-[-95px]`}>
<div class="max-w-6xl mx-auto px-4 sm:px-6 md:flex md:h-screen 2xl:h-auto pt-[72px]">
<div class="py-12 md:py-12 lg:py-16 block md:flex text-center md:text-left">
<div class="pb-12 md:pb-0 md:py-0 max-w-5xl mx-auto md:pr-16 flex items-center basis-[56%]">
<div>
<h1 class="text-5xl md:text-[3.48rem] font-bold leading-tighter tracking-tighter mb-4 font-heading px-4 md:px-0">
Crear chatbot{' '}
<span class="sm:whitespace-nowrap text-[#25b637]">
WhatsApp
</span>
<br class="hidden lg:block" />{' '}
<span class="lg:inline">en minutos</span>
Crear chatbot <span class="sm:whitespace-nowrap text-[#25b637]">WhatsApp</span>
<br class="hidden lg:block" /> <span class="lg:inline">en minutos</span>
</h1>
<div class="max-w-3xl mx-auto">
<p class="text-xl text-gray-600 mb-8 dark:text-slate-400">
<span class="font-semibold ">
Con esta libreria,{' '}
</span>
<span class="font-semibold ">Con esta libreria, </span>
<span class="font-semibold ">
puedes configurar respuestas
automatizadas para preguntas frecuentes
puedes configurar respuestas automatizadas para preguntas frecuentes
</span>{' '}
, recibir y responder mensajes de manera
automatizada, y hacer un seguimiento de las
interacciones con los clientes. Además,
nuestro Chatbot se integra fácilmente con
otros sistemas y herramientas que ya esté
utilizando en su negocio.
, recibir y responder mensajes de manera automatizada, y hacer un seguimiento de las
interacciones con los clientes. Además, nuestro Chatbot se integra fácilmente con
otros sistemas y herramientas que ya esté utilizando en su negocio.
</p>
<div class="max-w-xs sm:max-w-md flex flex-nowrap flex-col sm:flex-col gap-4 m-auto md:m-0 justify-center md:justify-start">
@@ -48,10 +36,7 @@ export default component$(() => {
</code>
</div>
<div class="flex w-full sm:w-auto gap-3">
<a
href="/docs"
class="btn bg-gray-50 dark:bg-transparent"
>
<a href="/docs" class="btn bg-gray-50 dark:bg-transparent">
Ver documentación
</a>
<a

11
packages/docs/src/components/widgets/Members.tsx
View File

@@ -32,14 +32,9 @@ export default component$((props: { users: User[] }) => {
Miembros
</h2>
<p class="max-w-3xl mx-auto sm:text-center text-xl text-gray-600 dark:text-slate-400">
Conviértete en un miembro destacado y forma parte del
proyecto y disfruta de manera adelantada de las
actualizaciones{' '}
<a
class={'font-semibold'}
target={'_blank'}
href="https://opencollective.com/bot-whatsapp"
>
Conviértete en un miembro destacado y forma parte del proyecto y disfruta de manera adelantada
de las actualizaciones{' '}
<a class={'font-semibold'} target={'_blank'} href="https://opencollective.com/bot-whatsapp">
Únete
</a>
</p>

90
packages/docs/src/components/widgets/NavBar.tsx
View File

@@ -5,55 +5,45 @@ import { DocumentationCtx } from '~/contexts'
/**
* options = [] array con la lista de opciones de la documentacion
*/
export default component$(
({ options = [] }: { options: DocumentationCtx[] }) => {
return (
<div>
{options.map((item, i) => (
<UlCompoent key={i} title={item.title} list={item.list} />
))}
</div>
)
}
)
export default component$(({ options = [] }: { options: DocumentationCtx[] }) => {
return (
<div>
{options.map((item, i) => (
<UlCompoent key={i} title={item.title} list={item.list} />
))}
</div>
)
})
export const UlCompoent = component$(
(porps: { title: string; list: { link: string; name: string }[] }) => {
return (
<ul>
<li class="mt-2 lg:mt-2">
<h5 class="mb-8 lg:mb-3 font-semibold text-slate-900 dark:text-slate-200">
{porps.title}
</h5>
<LiComponent list={porps.list} />
export const UlCompoent = component$((porps: { title: string; list: { link: string; name: string }[] }) => {
return (
<ul>
<li class="mt-2 lg:mt-2">
<h5 class="mb-8 lg:mb-3 font-semibold text-slate-900 dark:text-slate-200">{porps.title}</h5>
<LiComponent list={porps.list} />
</li>
</ul>
)
})
export const LiComponent = component$((porps: { list: { link: string; name: string }[] }) => {
const location = useLocation()
const currentPage = location.pathname
return (
<ul class="space-y-6 lg:space-y-2 border-l border-slate-100 dark:border-slate-800">
{porps.list.map((opt) => (
<li>
<Link
class={[
currentPage === `${opt.link}/` ? 'font-semibold' : '',
'block border-l pl-4 -ml-px border-transparent hover:border-slate-400 dark:hover:border-slate-500 text-slate-700 hover:text-slate-900 dark:text-slate-400 dark:hover:text-slate-300 ',
]}
href={opt.link}
>
{opt.name}
</Link>
</li>
</ul>
)
}
)
export const LiComponent = component$(
(porps: { list: { link: string; name: string }[] }) => {
const location = useLocation()
const currentPage = location.pathname
return (
<ul class="space-y-6 lg:space-y-2 border-l border-slate-100 dark:border-slate-800">
{porps.list.map((opt) => (
<li>
<Link
class={[
currentPage === `${opt.link}/`
? 'font-semibold'
: '',
'block border-l pl-4 -ml-px border-transparent hover:border-slate-400 dark:hover:border-slate-500 text-slate-700 hover:text-slate-900 dark:text-slate-400 dark:hover:text-slate-300 ',
]}
href={opt.link}
>
{opt.name}
</Link>
</li>
))}
</ul>
)
}
)
))}
</ul>
)
})

125
packages/docs/src/components/widgets/Navigation.tsx
View File

@@ -1,74 +1,63 @@
import { component$ } from '@builder.io/qwik'
export const ButtonLink = component$(
(props: { name: string; link: string; direction: 'left' | 'right' }) => {
const ArrowRight = () => (
<svg
viewBox="0 0 3 6"
class="ml-3 w-auto h-1.5 text-slate-400 overflow-visible group-hover:text-slate-600 dark:group-hover:text-slate-300"
>
<path
d="M0 0L3 3L0 6"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
></path>
</svg>
)
export const ButtonLink = component$((props: { name: string; link: string; direction: 'left' | 'right' }) => {
const ArrowRight = () => (
<svg
viewBox="0 0 3 6"
class="ml-3 w-auto h-1.5 text-slate-400 overflow-visible group-hover:text-slate-600 dark:group-hover:text-slate-300"
>
<path
d="M0 0L3 3L0 6"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
></path>
</svg>
)
const ArrowLeft = () => (
<svg
viewBox="0 0 3 6"
class="mr-3 w-auto h-1.5 text-slate-400 overflow-visible group-hover:text-slate-600 dark:group-hover:text-slate-300"
>
<path
d="M3 0L0 3L3 6"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
></path>
</svg>
)
const ArrowLeft = () => (
<svg
viewBox="0 0 3 6"
class="mr-3 w-auto h-1.5 text-slate-400 overflow-visible group-hover:text-slate-600 dark:group-hover:text-slate-300"
>
<path
d="M3 0L0 3L3 6"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
></path>
</svg>
)
return (
<a
class="group flex items-center hover:text-slate-900 dark:hover:text-white"
href={props.link}
>
{props.direction === 'left' ? (
<>
<ArrowLeft />
{props.name}
</>
) : (
<>
{props.name}
<ArrowRight />
</>
)}
</a>
)
}
)
return (
<a class="group flex items-center hover:text-slate-900 dark:hover:text-white" href={props.link}>
{props.direction === 'left' ? (
<>
<ArrowLeft />
{props.name}
</>
) : (
<>
{props.name}
<ArrowRight />
</>
)}
</a>
)
})
export default component$(
(props: { pages: ({ name: string; link: string } | null)[] }) => {
const { pages } = props
return (
<div class="text-sm leading-6 mt-12">
<div class="mb-10 text-slate-700 font-semibold flex justify-between items-center dark:text-slate-200">
{pages[0] ? (
<ButtonLink direction="left" {...pages[0]} />
) : null}
{pages[1] ? (
<ButtonLink direction="right" {...pages[1]} />
) : null}
</div>
export default component$((props: { pages: ({ name: string; link: string } | null)[] }) => {
const { pages } = props
return (
<div class="text-sm leading-6 mt-12">
<div class="mb-10 text-slate-700 font-semibold flex justify-between items-center dark:text-slate-200">
{pages[0] ? <ButtonLink direction="left" {...pages[0]} /> : null}
{pages[1] ? <ButtonLink direction="right" {...pages[1]} /> : null}
</div>
)
}
)
</div>
)
})

16
packages/docs/src/components/widgets/Stats.tsx
View File

@@ -5,33 +5,25 @@ export default component$(() => {
<div class="px-4 py-8 md:py-16 sm:px-6 mx-auto md:px-24 lg:px-8 lg:py-20 max-w-6xl">
<div class="grid grid-cols-2 row-gap-8 md:grid-cols-4">
<div class="text-center md:border-r dark:md:border-slate-500 mb-10 md:mb-0">
<div class="text-4xl font-bold lg:text-5xl xl:text-6xl text-[#039de1] font-heading">
132K
</div>
<div class="text-4xl font-bold lg:text-5xl xl:text-6xl text-[#039de1] font-heading">132K</div>
<p class="text-sm font-medium tracking-widest text-gray-800 dark:text-slate-400 uppercase lg:text-base">
Downloads
</p>
</div>
<div class="text-center md:border-r dark:md:border-slate-500 mb-10 md:mb-0">
<div class="text-4xl font-bold lg:text-5xl xl:text-6xl text-[#039de1] font-heading">
24.8K
</div>
<div class="text-4xl font-bold lg:text-5xl xl:text-6xl text-[#039de1] font-heading">24.8K</div>
<p class="text-sm font-medium tracking-widest text-gray-800 dark:text-slate-400 uppercase lg:text-base">
Stars
</p>
</div>
<div class="text-center md:border-r dark:md:border-slate-500 font-heading">
<div class="text-4xl font-bold lg:text-5xl xl:text-6xl text-[#039de1]">
10.3K
</div>
<div class="text-4xl font-bold lg:text-5xl xl:text-6xl text-[#039de1]">10.3K</div>
<p class="text-sm font-medium tracking-widest text-gray-800 dark:text-slate-400 uppercase lg:text-base">
Forks
</p>
</div>
<div class="text-center">
<div class="text-4xl font-bold lg:text-5xl xl:text-6xl text-[#039de1] font-heading">
48.4K
</div>
<div class="text-4xl font-bold lg:text-5xl xl:text-6xl text-[#039de1] font-heading">48.4K</div>
<p class="text-sm font-medium tracking-widest text-gray-800 dark:text-slate-400 uppercase lg:text-base">
Users
</p>