├── .example.env
├── .gitignore
├── .prettierrc
├── Dockerfile
├── README.md
├── debug.log
├── package.json
├── public
├── 404.html
├── favicon-32x32.png
├── favicon.ico
├── images
│ ├── alex.png
│ ├── alex.svg
│ ├── drew.png
│ ├── drew.svg
│ ├── june.png
│ ├── june.svg
│ └── news
│ │ ├── cooley1.png
│ │ ├── funding.png
│ │ ├── hr.png
│ │ ├── news-image1.png
│ │ ├── news-image2.png
│ │ └── news-image3.png
├── index-dev.html
├── index-prod.html
├── index.html
├── loading.html
├── manifest.json
├── news.json
└── robots.txt
├── src
├── App.tsx
├── REST
│ ├── api
│ │ ├── digitalEmployee.tsx
│ │ └── index.ts
│ ├── apiBase.ts
│ └── index.ts
├── assets
│ ├── OAuth
│ │ └── parseOAuthQuery.ts
│ ├── admin
│ │ ├── align-left.png
│ │ ├── grid.png
│ │ ├── message-circle.png
│ │ ├── user-7.png
│ │ └── user-plus.png
│ ├── authModals
│ │ ├── close.png
│ │ └── signIn
│ │ │ ├── facebook.png
│ │ │ ├── google.png
│ │ │ ├── google.svg
│ │ │ ├── linkedin.png
│ │ │ ├── linkedin.svg
│ │ │ ├── mail.png
│ │ │ ├── microsoft.png
│ │ │ ├── microsoft.svg
│ │ │ └── twitter.png
│ ├── blog
│ │ ├── featureStories
│ │ │ ├── aiAutomation.jpg
│ │ │ ├── cart.png
│ │ │ ├── imgRaisedhands.jpg
│ │ │ ├── largeSinger.jpg
│ │ │ ├── magicCircle.png
│ │ │ └── women.png
│ │ ├── header
│ │ │ ├── left.svg
│ │ │ └── right.svg
│ │ ├── homePage
│ │ │ ├── NoPosts.jpg
│ │ │ ├── avatar.png
│ │ │ ├── centerEarth.png
│ │ │ ├── code.png
│ │ │ ├── computer.png
│ │ │ ├── computers.png
│ │ │ ├── earth.png
│ │ │ ├── like.svg
│ │ │ └── microschema.png
│ │ ├── interested
│ │ │ └── character.svg
│ │ └── postBlog
│ │ │ ├── Icon ionic-md-cloud-upload.svg
│ │ │ └── dots3.svg
│ ├── changedBlog
│ │ ├── arrowRight.png
│ │ ├── arrowUp.png
│ │ ├── comment.svg
│ │ ├── comments
│ │ │ └── close.png
│ │ └── like.svg
│ ├── deployment
│ │ ├── slack
│ │ │ ├── slack-app-credentials.png
│ │ │ ├── slack-app-home.png
│ │ │ ├── slack-app-requesting-permissions.png
│ │ │ ├── slack-create-app.png
│ │ │ ├── slack-display-information.png
│ │ │ ├── slack-event-subsriptions.png
│ │ │ ├── slack-incoming-webhooks.png
│ │ │ ├── slack-install-app-to-your-team.png
│ │ │ ├── slack-interactivity-and-shortcuts.png
│ │ │ ├── slack-manage-distribution.png
│ │ │ ├── slack-oauth-permissions.png
│ │ │ ├── slack-scopes.png
│ │ │ ├── slack-subscribe-to-bot-events.png
│ │ │ ├── slack-user-scopes.png
│ │ │ └── slack-welcome-to-hydra.png
│ │ └── teams
│ │ │ ├── teams-add-featured-channel.png
│ │ │ ├── teams-bot-certificates-secrets.png
│ │ │ ├── teams-bot-channels-reg-cred.png
│ │ │ ├── teams-bot-channels-reg.png
│ │ │ ├── teams-bot-overview.png
│ │ │ ├── teams-bot-settings.png
│ │ │ ├── teams-chat-section.png
│ │ │ ├── teams-configure.png
│ │ │ ├── teams-connect-to-channels.png
│ │ │ └── teams-creare-resourse.png
│ ├── design
│ │ ├── avatar.png
│ │ ├── comments
│ │ │ └── avatar.png
│ │ ├── computer.png
│ │ ├── designBook.png
│ │ ├── lamp.png
│ │ ├── lemon.png
│ │ └── social
│ │ │ ├── darkIcons
│ │ │ ├── copy.svg
│ │ │ ├── email.svg
│ │ │ ├── facebook.svg
│ │ │ ├── linkedin.svg
│ │ │ └── twitter.svg
│ │ │ └── greyIcons
│ │ │ ├── email.svg
│ │ │ ├── facebook.svg
│ │ │ ├── iconfinder.svg
│ │ │ ├── iconfinderlink.svg
│ │ │ ├── linkedin.svg
│ │ │ └── twitter.svg
│ ├── footer
│ │ ├── facebook.png
│ │ ├── instagram.png
│ │ ├── logo.png
│ │ └── youtube.png
│ ├── header
│ │ ├── emptyProfile.png
│ │ ├── logo.png
│ │ ├── profileContainer
│ │ │ ├── arrowDown.svg
│ │ │ ├── avatar.png
│ │ │ └── bell.png
│ │ └── search.svg
│ ├── home
│ │ ├── fonts
│ │ │ ├── Nominee-Light.otf
│ │ │ ├── Poppins-Bold.ttf
│ │ │ ├── Poppins-ExtraBold.ttf
│ │ │ ├── Poppins-Light.ttf
│ │ │ ├── Poppins-Regular.ttf
│ │ │ └── Poppins-SemiBold.ttf
│ │ ├── images
│ │ │ ├── about
│ │ │ │ ├── about.svg
│ │ │ │ ├── anite.png
│ │ │ │ ├── baba.png
│ │ │ │ ├── bc.png
│ │ │ │ ├── bonfire.png
│ │ │ │ ├── buffalo.png
│ │ │ │ ├── dc.png
│ │ │ │ ├── farooq-khalid.jpg
│ │ │ │ ├── jason.png
│ │ │ │ ├── man.svg
│ │ │ │ ├── matt-cooley.jpeg
│ │ │ │ ├── ragu-mantatikar.jpg
│ │ │ │ ├── strat-minds.png
│ │ │ │ └── ventures.png
│ │ │ ├── blog
│ │ │ │ ├── author.svg
│ │ │ │ ├── blog1.png
│ │ │ │ ├── blog2.png
│ │ │ │ ├── blog3.png
│ │ │ │ ├── blog4.png
│ │ │ │ ├── blog5.png
│ │ │ │ └── blog6.png
│ │ │ ├── buildYourOwn
│ │ │ │ ├── automated.png
│ │ │ │ ├── boys.svg
│ │ │ │ ├── chain.png
│ │ │ │ ├── diagram.svg
│ │ │ │ ├── digital.svg
│ │ │ │ ├── experience.png
│ │ │ │ ├── management.png
│ │ │ │ ├── optimization.png
│ │ │ │ ├── overview-screens1.png
│ │ │ │ ├── overview-screens2.png
│ │ │ │ ├── overview-screens3.png
│ │ │ │ ├── overview-screens4.png
│ │ │ │ ├── overview-screens5.png
│ │ │ │ ├── overview-screens6.png
│ │ │ │ ├── sales.png
│ │ │ │ ├── security.svg
│ │ │ │ ├── solution.svg
│ │ │ │ └── watch.svg
│ │ │ ├── drag.svg
│ │ │ ├── facebook.svg
│ │ │ ├── faq
│ │ │ │ └── play.svg
│ │ │ ├── home
│ │ │ │ ├── alex.svg
│ │ │ │ ├── arrow-purple.svg
│ │ │ │ ├── arrow-white.svg
│ │ │ │ ├── arrow.svg
│ │ │ │ ├── calendar.svg
│ │ │ │ ├── drew.svg
│ │ │ │ ├── gallup.svg
│ │ │ │ ├── girl1.svg
│ │ │ │ ├── girl2.png
│ │ │ │ ├── girl3.png
│ │ │ │ ├── hubspot.svg
│ │ │ │ ├── idc.svg
│ │ │ │ ├── introducing.png
│ │ │ │ ├── introducing.svg
│ │ │ │ ├── jira.svg
│ │ │ │ ├── june.svg
│ │ │ │ ├── mail.svg
│ │ │ │ ├── man.svg
│ │ │ │ ├── man1.png
│ │ │ │ ├── microsoft.svg
│ │ │ │ ├── now.svg
│ │ │ │ ├── play.svg
│ │ │ │ ├── quickbooks.svg
│ │ │ │ ├── salesforce.svg
│ │ │ │ ├── ultimate.svg
│ │ │ │ ├── xero.svg
│ │ │ │ └── zendesk.svg
│ │ │ ├── instagram.svg
│ │ │ ├── linkedin.svg
│ │ │ ├── logo-white.svg
│ │ │ ├── logo.svg
│ │ │ ├── partners
│ │ │ │ ├── asurion.png
│ │ │ │ ├── google.png
│ │ │ │ ├── line.png
│ │ │ │ ├── m.png
│ │ │ │ ├── oracle.png
│ │ │ │ └── quintica.png
│ │ │ ├── play-purple.svg
│ │ │ ├── play-yellow.svg
│ │ │ ├── play.svg
│ │ │ ├── plugAndPlay
│ │ │ │ ├── automation.svg
│ │ │ │ ├── humans-new.svg
│ │ │ │ ├── humans.svg
│ │ │ │ ├── natural.svg
│ │ │ │ ├── phone.svg
│ │ │ │ └── sales.png
│ │ │ ├── pricing
│ │ │ │ ├── checkmark.svg
│ │ │ │ ├── popular.svg
│ │ │ │ └── trial.svg
│ │ │ ├── question.svg
│ │ │ ├── slack-blue.svg
│ │ │ ├── slack.svg
│ │ │ ├── twitter.svg
│ │ │ └── youtube.svg
│ │ └── scss
│ │ │ ├── _font.scss
│ │ │ ├── _variables.scss
│ │ │ └── main.scss
│ ├── interfaces
│ │ └── digitalEmployee.ts
│ └── storiesList
│ │ ├── arrowDown.png
│ │ ├── comment.svg
│ │ ├── eye.svg
│ │ ├── like.svg
│ │ └── repost.svg
├── commonStyles
│ └── index.tsx
├── components
│ ├── AboutImage
│ │ ├── AboutImage.tsx
│ │ └── index.ts
│ ├── CreatorContainer
│ │ ├── CreatorContainer.style.ts
│ │ ├── CreatorContainer.tsx
│ │ └── index.ts
│ ├── Input
│ │ ├── Input.style.ts
│ │ ├── Input.tsx
│ │ └── index.ts
│ ├── Popover
│ │ ├── Popover.style.tsx
│ │ ├── Popover.tsx
│ │ └── index.ts
│ ├── ScrollToTop
│ │ ├── ScrollToTop.tsx
│ │ └── index.ts
│ └── Tooltip
│ │ ├── Tooltip.style.tsx
│ │ ├── Tooltip.tsx
│ │ └── index.ts
├── config.ts
├── constants
│ ├── blog.ts
│ ├── digitalEmployee.ts
│ ├── messengers.ts
│ ├── modals.ts
│ ├── routes.ts
│ ├── services.ts
│ └── storage.ts
├── containers
│ ├── Footer
│ │ ├── Footer.module.scss
│ │ └── Footer.tsx
│ ├── Header
│ │ ├── FormPopup
│ │ │ ├── FormPopup.module.scss
│ │ │ └── FormPopup.tsx
│ │ ├── Header.module.scss
│ │ ├── Header.tsx
│ │ └── HirePopup
│ │ │ ├── HirePopup.module.scss
│ │ │ └── HirePopup.tsx
│ ├── PostBlog
│ │ ├── Categories
│ │ │ ├── Categories.tsx
│ │ │ └── index.ts
│ │ ├── FileUploader
│ │ │ ├── FileUploader.tsx
│ │ │ ├── Presentation
│ │ │ │ ├── Presentation.style.ts
│ │ │ │ ├── Presentation.tsx
│ │ │ │ └── index.ts
│ │ │ └── index.ts
│ │ ├── PostBlog.style.ts
│ │ ├── PostBlog.tsx
│ │ ├── TagsFields
│ │ │ ├── TagsFields.tsx
│ │ │ └── index.ts
│ │ └── index.ts
│ └── Profile
│ │ ├── Profile.tsx
│ │ ├── ProfileButton
│ │ ├── ProfileButton.style.tsx
│ │ ├── ProfileButton.tsx
│ │ └── index.ts
│ │ └── index.ts
├── customHooks
│ ├── useLayoutEffect.ts
│ ├── useMousePosition.ts
│ ├── useOutsideClick.ts
│ └── useScroll.ts
├── globalStyles.tsx
├── index.tsx
├── modals
│ ├── AuthModals
│ │ ├── AuthModals.style.ts
│ │ ├── SignIn
│ │ │ ├── SignIn.tsx
│ │ │ └── index.ts
│ │ ├── SignUp
│ │ │ ├── SignUp.tsx
│ │ │ └── index.ts
│ │ └── index.ts
│ ├── CommonAuthModal
│ │ ├── CommonAuthModal.style.ts
│ │ ├── CommonAuthModal.tsx
│ │ └── index.ts
│ ├── Deployment
│ │ ├── Deployment.module.scss
│ │ ├── Deployment.tsx
│ │ ├── assets.tsx
│ │ └── index.tsx
│ ├── FreeTrial
│ │ ├── FreeTrial.module.scss
│ │ ├── FreeTrial.tsx
│ │ ├── assets.ts
│ │ └── index.tsx
│ └── PostBlogModal
│ │ ├── PostBlogModal.style.ts
│ │ ├── PostBlogModal.tsx
│ │ └── index.ts
├── pages
│ ├── About
│ │ ├── About.module.scss
│ │ ├── About.tsx
│ │ └── index.ts
│ ├── Blog
│ │ ├── Blog.style.ts
│ │ ├── Blog.tsx
│ │ ├── BlogEditor
│ │ │ ├── BlogEditor.style.ts
│ │ │ ├── BlogEditor.tsx
│ │ │ ├── BlogPreview.tsx
│ │ │ ├── Plugins
│ │ │ │ ├── index.ts
│ │ │ │ ├── withEmbeds.ts
│ │ │ │ └── withImages.ts
│ │ │ ├── Renderer
│ │ │ │ ├── Element.tsx
│ │ │ │ ├── Elements
│ │ │ │ │ ├── ImageElement.tsx
│ │ │ │ │ ├── VideoElement.tsx
│ │ │ │ │ └── index.ts
│ │ │ │ ├── Leaf.tsx
│ │ │ │ ├── Types.ts
│ │ │ │ └── index.ts
│ │ │ └── index.ts
│ │ ├── BlogElement
│ │ │ ├── BlogElement.style.ts
│ │ │ ├── BlogElement.tsx
│ │ │ └── index.ts
│ │ ├── Category
│ │ │ ├── BlogContainer
│ │ │ │ ├── BlogContainer.style.ts
│ │ │ │ ├── BlogContainer.tsx
│ │ │ │ └── index.ts
│ │ │ ├── Design.style.ts
│ │ │ ├── Design.tsx
│ │ │ ├── Tags
│ │ │ │ ├── Tags.style.ts
│ │ │ │ ├── Tags.tsx
│ │ │ │ └── index.ts
│ │ │ └── index.ts
│ │ ├── Create
│ │ │ ├── BlogCreatePage.style.ts
│ │ │ ├── HeaderBlogCreate
│ │ │ │ ├── HeaderBlogCreate.style.ts
│ │ │ │ ├── HeaderBlogCreate.tsx
│ │ │ │ └── index.ts
│ │ │ └── index.tsx
│ │ ├── Home
│ │ │ ├── Blogs
│ │ │ │ ├── Blogs.style.ts
│ │ │ │ ├── Blogs.tsx
│ │ │ │ ├── blogsData.ts
│ │ │ │ └── index.ts
│ │ │ ├── Features
│ │ │ │ ├── FeatureStories
│ │ │ │ │ ├── FeatureStories.style.ts
│ │ │ │ │ ├── FeatureStories.tsx
│ │ │ │ │ ├── FeatureStory
│ │ │ │ │ │ ├── FeatureStory.style.ts
│ │ │ │ │ │ ├── FeatureStory.tsx
│ │ │ │ │ │ └── index.ts
│ │ │ │ │ └── index.ts
│ │ │ │ ├── Features.style.ts
│ │ │ │ ├── Features.tsx
│ │ │ │ ├── Interested
│ │ │ │ │ ├── Interested.style.ts
│ │ │ │ │ ├── Interested.tsx
│ │ │ │ │ └── index.ts
│ │ │ │ ├── SubscribeForm
│ │ │ │ │ ├── ConfirmModal
│ │ │ │ │ │ ├── ConfirmModal.style.ts
│ │ │ │ │ │ ├── ConfirmModal.tsx
│ │ │ │ │ │ └── index.ts
│ │ │ │ │ ├── SubscribeForm.style.ts
│ │ │ │ │ ├── SubscribeForm.tsx
│ │ │ │ │ └── index.ts
│ │ │ │ ├── Tags
│ │ │ │ │ ├── Tags.style.ts
│ │ │ │ │ ├── Tags.tsx
│ │ │ │ │ └── index.ts
│ │ │ │ ├── TopAuthors
│ │ │ │ │ ├── TopAuthors.style.ts
│ │ │ │ │ ├── TopAuthors.tsx
│ │ │ │ │ └── index.ts
│ │ │ │ └── index.ts
│ │ │ ├── Home.style.ts
│ │ │ ├── Home.tsx
│ │ │ ├── SingleBlogElement
│ │ │ │ ├── SingleBlogElement.style.ts
│ │ │ │ ├── SingleBlogElement.tsx
│ │ │ │ └── index.ts
│ │ │ └── index.ts
│ │ ├── MediumLikeEditor
│ │ │ ├── components
│ │ │ │ ├── Dante
│ │ │ │ │ ├── Dante.js
│ │ │ │ │ ├── index.js
│ │ │ │ │ ├── readme.md
│ │ │ │ │ └── themes
│ │ │ │ │ │ ├── dark.js
│ │ │ │ │ │ └── default.js
│ │ │ │ ├── blocks
│ │ │ │ │ ├── button.js
│ │ │ │ │ ├── card.js
│ │ │ │ │ ├── code.js
│ │ │ │ │ ├── column.js
│ │ │ │ │ ├── commons.js
│ │ │ │ │ ├── divider.js
│ │ │ │ │ ├── embed.js
│ │ │ │ │ ├── image.js
│ │ │ │ │ ├── input.js
│ │ │ │ │ ├── jumbo.js
│ │ │ │ │ ├── placeholder.js
│ │ │ │ │ ├── unsubscribe.js
│ │ │ │ │ ├── video.js
│ │ │ │ │ └── videoRecorder
│ │ │ │ │ │ ├── MediaRecorder.js
│ │ │ │ │ │ ├── icon.js
│ │ │ │ │ │ ├── index.js
│ │ │ │ │ │ └── readme.md
│ │ │ │ ├── core
│ │ │ │ │ ├── debug.js
│ │ │ │ │ └── editor.js
│ │ │ │ ├── decorators
│ │ │ │ │ ├── link.js
│ │ │ │ │ └── prism.js
│ │ │ │ ├── draggable_elements.js
│ │ │ │ ├── icons.js
│ │ │ │ ├── popovers
│ │ │ │ │ ├── addButton.js
│ │ │ │ │ ├── color.js
│ │ │ │ │ ├── image.js
│ │ │ │ │ ├── link.js
│ │ │ │ │ ├── select.js
│ │ │ │ │ └── toolTip.js
│ │ │ │ └── readme.md
│ │ │ ├── index.js
│ │ │ ├── model
│ │ │ │ └── index.js
│ │ │ ├── styled
│ │ │ │ ├── base.js
│ │ │ │ ├── draft.css
│ │ │ │ └── menu.js
│ │ │ ├── styles-reference
│ │ │ │ ├── custom.scss
│ │ │ │ ├── dante.scss
│ │ │ │ ├── dante
│ │ │ │ │ ├── _animations.scss
│ │ │ │ │ ├── _caption.scss
│ │ │ │ │ ├── _debug.scss
│ │ │ │ │ ├── _graf.scss
│ │ │ │ │ ├── _media.scss
│ │ │ │ │ ├── _menu.scss
│ │ │ │ │ ├── _needsorder.scss
│ │ │ │ │ ├── _popover.scss
│ │ │ │ │ ├── _post.scss
│ │ │ │ │ ├── _scaffold.scss
│ │ │ │ │ ├── _tooltip.scss
│ │ │ │ │ ├── _utilities.scss
│ │ │ │ │ ├── _variables.scss
│ │ │ │ │ └── blame.scss
│ │ │ │ └── draft.css
│ │ │ └── utils
│ │ │ │ ├── find_entities.js
│ │ │ │ ├── html2content.js
│ │ │ │ ├── save_content.js
│ │ │ │ └── selection.js
│ │ ├── NoPostsPage
│ │ │ ├── NoPostsPage.style.ts
│ │ │ ├── NoPostsPage.tsx
│ │ │ └── index.ts
│ │ ├── Post
│ │ │ ├── BlogPostContainer
│ │ │ │ ├── BlogContainer
│ │ │ │ │ ├── BlogContainer.style.ts
│ │ │ │ │ ├── BlogContainer.tsx
│ │ │ │ │ └── index.ts
│ │ │ │ ├── BlogPostContainer.style.ts
│ │ │ │ ├── BlogPostContainer.tsx
│ │ │ │ ├── Comments
│ │ │ │ │ ├── Comments.style.ts
│ │ │ │ │ ├── Comments.tsx
│ │ │ │ │ └── index.ts
│ │ │ │ ├── CommentsDrawer
│ │ │ │ │ ├── CommentsDrawer.style.ts
│ │ │ │ │ ├── CommentsDrawer.tsx
│ │ │ │ │ └── index.ts
│ │ │ │ ├── FromOurBlog
│ │ │ │ │ ├── FromOurBlog.style.ts
│ │ │ │ │ ├── FromOurBlog.tsx
│ │ │ │ │ └── index.ts
│ │ │ │ ├── NavigationContainer
│ │ │ │ │ ├── NavigationContainer.style.ts
│ │ │ │ │ ├── NavigationContainer.tsx
│ │ │ │ │ └── index.ts
│ │ │ │ ├── Social
│ │ │ │ │ ├── Social.style.ts
│ │ │ │ │ ├── Social.tsx
│ │ │ │ │ └── index.ts
│ │ │ │ ├── WrittenBy
│ │ │ │ │ ├── WrittenBy.style.ts
│ │ │ │ │ ├── WrittenBy.tsx
│ │ │ │ │ └── index.ts
│ │ │ │ └── index.ts
│ │ │ ├── Post.tsx
│ │ │ └── index.ts
│ │ ├── StoriesContainer
│ │ │ ├── StoriesContainer.style.ts
│ │ │ ├── StoriesContainer.tsx
│ │ │ └── index.ts
│ │ ├── Story
│ │ │ ├── Story.style.ts
│ │ │ ├── Story.tsx
│ │ │ └── index.ts
│ │ ├── TaggedStories
│ │ │ ├── TaggedStories.tsx
│ │ │ └── index.ts
│ │ ├── YourStories
│ │ │ ├── YourStories.tsx
│ │ │ └── index.ts
│ │ ├── index.ts
│ │ ├── types.ts
│ │ └── utils.ts
│ ├── BuildYourOwn
│ │ ├── BuildYourOwn.module.scss
│ │ ├── BuildYourOwn.tsx
│ │ └── index.ts
│ ├── ContactUs
│ │ ├── ContactUs.module.scss
│ │ ├── ContactUs.tsx
│ │ └── index.ts
│ ├── DigitalEmployee
│ │ ├── DigitalEmployee.module.scss
│ │ ├── DigitalEmployee.tsx
│ │ ├── FlowSteps
│ │ │ ├── FlowSteps.tsx
│ │ │ └── index.ts
│ │ ├── forms
│ │ │ ├── CheckConfiguration
│ │ │ │ ├── CheckConfiguration.tsx
│ │ │ │ └── index.ts
│ │ │ ├── Finish
│ │ │ │ ├── Finish.tsx
│ │ │ │ └── index.ts
│ │ │ ├── MessengerForm
│ │ │ │ ├── MessengerForm.tsx
│ │ │ │ └── index.ts
│ │ │ ├── SelectService
│ │ │ │ ├── SelectService.tsx
│ │ │ │ └── index.ts
│ │ │ ├── ServiceForm
│ │ │ │ ├── ServiceForm.tsx
│ │ │ │ └── index.ts
│ │ │ ├── SlackForm
│ │ │ │ ├── SlackForm.tsx
│ │ │ │ └── index.ts
│ │ │ ├── TeamsForm
│ │ │ │ ├── TeamsForm.tsx
│ │ │ │ └── index.ts
│ │ │ ├── UserData
│ │ │ │ ├── UserData.tsx
│ │ │ │ └── index.ts
│ │ │ ├── VerifyEmail
│ │ │ │ ├── VerifyEmail.tsx
│ │ │ │ └── index.ts
│ │ │ ├── components
│ │ │ │ ├── Checkbox
│ │ │ │ │ ├── Checkbox.style.ts
│ │ │ │ │ ├── Checkbox.tsx
│ │ │ │ │ └── index.ts
│ │ │ │ └── ErrorMessage
│ │ │ │ │ ├── ErrorMessage.style.ts
│ │ │ │ │ ├── ErrorMessage.tsx
│ │ │ │ │ └── index.ts
│ │ │ ├── forms.style.ts
│ │ │ └── index.ts
│ │ └── index.ts
│ ├── FAQ
│ │ ├── FAQ.module.scss
│ │ ├── FAQ.tsx
│ │ └── index.ts
│ ├── HelpCenter
│ │ ├── HelpCenter.module.scss
│ │ ├── HelpCenter.tsx
│ │ └── index.ts
│ ├── Home
│ │ ├── AverageImage
│ │ │ └── AverageImage.tsx
│ │ ├── BannerImage
│ │ │ ├── BannerImage.module.scss
│ │ │ └── BannerImage.tsx
│ │ ├── EmployeesImage
│ │ │ └── EmployeesImage.tsx
│ │ ├── Home.module.scss
│ │ ├── Home.tsx
│ │ └── index.ts
│ ├── News
│ │ ├── News.module.scss
│ │ ├── News.tsx
│ │ └── index.ts
│ ├── NewsSingle
│ │ ├── NewsSingle.module.scss
│ │ ├── NewsSingle.tsx
│ │ └── index.ts
│ ├── OAuth
│ │ ├── OAuth.module.scss
│ │ ├── OAuth.tsx
│ │ └── index.ts
│ ├── Partners
│ │ ├── Partners.module.scss
│ │ ├── Partners.tsx
│ │ └── index.ts
│ ├── PlatformRedirect
│ │ ├── PlatformRedirect.style.ts
│ │ ├── PlatformRedirect.tsx
│ │ └── index.ts
│ ├── PlugAndPlay
│ │ ├── BannerImage
│ │ │ └── BannerImage.jsx
│ │ ├── PlugAndPlay.module.scss
│ │ ├── PlugAndPlay.tsx
│ │ └── index.ts
│ ├── Portal
│ │ ├── Portal.style.ts
│ │ ├── Portal.tsx
│ │ └── index.ts
│ ├── Pricing
│ │ ├── Pricing.module.scss
│ │ ├── Pricing.tsx
│ │ └── index.ts
│ ├── PrivacyPolicy
│ │ ├── PrivacyPolicy.module.scss
│ │ ├── PrivacyPolicy.tsx
│ │ └── index.ts
│ ├── Terms
│ │ ├── Terms.module.scss
│ │ ├── Terms.tsx
│ │ └── index.ts
│ ├── app.module.scss
│ ├── index.scss
│ └── index.tsx
├── react-app-env.d.ts
├── redux
│ ├── auth
│ │ ├── actions.ts
│ │ ├── reducer.ts
│ │ ├── saga.ts
│ │ ├── selectors.ts
│ │ └── types.ts
│ ├── commonTypes.ts
│ ├── contactUs
│ │ ├── actions.ts
│ │ ├── reducer.ts
│ │ ├── selectors.ts
│ │ └── types.ts
│ ├── designPage
│ │ ├── actions.ts
│ │ ├── reducer.ts
│ │ ├── selectors.ts
│ │ └── types.ts
│ ├── digitalEmployee
│ │ ├── actions.ts
│ │ ├── reducer.ts
│ │ ├── saga.ts
│ │ ├── selectors.ts
│ │ └── types.ts
│ ├── homeBlogs
│ │ ├── actions.ts
│ │ ├── reducer.ts
│ │ └── selectors.ts
│ ├── modals
│ │ ├── actions.ts
│ │ ├── reducer.ts
│ │ ├── saga.ts
│ │ ├── selectors.ts
│ │ └── types.ts
│ ├── postBlog
│ │ ├── actions.ts
│ │ ├── reducer.ts
│ │ ├── selectors.ts
│ │ └── types.ts
│ ├── reducers.ts
│ ├── sagas.ts
│ ├── store.ts
│ └── yourStories
│ │ ├── actions.ts
│ │ ├── reducer.ts
│ │ └── types.ts
├── routes
│ ├── PublicRoutes.tsx
│ ├── RestrictedRoutes.tsx
│ └── index.ts
├── serviceWorker.ts
├── services
│ ├── BaseService
│ │ ├── BaseService.ts
│ │ └── interfaces.ts
│ ├── DigitalEmployeeService
│ │ ├── DigitalEmployeeService.ts
│ │ ├── dto
│ │ │ ├── digitalEmployee-request.dto.ts
│ │ │ └── digitalEmployee-response.dto.ts
│ │ └── index.ts
│ ├── InteractionService
│ │ ├── InteractionService.ts
│ │ ├── dto
│ │ │ ├── addPlatform-request.dto.ts
│ │ │ └── addPlatform-response.dto.ts
│ │ └── index.ts
│ ├── OAuthService
│ │ ├── OAuthService.ts
│ │ ├── dto
│ │ │ ├── oauth-request.dto.ts
│ │ │ └── oauth-response.dto.ts
│ │ └── index.ts
│ └── WebhookService
│ │ ├── WebhookService.ts
│ │ ├── dto
│ │ ├── webhook-request.dto.ts
│ │ └── webhook-response.dto.ts
│ │ └── index.ts
├── setupTests.ts
└── utils
│ ├── CommonUtils.ts
│ ├── DigitalEmployeeUtils.ts
│ ├── errors.ts
│ ├── firebase.ts
│ ├── index.ts
│ └── interfaces.ts
├── tsconfig.json
├── yarn-error.log
└── yarn.lock
/.example.env:
--------------------------------------------------------------------------------
1 | CI=true
2 |
3 | REACT_APP_URL_API_DEV=https://app.skael.ai/api
4 | REACT_APP_AUTH_API_URL=https://oauth.skael.ai
5 | REACT_APP_PORTAL_URL=https://app.skael.ai/portal
6 | REACT_APP_DE_DREW_SNOW_SLACK=11
7 | REACT_APP_DE_DREW_SNOW_TEAMS=11
8 | REACT_APP_DE_DREW_ZENDESK_SLACK=85
9 | REACT_APP_DE_DREW_ZENDESK_TEAMS=85
10 | REACT_APP_DE_ALEX_QUICKBOOKS_SLACK=112
11 | REACT_APP_DE_ALEX_QUICKBOOKS_TEAMS=112
12 | REACT_APP_DE_JUNE_HUBSPOT_SLACK=43
13 | REACT_APP_DE_JUNE_HUBSPOT_TEAMS=43
14 | REACT_APP_DE_JUNE_SALESFORCE_SLACK=111
15 | REACT_APP_DE_JUNE_SALESFORCE_TEAMS=111
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules/
2 | build/
3 | .idea/
4 | .env
--------------------------------------------------------------------------------
/.prettierrc:
--------------------------------------------------------------------------------
1 | {
2 | "singleQuote": true,
3 | "jsxSingleQuote": false,
4 | "trailingComma": "es5",
5 | "tabWidth": 2,
6 | "useTabs": false,
7 | "printWidth": 120,
8 | "bracketSpacing": true,
9 | "arrowParens": "avoid",
10 | "semi": true
11 | }
12 |
--------------------------------------------------------------------------------
/Dockerfile:
--------------------------------------------------------------------------------
1 | # select image
2 | FROM node:10.22.1-alpine
3 | WORKDIR /usr/src/app
4 |
5 | ADD package.json yarn.lock ./
6 | RUN yarn
7 |
8 | ADD tsconfig.json ./
9 | ADD ./src/ ./src
10 | ADD ./public/ ./public
11 |
12 | ENV NPM_CONFIG_LOGLEVEL verbose
13 |
14 | EXPOSE 3000
15 | CMD ["sh", "-c", "yarn dev"]
16 |
--------------------------------------------------------------------------------
/debug.log:
--------------------------------------------------------------------------------
1 | [1105/180014.061:ERROR:directory_reader_win.cc(43)] FindFirstFile: The system cannot find the path specified. (0x3)
2 | [1105/183531.450:ERROR:directory_reader_win.cc(43)] FindFirstFile: The system cannot find the path specified. (0x3)
3 | [1106/091358.217:ERROR:directory_reader_win.cc(43)] FindFirstFile: The system cannot find the path specified. (0x3)
4 |
--------------------------------------------------------------------------------
/public/404.html:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/railsonsousa106/React-Redux-Saga-TypeScript/27713352c8781ba8851ef23e976801a6af250ddb/public/404.html
--------------------------------------------------------------------------------
/public/favicon-32x32.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/railsonsousa106/React-Redux-Saga-TypeScript/27713352c8781ba8851ef23e976801a6af250ddb/public/favicon-32x32.png
--------------------------------------------------------------------------------
/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/railsonsousa106/React-Redux-Saga-TypeScript/27713352c8781ba8851ef23e976801a6af250ddb/public/favicon.ico
--------------------------------------------------------------------------------
/public/images/alex.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/railsonsousa106/React-Redux-Saga-TypeScript/27713352c8781ba8851ef23e976801a6af250ddb/public/images/alex.png
--------------------------------------------------------------------------------
/public/images/drew.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/railsonsousa106/React-Redux-Saga-TypeScript/27713352c8781ba8851ef23e976801a6af250ddb/public/images/drew.png
--------------------------------------------------------------------------------
/public/images/june.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/railsonsousa106/React-Redux-Saga-TypeScript/27713352c8781ba8851ef23e976801a6af250ddb/public/images/june.png
--------------------------------------------------------------------------------
/public/images/news/cooley1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/railsonsousa106/React-Redux-Saga-TypeScript/27713352c8781ba8851ef23e976801a6af250ddb/public/images/news/cooley1.png
--------------------------------------------------------------------------------
/public/images/news/funding.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/railsonsousa106/React-Redux-Saga-TypeScript/27713352c8781ba8851ef23e976801a6af250ddb/public/images/news/funding.png
--------------------------------------------------------------------------------
/public/images/news/hr.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/railsonsousa106/React-Redux-Saga-TypeScript/27713352c8781ba8851ef23e976801a6af250ddb/public/images/news/hr.png
--------------------------------------------------------------------------------
/public/images/news/news-image1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/railsonsousa106/React-Redux-Saga-TypeScript/27713352c8781ba8851ef23e976801a6af250ddb/public/images/news/news-image1.png
--------------------------------------------------------------------------------
/public/images/news/news-image2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/railsonsousa106/React-Redux-Saga-TypeScript/27713352c8781ba8851ef23e976801a6af250ddb/public/images/news/news-image2.png
--------------------------------------------------------------------------------
/public/images/news/news-image3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/railsonsousa106/React-Redux-Saga-TypeScript/27713352c8781ba8851ef23e976801a6af250ddb/public/images/news/news-image3.png
--------------------------------------------------------------------------------
/public/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "short_name": "SKAEL",
3 | "name": "SKAEL",
4 | "icons": [
5 | {
6 | "src": "favicon.ico",
7 | "sizes": "64x64 32x32 24x24 16x16",
8 | "type": "image/x-icon"
9 | },
10 | {
11 | "src": "favicon-32x32.png",
12 | "type": "image/png",
13 | "sizes": "32x32"
14 | }
15 | ],
16 | "start_url": ".",
17 | "display": "standalone",
18 | "theme_color": "#7860FA",
19 | "background_color": "#ffffff"
20 | }
21 |
--------------------------------------------------------------------------------
/public/robots.txt:
--------------------------------------------------------------------------------
1 | # https://www.robotstxt.org/robotstxt.html
2 | User-agent: *
3 | Disallow:
4 |
--------------------------------------------------------------------------------
/src/App.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { Provider } from 'react-redux';
3 | import { ThemeProvider } from 'styled-components';
4 | import { ConnectedRouter } from 'connected-react-router';
5 |
6 | import { GlobalStyle } from './globalStyles';
7 | import store, { history } from './redux/store';
8 | import { Pages } from './pages';
9 | import { ScrollToTop } from './components/ScrollToTop';
10 |
11 | import 'swiper/swiper.scss';
12 |
13 | const theme = {
14 | mainTextColor: '#0B0B09',
15 | backgroundColor: '#FCFDFF',
16 | };
17 |
18 | const App = () => {
19 | return (
20 |
21 |
22 |
23 |
27 |
28 |
29 | );
30 | };
31 |
32 | export default App;
33 |
--------------------------------------------------------------------------------
/src/REST/api/digitalEmployee.tsx:
--------------------------------------------------------------------------------
1 | // components
2 | import apiBase from '../apiBase';
3 |
4 | interface IProps {
5 | user_name: any;
6 | user_email: any;
7 | organization_name: any;
8 | template_id: any;
9 | }
10 |
11 | const config = {
12 | headers: { 'Access-Control-Allow-Origin': '*' }
13 | };
14 |
15 | export const setDigitalEmployee = async ({
16 | user_name,
17 | user_email,
18 | organization_name,
19 | template_id
20 | }: IProps) =>
21 | apiBase.post(
22 | `/digital-employee`,
23 | {
24 | user_name,
25 | user_email,
26 | organization_name,
27 | template_id
28 | },
29 | config
30 | );
31 |
--------------------------------------------------------------------------------
/src/REST/api/index.ts:
--------------------------------------------------------------------------------
1 | import * as digitalEmployee from './digitalEmployee';
2 |
3 | export { digitalEmployee };
4 |
--------------------------------------------------------------------------------
/src/REST/apiBase.ts:
--------------------------------------------------------------------------------
1 | import axios from 'axios/index';
2 |
3 | const { REACT_APP_URL_API_DEV }: any = process.env;
4 |
5 | const apiBase = axios.create({
6 | baseURL: `${REACT_APP_URL_API_DEV}`
7 | });
8 |
9 | export default apiBase;
10 |
--------------------------------------------------------------------------------
/src/REST/index.ts:
--------------------------------------------------------------------------------
1 | import * as api from './api';
2 |
3 | export { api };
--------------------------------------------------------------------------------
/src/assets/OAuth/parseOAuthQuery.ts:
--------------------------------------------------------------------------------
1 | interface OAuthQueryParseResult {
2 | [propName: string]: unknown;
3 | }
4 |
5 | export const parseOAuthQuery = (search: string): OAuthQueryParseResult => {
6 | const searchParams: URLSearchParams = new URLSearchParams(search);
7 | const params: OAuthQueryParseResult = {};
8 |
9 | searchParams.forEach((value, key) => {
10 | params[key] = value;
11 | });
12 |
13 | return { ...params };
14 | };
15 |
--------------------------------------------------------------------------------
/src/assets/admin/align-left.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/railsonsousa106/React-Redux-Saga-TypeScript/27713352c8781ba8851ef23e976801a6af250ddb/src/assets/admin/align-left.png
--------------------------------------------------------------------------------
/src/assets/admin/grid.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/railsonsousa106/React-Redux-Saga-TypeScript/27713352c8781ba8851ef23e976801a6af250ddb/src/assets/admin/grid.png
--------------------------------------------------------------------------------
/src/assets/admin/message-circle.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/railsonsousa106/React-Redux-Saga-TypeScript/27713352c8781ba8851ef23e976801a6af250ddb/src/assets/admin/message-circle.png
--------------------------------------------------------------------------------
/src/assets/admin/user-7.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/railsonsousa106/React-Redux-Saga-TypeScript/27713352c8781ba8851ef23e976801a6af250ddb/src/assets/admin/user-7.png
--------------------------------------------------------------------------------
/src/assets/admin/user-plus.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/railsonsousa106/React-Redux-Saga-TypeScript/27713352c8781ba8851ef23e976801a6af250ddb/src/assets/admin/user-plus.png
--------------------------------------------------------------------------------
/src/assets/authModals/close.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/railsonsousa106/React-Redux-Saga-TypeScript/27713352c8781ba8851ef23e976801a6af250ddb/src/assets/authModals/close.png
--------------------------------------------------------------------------------
/src/assets/authModals/signIn/facebook.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/railsonsousa106/React-Redux-Saga-TypeScript/27713352c8781ba8851ef23e976801a6af250ddb/src/assets/authModals/signIn/facebook.png
--------------------------------------------------------------------------------
/src/assets/authModals/signIn/google.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/railsonsousa106/React-Redux-Saga-TypeScript/27713352c8781ba8851ef23e976801a6af250ddb/src/assets/authModals/signIn/google.png
--------------------------------------------------------------------------------
/src/assets/authModals/signIn/google.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
6 |
7 |
--------------------------------------------------------------------------------
/src/assets/home/images/blog/blog1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/railsonsousa106/React-Redux-Saga-TypeScript/27713352c8781ba8851ef23e976801a6af250ddb/src/assets/home/images/blog/blog1.png
--------------------------------------------------------------------------------
/src/assets/home/images/blog/blog2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/railsonsousa106/React-Redux-Saga-TypeScript/27713352c8781ba8851ef23e976801a6af250ddb/src/assets/home/images/blog/blog2.png
--------------------------------------------------------------------------------
/src/assets/home/images/blog/blog3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/railsonsousa106/React-Redux-Saga-TypeScript/27713352c8781ba8851ef23e976801a6af250ddb/src/assets/home/images/blog/blog3.png
--------------------------------------------------------------------------------
/src/assets/home/images/blog/blog4.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/railsonsousa106/React-Redux-Saga-TypeScript/27713352c8781ba8851ef23e976801a6af250ddb/src/assets/home/images/blog/blog4.png
--------------------------------------------------------------------------------
/src/assets/home/images/blog/blog5.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/railsonsousa106/React-Redux-Saga-TypeScript/27713352c8781ba8851ef23e976801a6af250ddb/src/assets/home/images/blog/blog5.png
--------------------------------------------------------------------------------
/src/assets/home/images/blog/blog6.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/railsonsousa106/React-Redux-Saga-TypeScript/27713352c8781ba8851ef23e976801a6af250ddb/src/assets/home/images/blog/blog6.png
--------------------------------------------------------------------------------
/src/assets/home/images/buildYourOwn/automated.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/railsonsousa106/React-Redux-Saga-TypeScript/27713352c8781ba8851ef23e976801a6af250ddb/src/assets/home/images/buildYourOwn/automated.png
--------------------------------------------------------------------------------
/src/assets/home/images/buildYourOwn/chain.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/railsonsousa106/React-Redux-Saga-TypeScript/27713352c8781ba8851ef23e976801a6af250ddb/src/assets/home/images/buildYourOwn/chain.png
--------------------------------------------------------------------------------
/src/assets/home/images/buildYourOwn/experience.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/railsonsousa106/React-Redux-Saga-TypeScript/27713352c8781ba8851ef23e976801a6af250ddb/src/assets/home/images/buildYourOwn/experience.png
--------------------------------------------------------------------------------
/src/assets/home/images/buildYourOwn/management.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/railsonsousa106/React-Redux-Saga-TypeScript/27713352c8781ba8851ef23e976801a6af250ddb/src/assets/home/images/buildYourOwn/management.png
--------------------------------------------------------------------------------
/src/assets/home/images/buildYourOwn/optimization.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/railsonsousa106/React-Redux-Saga-TypeScript/27713352c8781ba8851ef23e976801a6af250ddb/src/assets/home/images/buildYourOwn/optimization.png
--------------------------------------------------------------------------------
/src/assets/home/images/buildYourOwn/overview-screens1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/railsonsousa106/React-Redux-Saga-TypeScript/27713352c8781ba8851ef23e976801a6af250ddb/src/assets/home/images/buildYourOwn/overview-screens1.png
--------------------------------------------------------------------------------
/src/assets/home/images/buildYourOwn/overview-screens2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/railsonsousa106/React-Redux-Saga-TypeScript/27713352c8781ba8851ef23e976801a6af250ddb/src/assets/home/images/buildYourOwn/overview-screens2.png
--------------------------------------------------------------------------------
/src/assets/home/images/buildYourOwn/overview-screens3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/railsonsousa106/React-Redux-Saga-TypeScript/27713352c8781ba8851ef23e976801a6af250ddb/src/assets/home/images/buildYourOwn/overview-screens3.png
--------------------------------------------------------------------------------
/src/assets/home/images/buildYourOwn/overview-screens4.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/railsonsousa106/React-Redux-Saga-TypeScript/27713352c8781ba8851ef23e976801a6af250ddb/src/assets/home/images/buildYourOwn/overview-screens4.png
--------------------------------------------------------------------------------
/src/assets/home/images/buildYourOwn/overview-screens5.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/railsonsousa106/React-Redux-Saga-TypeScript/27713352c8781ba8851ef23e976801a6af250ddb/src/assets/home/images/buildYourOwn/overview-screens5.png
--------------------------------------------------------------------------------
/src/assets/home/images/buildYourOwn/overview-screens6.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/railsonsousa106/React-Redux-Saga-TypeScript/27713352c8781ba8851ef23e976801a6af250ddb/src/assets/home/images/buildYourOwn/overview-screens6.png
--------------------------------------------------------------------------------
/src/assets/home/images/buildYourOwn/sales.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/railsonsousa106/React-Redux-Saga-TypeScript/27713352c8781ba8851ef23e976801a6af250ddb/src/assets/home/images/buildYourOwn/sales.png
--------------------------------------------------------------------------------
/src/assets/home/images/buildYourOwn/watch.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
8 | Watch Video
10 |
11 |
--------------------------------------------------------------------------------
/src/assets/home/images/drag.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
7 |
8 |
--------------------------------------------------------------------------------
/src/assets/home/images/facebook.svg:
--------------------------------------------------------------------------------
1 |
2 |
4 |
--------------------------------------------------------------------------------
/src/assets/home/images/faq/play.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
5 |
6 |
--------------------------------------------------------------------------------
/src/assets/home/images/home/arrow-purple.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
6 |
7 |
8 |
9 |
10 |
12 |
13 |
14 |
15 |
--------------------------------------------------------------------------------
/src/assets/home/images/home/arrow-white.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
6 |
7 |
8 |
9 |
10 |
12 |
13 |
14 |
15 |
--------------------------------------------------------------------------------
/src/assets/home/images/home/arrow.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
6 |
7 |
8 |
9 |
10 |
12 |
13 |
14 |
15 |
--------------------------------------------------------------------------------
/src/assets/home/images/home/girl2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/railsonsousa106/React-Redux-Saga-TypeScript/27713352c8781ba8851ef23e976801a6af250ddb/src/assets/home/images/home/girl2.png
--------------------------------------------------------------------------------
/src/assets/home/images/home/girl3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/railsonsousa106/React-Redux-Saga-TypeScript/27713352c8781ba8851ef23e976801a6af250ddb/src/assets/home/images/home/girl3.png
--------------------------------------------------------------------------------
/src/assets/home/images/home/introducing.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/railsonsousa106/React-Redux-Saga-TypeScript/27713352c8781ba8851ef23e976801a6af250ddb/src/assets/home/images/home/introducing.png
--------------------------------------------------------------------------------
/src/assets/home/images/home/jira.svg:
--------------------------------------------------------------------------------
1 |
2 |
6 |
--------------------------------------------------------------------------------
/src/assets/home/images/home/man1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/railsonsousa106/React-Redux-Saga-TypeScript/27713352c8781ba8851ef23e976801a6af250ddb/src/assets/home/images/home/man1.png
--------------------------------------------------------------------------------
/src/assets/home/images/home/play.svg:
--------------------------------------------------------------------------------
1 |
2 |
4 |
--------------------------------------------------------------------------------
/src/assets/home/images/home/quickbooks.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
6 |
7 |
--------------------------------------------------------------------------------
/src/assets/home/images/home/xero.svg:
--------------------------------------------------------------------------------
1 |
2 |
5 |
--------------------------------------------------------------------------------
/src/assets/home/images/instagram.svg:
--------------------------------------------------------------------------------
1 |
2 |
6 |
--------------------------------------------------------------------------------
/src/assets/home/images/linkedin.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
6 |
7 |
8 |
10 |
11 |
12 |
13 |
17 |
18 |
19 |
20 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
40 |
41 |
42 |
43 |
44 |
45 |
46 |
47 |
48 |
49 |
50 |
51 |
52 |
53 |
54 |
--------------------------------------------------------------------------------
/src/assets/home/images/logo-white.svg:
--------------------------------------------------------------------------------
1 |
2 |
8 |
--------------------------------------------------------------------------------
/src/assets/home/images/logo.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
9 |
10 |
--------------------------------------------------------------------------------
/src/assets/home/images/partners/asurion.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/railsonsousa106/React-Redux-Saga-TypeScript/27713352c8781ba8851ef23e976801a6af250ddb/src/assets/home/images/partners/asurion.png
--------------------------------------------------------------------------------
/src/assets/home/images/partners/google.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/railsonsousa106/React-Redux-Saga-TypeScript/27713352c8781ba8851ef23e976801a6af250ddb/src/assets/home/images/partners/google.png
--------------------------------------------------------------------------------
/src/assets/home/images/partners/line.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/railsonsousa106/React-Redux-Saga-TypeScript/27713352c8781ba8851ef23e976801a6af250ddb/src/assets/home/images/partners/line.png
--------------------------------------------------------------------------------
/src/assets/home/images/partners/m.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/railsonsousa106/React-Redux-Saga-TypeScript/27713352c8781ba8851ef23e976801a6af250ddb/src/assets/home/images/partners/m.png
--------------------------------------------------------------------------------
/src/assets/home/images/partners/oracle.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/railsonsousa106/React-Redux-Saga-TypeScript/27713352c8781ba8851ef23e976801a6af250ddb/src/assets/home/images/partners/oracle.png
--------------------------------------------------------------------------------
/src/assets/home/images/partners/quintica.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/railsonsousa106/React-Redux-Saga-TypeScript/27713352c8781ba8851ef23e976801a6af250ddb/src/assets/home/images/partners/quintica.png
--------------------------------------------------------------------------------
/src/assets/home/images/play-purple.svg:
--------------------------------------------------------------------------------
1 |
2 |
4 |
--------------------------------------------------------------------------------
/src/assets/home/images/play-yellow.svg:
--------------------------------------------------------------------------------
1 |
2 |
4 |
--------------------------------------------------------------------------------
/src/assets/home/images/play.svg:
--------------------------------------------------------------------------------
1 |
2 |
4 |
--------------------------------------------------------------------------------
/src/assets/home/images/plugAndPlay/sales.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/railsonsousa106/React-Redux-Saga-TypeScript/27713352c8781ba8851ef23e976801a6af250ddb/src/assets/home/images/plugAndPlay/sales.png
--------------------------------------------------------------------------------
/src/assets/home/images/pricing/checkmark.svg:
--------------------------------------------------------------------------------
1 |
2 |
4 |
--------------------------------------------------------------------------------
/src/assets/home/images/pricing/popular.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
5 |
7 | Popular
10 |
11 |
--------------------------------------------------------------------------------
/src/assets/home/images/pricing/trial.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
5 |
7 | 14 Day Trial
10 |
11 |
--------------------------------------------------------------------------------
/src/assets/home/images/slack-blue.svg:
--------------------------------------------------------------------------------
1 |
2 |
7 |
--------------------------------------------------------------------------------
/src/assets/home/images/slack.svg:
--------------------------------------------------------------------------------
1 |
2 |
4 |
--------------------------------------------------------------------------------
/src/assets/home/scss/_font.scss:
--------------------------------------------------------------------------------
1 | @font-face {
2 | font-family: 'Poppins';
3 | src: url('../fonts/Poppins-Light.ttf') format('truetype');
4 | font-weight: 300;
5 | font-style: normal;
6 | }
7 |
8 | @font-face {
9 | font-family: 'Poppins';
10 | src: url('../fonts/Poppins-Regular.ttf') format('truetype');
11 | font-weight: normal;
12 | font-style: normal;
13 | }
14 |
15 | @font-face {
16 | font-family: 'Poppins';
17 | src: url('../fonts/Poppins-SemiBold.ttf') format('truetype');
18 | font-weight: 600;
19 | font-style: normal;
20 | }
21 |
22 | @font-face {
23 | font-family: 'Poppins';
24 | src: url('../fonts/Poppins-Bold.ttf') format('truetype');
25 | font-weight: 700;
26 | font-style: normal;
27 | }
28 |
29 | @font-face {
30 | font-family: 'Poppins';
31 | src: url('../fonts/Poppins-ExtraBold.ttf') format('truetype');
32 | font-weight: 800;
33 | font-style: normal;
34 | }
--------------------------------------------------------------------------------
/src/assets/home/scss/_variables.scss:
--------------------------------------------------------------------------------
1 | $whiteColor: #fff;
2 | $blackColor: #0b0b09;
3 | $mainColor: #e84312;
4 | $secondColor: #27b3b6;
5 | $yellowColor: #ffd17a;
6 | $purple: #7860FA;
--------------------------------------------------------------------------------
/src/assets/home/scss/main.scss:
--------------------------------------------------------------------------------
1 | @import "font";
--------------------------------------------------------------------------------
/src/assets/storiesList/arrowDown.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/railsonsousa106/React-Redux-Saga-TypeScript/27713352c8781ba8851ef23e976801a6af250ddb/src/assets/storiesList/arrowDown.png
--------------------------------------------------------------------------------
/src/assets/storiesList/comment.svg:
--------------------------------------------------------------------------------
1 |
15 | ,
17 | document.getElementById('root')
18 | );
19 |
20 | // If you want your app to work offline and load faster, you can change
21 | // unregister() to register() below. Note this comes with some pitfalls.
22 | // Learn more about service workers: https://bit.ly/CRA-PWA
23 | serviceWorker.unregister();
24 |
--------------------------------------------------------------------------------
/src/modals/AuthModals/SignIn/index.ts:
--------------------------------------------------------------------------------
1 | import { SignIn } from './SignIn';
2 |
3 | export default SignIn;
4 | export { SignIn };
5 |
--------------------------------------------------------------------------------
/src/modals/AuthModals/SignUp/index.ts:
--------------------------------------------------------------------------------
1 | import { SignUp } from './SignUp';
2 |
3 | export default SignUp;
4 | export { SignUp };
5 |
--------------------------------------------------------------------------------
/src/modals/AuthModals/index.ts:
--------------------------------------------------------------------------------
1 | import { SignUp } from './SignUp';
2 | import { SignIn } from './SignIn';
3 |
4 | export { SignUp, SignIn };
5 |
--------------------------------------------------------------------------------
/src/modals/CommonAuthModal/CommonAuthModal.style.ts:
--------------------------------------------------------------------------------
1 | import styled from "styled-components";
2 |
3 | import { Dialog } from "@material-ui/core";
4 |
5 | export const MainContainer = styled(Dialog)``;
6 |
7 | export const ContentContainer = styled.div`
8 | width: 100%;
9 | width: 1150px;
10 | padding: 60px 0 55px 0;
11 | display: flex;
12 | justify-content: center;
13 | box-sizing: border-box;
14 | `;
15 |
16 | export const CloseButton = styled.div`
17 | position: absolute;
18 | right: 35px;
19 | top: 35px;
20 | cursor: pointer;
21 | `;
22 |
23 | export const Content = styled.div``;
24 |
--------------------------------------------------------------------------------
/src/modals/CommonAuthModal/CommonAuthModal.tsx:
--------------------------------------------------------------------------------
1 | import React, { ReactElement } from 'react';
2 |
3 | import { MainContainer, CloseButton, Content, ContentContainer } from './CommonAuthModal.style';
4 | import closeIcon from 'assets/authModals/close.png';
5 |
6 | interface IProps {
7 | isOpen: boolean;
8 | onClose: () => void;
9 | children: ReactElement;
10 | maxWidth?: false | 'lg' | 'md' | 'xs' | 'sm' | 'xl';
11 | }
12 |
13 | const CommonAuthModal = (props: IProps) => {
14 | const { isOpen, onClose, children, maxWidth } = props;
15 |
16 | return (
17 |
24 |
25 |
26 |
28 | {React.cloneElement(children)}
29 |
30 |
31 | );
32 | };
33 |
34 | export default CommonAuthModal;
35 | export { CommonAuthModal };
36 |
--------------------------------------------------------------------------------
/src/modals/CommonAuthModal/index.ts:
--------------------------------------------------------------------------------
1 | import { CommonAuthModal } from './CommonAuthModal';
2 |
3 | export default CommonAuthModal;
4 | export { CommonAuthModal };
5 |
--------------------------------------------------------------------------------
/src/modals/Deployment/index.tsx:
--------------------------------------------------------------------------------
1 | import React, { lazy, Suspense } from 'react';
2 | // const Deployment = lazy(() => import(/* webpackChunkName: "DeploymentModal" */ './Deployment'));
3 | import Deployment from './Deployment';
4 |
5 | const DeploymentModal = () => (
6 |
26 |
27 |
28 |
30 | {React.cloneElement(children)}
31 |
32 |
33 | );
34 | };
35 |
36 | export default PostBlogModal;
37 | export { PostBlogModal };
38 |
--------------------------------------------------------------------------------
/src/modals/PostBlogModal/index.ts:
--------------------------------------------------------------------------------
1 | import { PostBlogModal } from './PostBlogModal';
2 |
3 | export default PostBlogModal;
4 | export { PostBlogModal };
5 |
--------------------------------------------------------------------------------
/src/pages/About/index.ts:
--------------------------------------------------------------------------------
1 | import { About } from './About';
2 |
3 | export default About;
4 | export { About };
5 |
--------------------------------------------------------------------------------
/src/pages/Blog/Blog.style.ts:
--------------------------------------------------------------------------------
1 | import styled from 'styled-components';
2 |
3 | export const MainContainer = styled.div`
4 | width: 100%;
5 | margin-bottom: 60px;
6 | background-color: #fcfdff;
7 | `;
8 |
--------------------------------------------------------------------------------
/src/pages/Blog/BlogEditor/BlogEditor.style.ts:
--------------------------------------------------------------------------------
1 | import styled from 'styled-components';
2 |
3 | export const SlateEditorWrapper = styled.div`
4 | padding-left: 30px;
5 | min-height: 500px;
6 | `;
7 |
--------------------------------------------------------------------------------
/src/pages/Blog/BlogEditor/BlogPreview.tsx:
--------------------------------------------------------------------------------
1 | import React, { useMemo, useState, useCallback } from 'react';
2 |
3 | import { createEditor, Node } from 'slate';
4 | import { Slate, Editable, withReact } from 'slate-react';
5 |
6 | import { withImages, withEmbeds } from './Plugins';
7 | import { Element, Leaf } from './Renderer';
8 |
9 | const BlogPreview = (props: any) => {
10 | const [value, setValue] = useState(props.content)
11 | const renderElement = useCallback(props => setValue(value)}>
18 |
20 | );
21 | };
22 |
23 | export default BlogPreview;
24 | export { BlogPreview };
25 |
--------------------------------------------------------------------------------
/src/pages/Blog/BlogEditor/Plugins/index.ts:
--------------------------------------------------------------------------------
1 | import { withImages } from './withImages';
2 | import { withEmbeds } from './withEmbeds';
3 |
4 | export { withImages, withEmbeds };
5 |
--------------------------------------------------------------------------------
/src/pages/Blog/BlogEditor/Plugins/withEmbeds.ts:
--------------------------------------------------------------------------------
1 | const withEmbeds = (editor: any) => {
2 | const { isVoid } = editor;
3 | editor.isVoid = (element: any) => (element.type === 'video' ? true : isVoid(element));
4 | return editor;
5 | };
6 |
7 | export default withEmbeds;
8 | export { withEmbeds };
9 |
--------------------------------------------------------------------------------
/src/pages/Blog/BlogEditor/Renderer/Element.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | import { ImageElement } from './Elements';
4 | import { VideoElement } from './Elements';
5 | import { IProps } from './Types';
6 |
7 | const Element = (props: IProps) => {
8 | const { attributes, children, element } = props;
9 |
10 | switch (element.type) {
11 | case 'block-quote':
12 | return {children} ;
13 | case 'bulleted-list':
14 | return ;
15 | case 'heading-one':
16 | return {children} ;
17 | case 'heading-two':
18 | return {children} ;
19 | case 'list-item':
20 | return {children} ;
21 | case 'numbered-list':
22 | return {children} ;
23 | case 'image':
24 | return {children}
;
29 | }
30 | };
31 |
32 | export default Element;
33 | export { Element };
34 |
--------------------------------------------------------------------------------
/src/pages/Blog/BlogEditor/Renderer/Elements/ImageElement.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { useSelected, useFocused } from 'slate-react';
3 |
4 | import { IProps } from '../Types';
5 |
6 | const ImageElement = ({ attributes, children, element }: IProps) => {
7 | const selected = useSelected();
8 | const focused = useFocused();
9 | return (
10 |
11 |
12 |
21 |
22 | {children}
23 |
10 |
30 | {children}
31 |
{children} ;
12 | }
13 |
14 | if (leaf.code) {
15 | children = {children};
16 | }
17 |
18 | if (leaf.italic) {
19 | children = {children} ;
20 | }
21 |
22 | if (leaf.underline) {
23 | children = {children} ;
24 | }
25 |
26 | return {children} ;
27 | };
28 |
29 | export default Leaf;
30 | export { Leaf };
31 |
--------------------------------------------------------------------------------
/src/pages/Blog/BlogEditor/Renderer/Types.ts:
--------------------------------------------------------------------------------
1 | export interface IProps {
2 | attributes: any;
3 | children: any;
4 | element: any;
5 | }
6 |
--------------------------------------------------------------------------------
/src/pages/Blog/BlogEditor/Renderer/index.ts:
--------------------------------------------------------------------------------
1 | import { Element } from './Element';
2 | import { Leaf } from './Leaf';
3 |
4 | export { Element, Leaf };
--------------------------------------------------------------------------------
/src/pages/Blog/BlogEditor/index.ts:
--------------------------------------------------------------------------------
1 | import { BlogEditor } from './BlogEditor';
2 | import { BlogPreview } from './BlogPreview';
3 |
4 | export default BlogEditor;
5 | export { BlogEditor, BlogPreview };
6 |
--------------------------------------------------------------------------------
/src/pages/Blog/BlogElement/BlogElement.style.ts:
--------------------------------------------------------------------------------
1 | import styled from 'styled-components';
2 | import { Link } from 'react-router-dom';
3 |
4 | import { BackgroundLine } from '../../../commonStyles';
5 |
6 | export const StyledBackgroundLine = styled(BackgroundLine)`
7 | z-index: -1;
8 | top: 20px;
9 | width: 0;
10 | `;
11 |
12 | export const MainContainer = styled.div`
13 | background: #fff;
14 | box-sizing: border-box;
15 | width: 100%;
16 | padding-bottom: 20px;
17 |
18 | h2 {
19 | font-size: 16px;
20 | font-weight: 400;
21 | margin: 20px 0 0 0;
22 | }
23 |
24 | :hover {
25 | ${StyledBackgroundLine} {
26 | width: 100%;
27 | }
28 | }
29 |
30 | img {
31 | width: 100%;
32 | }
33 | `;
34 |
35 | export const TitleContainer = styled.div`
36 | position: relative;
37 | width: fit-content;
38 | padding: 0 5px 0 0;
39 | margin-top: 20px;
40 | z-index: 1;
41 |
42 | h1 {
43 | font-size: 24px;
44 | font-weight: 600;
45 | color: rgba(0, 0, 0, 1);
46 | margin: 0;
47 | }
48 | `;
49 |
50 | export const CreatorMainContainer = styled.div`
51 | margin-top: 21px;
52 | max-width: 420px;
53 | `;
54 |
55 | export const StyledLink = styled(Link)`
56 | text-decoration: none;
57 | width: 100%;
58 | box-sizing: border-box;
59 | `;
60 |
--------------------------------------------------------------------------------
/src/pages/Blog/BlogElement/index.ts:
--------------------------------------------------------------------------------
1 | import { BlogElement } from './BlogElement';
2 |
3 | export default BlogElement;
4 | export { BlogElement };
5 |
--------------------------------------------------------------------------------
/src/pages/Blog/Category/BlogContainer/index.ts:
--------------------------------------------------------------------------------
1 | import { BlogContainer } from './BlogContainer';
2 |
3 | export default BlogContainer;
4 | export { BlogContainer };
5 |
--------------------------------------------------------------------------------
/src/pages/Blog/Category/Design.style.ts:
--------------------------------------------------------------------------------
1 | import styled from 'styled-components';
2 |
3 | import { BackgroundLine } from '../../../commonStyles';
4 |
5 | export const MainContainer = styled.div`
6 | margin-top: 70px;
7 | h2 {
8 | font-size: 20px;
9 | color: rgba(0, 0, 0, 1);
10 | font-weight: 400;
11 | margin: 24px 0 0 0;
12 | }
13 | `;
14 |
15 | export const StyledBackgroundLine = styled(BackgroundLine)`
16 | z-index: -1;
17 | top: 70px;
18 | left: 5px;
19 | `;
20 |
21 | export const TitleContainer = styled.div`
22 | position: relative;
23 | width: fit-content;
24 | padding: 0 5px 0 0;
25 |
26 | h1 {
27 | font-size: 73px;
28 | font-weight: 500;
29 | color: rgba(0, 0, 0, 1);
30 | margin: 0;
31 | }
32 | `;
33 |
--------------------------------------------------------------------------------
/src/pages/Blog/Category/Tags/Tags.style.ts:
--------------------------------------------------------------------------------
1 | import styled from "styled-components";
2 |
3 | export const MainContainer = styled.div`
4 | border-bottom: 1px solid rgba(213, 213, 213, 1);
5 | padding-bottom: 25px;
6 | margin-top: 25px;
7 | display: flex;
8 | transition: 0.4s;
9 |
10 | p {
11 | font-weight: 600;
12 | font-size: 13px;
13 | text-transform: uppercase;
14 | color: rgba(130, 132, 142, 1);
15 | margin: 0 40px 0 0;
16 | cursor: pointer;
17 |
18 | :hover {
19 | color: rgba(120, 96, 250, 1);
20 | }
21 | }
22 | `;
23 |
--------------------------------------------------------------------------------
/src/pages/Blog/Category/Tags/Tags.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | import { MainContainer } from './Tags.style';
4 |
5 | interface IProps {
6 | tags: string[];
7 | }
8 |
9 | const Tags = ({ tags }: IProps) => {
10 | return (
11 |
12 | {tags.map((elem, key) => (
13 | {elem}
14 | ))}
15 |
16 | );
17 | };
18 |
19 | export default Tags;
20 | export { Tags };
21 |
--------------------------------------------------------------------------------
/src/pages/Blog/Category/Tags/index.ts:
--------------------------------------------------------------------------------
1 | import { Tags } from './Tags';
2 |
3 | export default Tags;
4 | export { Tags };
5 |
--------------------------------------------------------------------------------
/src/pages/Blog/Category/index.ts:
--------------------------------------------------------------------------------
1 | import { Design } from './Design';
2 |
3 | export default Design;
4 | export { Design };
5 |
--------------------------------------------------------------------------------
/src/pages/Blog/Create/HeaderBlogCreate/index.ts:
--------------------------------------------------------------------------------
1 | import HeaderBlogCreate from './HeaderBlogCreate';
2 |
3 | export default HeaderBlogCreate;
4 | export { HeaderBlogCreate };
5 |
--------------------------------------------------------------------------------
/src/pages/Blog/Home/Blogs/Blogs.style.ts:
--------------------------------------------------------------------------------
1 | import styled from "styled-components";
2 |
3 | export const MainContainer = styled.div`
4 | width: 100%;
5 | `;
6 |
--------------------------------------------------------------------------------
/src/pages/Blog/Home/Blogs/Blogs.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { useSelector } from 'react-redux';
3 | import { useSpring, animated } from 'react-spring';
4 |
5 | import { MainContainer } from './Blogs.style';
6 | import { SingleBlogElement } from '../SingleBlogElement';
7 | import { selectHomeBlogsData } from '../../../../redux/homeBlogs/selectors';
8 |
9 | const Blogs = () => {
10 | const springsStyleForBlogElement = useSpring({
11 | transform: 'translate(0, 0)',
12 | from: { transform: 'translate(25px, 25px)' },
13 | flex: 1,
14 | });
15 |
16 | const { blogs } = useSelector(selectHomeBlogsData);
17 |
18 | return (
19 |
20 |
21 | {
22 | blogs
23 | ? blogs.map((elem: any, key: any) => {
24 | return
29 |
30 | );
31 | };
32 |
33 | export default Blogs;
34 | export { Blogs };
35 |
--------------------------------------------------------------------------------
/src/pages/Blog/Home/Blogs/index.ts:
--------------------------------------------------------------------------------
1 | import { Blogs } from './Blogs';
2 |
3 | export default Blogs;
4 | export { Blogs };
5 |
--------------------------------------------------------------------------------
/src/pages/Blog/Home/Features/FeatureStories/FeatureStories.style.ts:
--------------------------------------------------------------------------------
1 | import styled from 'styled-components';
2 |
3 | import { BackgroundLine } from '../../../../../commonStyles';
4 |
5 | export const StyledBackgroundLine = styled(BackgroundLine)`
6 | top: 20px;
7 | `;
8 |
9 | export const MainContainer = styled.div`
10 | width: 100%;
11 | margin-top: 65px;
12 | `;
13 |
14 | export const TitleContainer = styled.div`
15 | position: relative;
16 | width: fit-content;
17 | padding-right: 30px;
18 |
19 | h1 {
20 | font-size: 28px;
21 | font-weight: 500;
22 | color: #000000;
23 | margin: 0;
24 | }
25 | `;
26 |
--------------------------------------------------------------------------------
/src/pages/Blog/Home/Features/FeatureStories/FeatureStories.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { useSelector } from 'react-redux';
3 |
4 | import { selectHomeBlogsData } from '../../../../../redux/homeBlogs/selectors';
5 |
6 | import { MainContainer, TitleContainer, StyledBackgroundLine } from './FeatureStories.style';
7 |
8 | import { FeatureStory } from './FeatureStory';
9 |
10 | const FeatureStories = () => {
11 | const { featureStories: stories } = useSelector(selectHomeBlogsData);
12 |
13 | return (
14 |
15 |
16 | Featured Stories
17 |
19 | {
20 | stories ? stories.map((elem: any, key: any) =>
23 | );
24 | };
25 |
26 | export default FeatureStories;
27 | export { FeatureStories };
28 |
--------------------------------------------------------------------------------
/src/pages/Blog/Home/Features/FeatureStories/FeatureStory/index.ts:
--------------------------------------------------------------------------------
1 | import { FeatureStory } from './FeatureStory';
2 |
3 | export default FeatureStory;
4 | export { FeatureStory };
5 |
--------------------------------------------------------------------------------
/src/pages/Blog/Home/Features/FeatureStories/index.ts:
--------------------------------------------------------------------------------
1 | import { FeatureStories } from './FeatureStories';
2 |
3 | export default FeatureStories;
4 | export { FeatureStories };
5 |
--------------------------------------------------------------------------------
/src/pages/Blog/Home/Features/Features.style.ts:
--------------------------------------------------------------------------------
1 | import styled from 'styled-components';
2 |
3 | export const MainContainer = styled.div`
4 | width: 40%;
5 | padding-left: 40px;
6 | `;
7 |
--------------------------------------------------------------------------------
/src/pages/Blog/Home/Features/Features.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | import { MainContainer } from './Features.style';
4 | import { FeatureStories } from './FeatureStories';
5 | import { TopAuthors } from './TopAuthors';
6 | import { Interested } from './Interested';
7 | import { Tags } from './Tags';
8 | import { SubscribeForm } from './SubscribeForm';
9 |
10 | const Features = () => {
11 | return (
12 |
13 |
19 | );
20 | };
21 |
22 | export default Features;
23 | export { Features };
24 |
--------------------------------------------------------------------------------
/src/pages/Blog/Home/Features/Interested/Interested.style.ts:
--------------------------------------------------------------------------------
1 | import styled from "styled-components";
2 |
3 | export const MainContainer = styled.div`
4 | width: 100%;
5 | background: #fcf0da;
6 | padding: 27px 30px;
7 | display: flex;
8 | margin-top: 80px;
9 | `;
10 |
11 | export const TextContainer = styled.div`
12 | margin-left: 25px;
13 | h1 {
14 | color: #000000;
15 | font-size: 28px;
16 | font-weight: 600px;
17 | margin: 0;
18 | }
19 | `;
20 |
21 | export const LinkContainer = styled.div`
22 | color: #000000;
23 | font-size: 20px;
24 | font-weight: 400;
25 | margin-top: 20px;
26 |
27 | a {
28 | text-decoration: underline;
29 | transition: 0.3s;
30 | }
31 |
32 | :hover {
33 | a {
34 | color: #7860fa;
35 | }
36 | }
37 | `;
38 |
--------------------------------------------------------------------------------
/src/pages/Blog/Home/Features/Interested/Interested.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | import { MainContainer, TextContainer, LinkContainer } from './Interested.style';
4 | import { ReactComponent as Character } from 'assets/blog/interested/character.svg';
5 |
6 | const Interested = () => {
7 | return (
8 |
9 |
11 | Interested in becoming an author ?
12 |
13 | Sign up here and start writing
14 |
15 |
16 |
17 | );
18 | };
19 |
20 | export default Interested;
21 | export { Interested };
22 |
--------------------------------------------------------------------------------
/src/pages/Blog/Home/Features/Interested/index.ts:
--------------------------------------------------------------------------------
1 | import { Interested } from './Interested';
2 |
3 | export default Interested;
4 | export { Interested };
5 |
--------------------------------------------------------------------------------
/src/pages/Blog/Home/Features/SubscribeForm/ConfirmModal/ConfirmModal.style.ts:
--------------------------------------------------------------------------------
1 | import styled from 'styled-components';
2 |
3 | export const SubmitButton = styled.div`
4 | color: #ffffff;
5 | font-weight: 400;
6 | font-size: 16px;
7 | padding: 20px 36px;
8 | background: #7860fa;
9 | border-radius: 5px;
10 | transition: 0.4s;
11 | margin-left: -5px;
12 | z-index: 10;
13 | cursor: pointer;
14 | user-select: none;
15 | :hover {
16 | background: #634fd1;
17 | }
18 | `;
19 |
--------------------------------------------------------------------------------
/src/pages/Blog/Home/Features/SubscribeForm/ConfirmModal/index.ts:
--------------------------------------------------------------------------------
1 | import { ConfirmModal } from './ConfirmModal';
2 |
3 | export default ConfirmModal;
4 | export { ConfirmModal };
5 |
--------------------------------------------------------------------------------
/src/pages/Blog/Home/Features/SubscribeForm/SubscribeForm.style.ts:
--------------------------------------------------------------------------------
1 | import styled from 'styled-components';
2 |
3 | export const MainContainer = styled.div`
4 | width: 100%;
5 | background: #fafafa;
6 | padding: 40px 33px;
7 | margin-top: 80px;
8 |
9 | h1 {
10 | color: #000000;
11 | font-size: 28px;
12 | font-weight: 600;
13 | margin: 0;
14 | }
15 | `;
16 |
17 | export const Form = styled.form`
18 | display: flex;
19 | margin-top: 30px;
20 | `;
21 |
22 | export const StyledEmailInput = styled.input`
23 | width: 300px;
24 | border-radius: 5px 0 0 5px;
25 | background: #fff;
26 | padding: 20px 25px;
27 | border: none;
28 | outline: none;
29 | transition: 0.4s;
30 | border: 1px solid transparent;
31 | font-size: 20px;
32 |
33 | :hover {
34 | border: 1px solid #c6c6c6;
35 | }
36 |
37 | :focus {
38 | border: 1px solid #c6c6c6;
39 | ::placeholder {
40 | color: #c4c4c4;
41 | }
42 | }
43 |
44 | ::placeholder {
45 | color: #747474;
46 | font-size: 16px;
47 | font-weight: 400;
48 | }
49 | `;
50 |
--------------------------------------------------------------------------------
/src/pages/Blog/Home/Features/SubscribeForm/SubscribeForm.tsx:
--------------------------------------------------------------------------------
1 | import React, { useState } from 'react';
2 |
3 | import { MainContainer, Form, StyledEmailInput } from './SubscribeForm.style';
4 | import { Input } from '../../../../../components/Input';
5 | import { ConfirmModal } from './ConfirmModal';
6 |
7 | const SubscribeForm = () => {
8 | const [emailData, setEmailData] = useState('');
9 |
10 | return (
11 |
12 | Subscribe for newsletter to receive updates every week
13 |
24 |
25 | );
26 | };
27 |
28 | export default SubscribeForm;
29 | export { SubscribeForm };
30 |
--------------------------------------------------------------------------------
/src/pages/Blog/Home/Features/SubscribeForm/index.ts:
--------------------------------------------------------------------------------
1 | import { SubscribeForm } from './SubscribeForm';
2 |
3 | export default SubscribeForm;
4 | export { SubscribeForm };
5 |
--------------------------------------------------------------------------------
/src/pages/Blog/Home/Features/Tags/Tags.style.ts:
--------------------------------------------------------------------------------
1 | import styled from 'styled-components';
2 |
3 | import { BackgroundLine, Tag } from '../../../../../commonStyles';
4 |
5 | export const MainContainer = styled.div`
6 | width: 100%;
7 | margin-top: 80px;
8 | `;
9 |
10 | export const StyledBackgroundLine = styled(BackgroundLine)`
11 | top: 25px;
12 | `;
13 |
14 | export const TitleContainer = styled.div`
15 | position: relative;
16 | width: fit-content;
17 | padding-right: 5px;
18 |
19 | h1 {
20 | font-size: 28px;
21 | font-weight: 500;
22 | color: #000000;
23 | margin: 0;
24 | }
25 | `;
26 |
27 | export const TagsContainer = styled.div`
28 | width: 100%;
29 | display: flex;
30 | flex-wrap: wrap;
31 | margin-top: 20px;
32 | `;
33 |
34 | export const StyledTag = styled(Tag)``;
35 |
--------------------------------------------------------------------------------
/src/pages/Blog/Home/Features/Tags/Tags.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { Link } from 'react-router-dom';
3 | import { useSelector } from 'react-redux';
4 |
5 | import { MainContainer, TitleContainer, StyledBackgroundLine, TagsContainer, StyledTag } from './Tags.style';
6 | import { selectHomeBlogsData } from '../../../../../redux/homeBlogs/selectors';
7 |
8 | const Tags = () => {
9 | const { tags } = useSelector(selectHomeBlogsData);
10 |
11 | return (
12 |
13 |
14 | Tags
15 |
17 |
18 | {
19 | tags
20 | ? tags.map((elem: any, key: any) => (
21 | {elem.name}
23 |
24 | ))
25 | : null //TODO here should be loading indicator
26 | }
27 |
28 |
29 | );
30 | };
31 |
32 | export default Tags;
33 | export { Tags };
34 |
--------------------------------------------------------------------------------
/src/pages/Blog/Home/Features/Tags/index.ts:
--------------------------------------------------------------------------------
1 | import { Tags } from './Tags';
2 |
3 | export default Tags;
4 | export { Tags };
5 |
--------------------------------------------------------------------------------
/src/pages/Blog/Home/Features/TopAuthors/index.ts:
--------------------------------------------------------------------------------
1 | import { TopAuthors } from './TopAuthors';
2 |
3 | export default TopAuthors;
4 | export { TopAuthors };
5 |
--------------------------------------------------------------------------------
/src/pages/Blog/Home/Features/index.ts:
--------------------------------------------------------------------------------
1 | import { Features } from './Features';
2 |
3 | export default Features;
4 | export { Features };
5 |
--------------------------------------------------------------------------------
/src/pages/Blog/Home/Home.style.ts:
--------------------------------------------------------------------------------
1 | import styled from "styled-components";
2 |
3 | export const MainContainer = styled.div`
4 | width: 100%;
5 | display: flex;
6 | margin-top: 40px;
7 | `;
8 |
9 | export const BlogsContainer = styled.div`
10 | width: 100%;
11 | `;
12 |
13 | export const FeaturesContainer = styled.div`
14 | width: 100%;
15 | `;
16 |
--------------------------------------------------------------------------------
/src/pages/Blog/Home/Home.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | import { MainContainer } from './Home.style';
4 | import { ContentContainer } from '../../../commonStyles';
5 | import { Blogs } from './Blogs';
6 | import { Features } from './Features';
7 |
8 | //TODO add types properties for {blogsData, featuresData}
9 |
10 | const Home = () => {
11 | return (
12 |
13 |
14 |
17 |
18 | );
19 | };
20 |
21 | export default Home;
22 | export { Home };
23 |
--------------------------------------------------------------------------------
/src/pages/Blog/Home/SingleBlogElement/index.ts:
--------------------------------------------------------------------------------
1 | import { SingleBlogElement } from './SingleBlogElement';
2 |
3 | export default SingleBlogElement;
4 | export { SingleBlogElement };
5 |
--------------------------------------------------------------------------------
/src/pages/Blog/Home/index.ts:
--------------------------------------------------------------------------------
1 | import { Home } from './Home';
2 |
3 | export default Home;
4 | export { Home };
5 |
--------------------------------------------------------------------------------
/src/pages/Blog/MediumLikeEditor/components/Dante/index.js:
--------------------------------------------------------------------------------
1 | import Dante from './Dante.js';
2 | export default Dante;
3 |
--------------------------------------------------------------------------------
/src/pages/Blog/MediumLikeEditor/components/Dante/readme.md:
--------------------------------------------------------------------------------
1 | Basic button:
2 |
3 | ## complete implementation
4 |
5 |
6 |
7 | ```jsx
8 | var {CustomPlugins} = require('../../../site/data/poc.js');
9 |
19 |
{'write something'}
20 |
28 | {this.placeholderRender()}
29 |
30 |
36 | );
37 | }
38 | }
39 |
--------------------------------------------------------------------------------
/src/pages/Blog/MediumLikeEditor/components/blocks/commons.js:
--------------------------------------------------------------------------------
1 | import { updateDataOfBlock } from '../../model/index.js';
2 |
3 | export const UpdateData = t => {
4 | let { blockProps, block } = t.props;
5 | let { getEditorState, setEditorState } = t.props.blockProps;
6 | let data = block.getData();
7 | let newData = data.merge(t.state).merge({ forceUpload: false });
8 | return setEditorState(updateDataOfBlock(getEditorState(), block, newData));
9 | };
10 |
--------------------------------------------------------------------------------
/src/pages/Blog/MediumLikeEditor/components/blocks/divider.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { divider } from '../icons';
3 |
4 | export default class Divider extends React.Component {
5 | constructor(props) {
6 | super(props);
7 | this.state = {};
8 | }
9 |
10 | render = () => {
11 | return
16 |
17 |
18 |
19 |
20 |
22 |
23 |
24 | );
25 | };
26 |
27 | export default NoPostsPage;
28 | export { NoPostsPage };
29 |
--------------------------------------------------------------------------------
/src/pages/Blog/NoPostsPage/index.ts:
--------------------------------------------------------------------------------
1 | import { NoPostsPage } from './NoPostsPage';
2 |
3 | export default NoPostsPage;
4 | export { NoPostsPage };
5 |
--------------------------------------------------------------------------------
/src/pages/Blog/Post/BlogPostContainer/BlogContainer/index.ts:
--------------------------------------------------------------------------------
1 | import { BlogContainer } from './BlogContainer';
2 |
3 | export default BlogContainer;
4 | export { BlogContainer };
5 |
--------------------------------------------------------------------------------
/src/pages/Blog/Post/BlogPostContainer/BlogPostContainer.style.ts:
--------------------------------------------------------------------------------
1 | import styled from "styled-components";
2 |
3 | export const MainContainer = styled.div`
4 | width: 100%;
5 | `;
6 |
7 | export const ImageContainer = styled.div`
8 | max-height: 450px;
9 | overflow: hidden;
10 | width: 100%;
11 |
12 | img {
13 | width: 100%;
14 | transform: translateY(-20%);
15 | }
16 | `;
17 |
18 | export const MainContentContainer = styled.div`
19 | display: grid;
20 | grid-template-columns: 150px 1fr;
21 | margin-top: 40px;
22 | grid-column-gap: 66px;
23 | `;
24 |
25 | export const MainTextContainer = styled.div`
26 | p {
27 | text-transform: uppercase;
28 | color: #747474;
29 | font-size: 16px;
30 | font-weight: 500;
31 | }
32 | `;
33 |
34 | export const FollowButton = styled.div`
35 | padding: 5px 0;
36 | text-transform: uppercase;
37 | font-size: 12px;
38 | background: #f0f0f0;
39 | font-weight: 600;
40 | border-radius: 6px;
41 | color: #82848e;
42 | cursor: pointer;
43 | width: 75px;
44 | box-sizing: border-box;
45 | display: flex;
46 | justify-content: center;
47 | align-items: center;
48 | `;
49 |
--------------------------------------------------------------------------------
/src/pages/Blog/Post/BlogPostContainer/Comments/index.ts:
--------------------------------------------------------------------------------
1 | import { Comments } from './Comments';
2 |
3 | export default Comments;
4 | export { Comments };
5 |
--------------------------------------------------------------------------------
/src/pages/Blog/Post/BlogPostContainer/CommentsDrawer/index.ts:
--------------------------------------------------------------------------------
1 | import { CommentsDrawer } from './CommentsDrawer';
2 |
3 | export default CommentsDrawer;
4 | export { CommentsDrawer };
5 |
--------------------------------------------------------------------------------
/src/pages/Blog/Post/BlogPostContainer/FromOurBlog/FromOurBlog.style.ts:
--------------------------------------------------------------------------------
1 | import styled from "styled-components";
2 |
3 | import { BackgroundLine } from "commonStyles";
4 |
5 | export const MainContainer = styled.div`
6 | width: 100%;
7 | display: flex;
8 | flex-direction: column;
9 | align-items: center;
10 | margin-top: 100px;
11 | `;
12 |
13 | export const MainTitleContainer = styled.div`
14 | h2 {
15 | font-size: 22px;
16 | font-weight: 600;
17 | color: #7860fa;
18 | }
19 | `;
20 |
21 | export const TitleContainer = styled.div`
22 | font-size: 46px;
23 | font-weight: 700;
24 | color: #0b0b09;
25 | display: flex;
26 | margin-top: 16px;
27 | `;
28 |
29 | export const StyledBackgroundLine = styled(BackgroundLine)`
30 | z-index: -1;
31 | top: 40px;
32 | width: 100%;
33 | left: 0;
34 | `;
35 |
36 | export const BlogTitleContainer = styled.div`
37 | width: fit-content;
38 | position: relative;
39 | padding: 0 10px;
40 | margin-left: 10px;
41 | `;
42 |
43 | export const BlogsContainer = styled.div`
44 | display: grid;
45 | grid-template-columns: repeat(3, 1fr);
46 | grid-column-gap: 40px;
47 | width: 100%;
48 | box-sizing: border-box;
49 | margin-top: 100px;
50 | `;
51 |
--------------------------------------------------------------------------------
/src/pages/Blog/Post/BlogPostContainer/FromOurBlog/FromOurBlog.tsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 |
3 | import {
4 | MainContainer,
5 | TitleContainer,
6 | BlogTitleContainer,
7 | StyledBackgroundLine,
8 | BlogsContainer,
9 | MainTitleContainer,
10 | } from "./FromOurBlog.style";
11 | import Blog from "../../../BlogElement";
12 | import { IBlog } from "../../../types";
13 |
14 |
15 | interface IProps {
16 | latestBlogs: IBlog[];
17 | }
18 |
19 | const FromOurBlog = ({ latestBlogs }: IProps) => {
20 |
21 | return (
22 |
23 |
24 | Latest Posts
25 |
26 |
27 | From Our
28 |
29 | {" "}
30 | Blog
31 |
33 |
34 |
35 | {latestBlogs.map((elem, key) => (
36 |
39 |
40 | );
41 | };
42 |
43 | export default FromOurBlog;
44 | export { FromOurBlog };
45 |
--------------------------------------------------------------------------------
/src/pages/Blog/Post/BlogPostContainer/FromOurBlog/index.ts:
--------------------------------------------------------------------------------
1 | import { FromOurBlog } from './FromOurBlog';
2 |
3 | export default FromOurBlog;
4 | export { FromOurBlog };
5 |
--------------------------------------------------------------------------------
/src/pages/Blog/Post/BlogPostContainer/NavigationContainer/NavigationContainer.style.ts:
--------------------------------------------------------------------------------
1 | import styled from "styled-components";
2 |
3 | export const MainContainer = styled.div`
4 | width: 100%;
5 | margin-top: 420px;
6 |
7 | h1 {
8 | color: #000000;
9 | font-size: 20px;
10 | font-weight: 500;
11 | margin: 10px 0 0 0;
12 | width: fit-content;
13 | }
14 |
15 | h2 {
16 | color: #747474;
17 | font-size: 12px;
18 | font-weight: 500;
19 | text-transform: uppercase;
20 | margin: 30px 0 0 0;
21 | width: fit-content;
22 | }
23 |
24 | p {
25 | font-weight: 400;
26 | font-size: 14px;
27 | color: #82848e;
28 | margin: 15px 0 0 0;
29 | padding-bottom: 30px;
30 | }
31 | `;
32 |
33 | export const SplitLine = styled.div`
34 | background: #d5d5d5;
35 | width: 100%;
36 | height: 1px;
37 | width: 100%;
38 | content: "";
39 | `;
40 |
41 | export const FollowButtonContainer = styled.div`
42 | margin-bottom: 30px;
43 | `;
44 |
45 | export const SocialContainer = styled.div`
46 | margin: 30px 0 50px 0;
47 | `;
48 |
49 | export const Social = styled.div`
50 | display: flex;
51 | align-items: center;
52 | margin-top: 30px;
53 | cursor: pointer;
54 |
55 | p {
56 | font-size: 16px;
57 | font-weight: 400;
58 | color: #82848e;
59 | margin: 0 0 0 15px;
60 | padding: 0;
61 | }
62 | `;
63 |
--------------------------------------------------------------------------------
/src/pages/Blog/Post/BlogPostContainer/NavigationContainer/index.ts:
--------------------------------------------------------------------------------
1 | import { NavigationContainer } from './NavigationContainer';
2 |
3 | export default NavigationContainer;
4 | export { NavigationContainer };
5 |
--------------------------------------------------------------------------------
/src/pages/Blog/Post/BlogPostContainer/Social/Social.style.ts:
--------------------------------------------------------------------------------
1 | import styled from 'styled-components';
2 |
3 | export const SocialContainer = styled.a`
4 | transition: 0.3s;
5 | fill: rgba(130, 132, 142, 1);
6 | margin-right: 20px;
7 | :hover {
8 | fill: #7860fa;
9 | opacity: 1;
10 | }
11 | `;
12 |
--------------------------------------------------------------------------------
/src/pages/Blog/Post/BlogPostContainer/Social/index.ts:
--------------------------------------------------------------------------------
1 | import { Social } from './Social';
2 |
3 | export default Social;
4 | export { Social };
5 |
--------------------------------------------------------------------------------
/src/pages/Blog/Post/BlogPostContainer/WrittenBy/index.ts:
--------------------------------------------------------------------------------
1 | import { WrittenBy } from './WrittenBy';
2 |
3 | export default WrittenBy;
4 | export { WrittenBy };
5 |
--------------------------------------------------------------------------------
/src/pages/Blog/Post/BlogPostContainer/index.ts:
--------------------------------------------------------------------------------
1 | import { BlogPostContainer } from './BlogPostContainer';
2 |
3 | export default BlogPostContainer;
4 | export { BlogPostContainer };
5 |
--------------------------------------------------------------------------------
/src/pages/Blog/Post/Post.tsx:
--------------------------------------------------------------------------------
1 | import React, { useMemo } from 'react';
2 | import { connect } from 'react-redux';
3 |
4 | import BlogPostContainer from './BlogPostContainer';
5 | import { NoPostsPage } from '../NoPostsPage';
6 | import { IBlog } from '../types';
7 |
8 | export interface IProps {
9 | match: {
10 | params: {
11 | id: string;
12 | };
13 | };
14 | blogs: IBlog[];
15 | }
16 |
17 | const BlogPost = ({ match, blogs }: IProps) => {
18 | const { id } = match.params;
19 | const blog = useMemo(() => blogs.find(elem => elem.id.toString() === id), [id, blogs]);
20 |
21 | if (blog) {
22 | return
17 |
18 |
19 | Stories
20 | {/* {name} {surname} stories */}
21 |
23 | Write a story
24 |
25 |
26 | {blogs &&
27 | blogs.map((blog: any, key: any) => {
28 | return
31 |
32 | );
33 | };
34 |
35 | export default StoriesContainer;
36 | export { StoriesContainer };
37 |
--------------------------------------------------------------------------------
/src/pages/Blog/StoriesContainer/index.ts:
--------------------------------------------------------------------------------
1 | import { StoriesContainer } from './StoriesContainer';
2 |
3 | export default StoriesContainer;
4 | export { StoriesContainer };
5 |
--------------------------------------------------------------------------------
/src/pages/Blog/Story/index.ts:
--------------------------------------------------------------------------------
1 | import { Story } from './Story';
2 |
3 | export default Story;
4 | export { Story };
5 |
--------------------------------------------------------------------------------
/src/pages/Blog/TaggedStories/TaggedStories.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { connect } from 'react-redux';
3 | import { useParams } from 'react-router-dom';
4 |
5 | import { ContentContainer } from '../../../commonStyles';
6 | import { StoriesContainer } from '../StoriesContainer';
7 | import { IBlog } from '../types';
8 |
9 | interface RouteParams {
10 | id: string;
11 | }
12 |
13 | const TaggedStories = (props: any) => {
14 | const params = useParams();
15 | const blogs = props.blogs && props.blogs.filter((b: IBlog) => b.tags.find(t => t.id.toString() == params.id));
16 |
17 | return (
18 |
19 |
21 | );
22 | };
23 |
24 | const mapStateToProps = (state: any) => {
25 | return {
26 | blogs: state.homeBlogsData.blogs,
27 | };
28 | };
29 |
30 | export default connect(mapStateToProps)(TaggedStories);
31 |
--------------------------------------------------------------------------------
/src/pages/Blog/TaggedStories/index.ts:
--------------------------------------------------------------------------------
1 | import TaggedStories from './TaggedStories';
2 |
3 | export default TaggedStories;
4 | export { TaggedStories };
5 |
--------------------------------------------------------------------------------
/src/pages/Blog/YourStories/YourStories.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { connect } from 'react-redux';
3 | import { useParams } from 'react-router-dom';
4 |
5 | import { ContentContainer } from '../../../commonStyles';
6 | import { StoriesContainer } from '../StoriesContainer';
7 | import { IBlog } from '../types';
8 |
9 | interface RouteParams {
10 | id: string;
11 | }
12 |
13 | const YourStories = (props: any) => {
14 | const params = useParams();
15 | const blogs = props.blogs && props.blogs.filter((b: IBlog) => b.author.id.toString() == params.id);
16 |
17 | return (
18 |
19 |
21 | );
22 | };
23 |
24 | const mapStateToProps = (state: any) => {
25 | return {
26 | blogs: state.homeBlogsData.blogs,
27 | };
28 | };
29 |
30 | export default connect(mapStateToProps)(YourStories);
31 |
--------------------------------------------------------------------------------
/src/pages/Blog/YourStories/index.ts:
--------------------------------------------------------------------------------
1 | import YourStories from './YourStories';
2 |
3 | export default YourStories;
4 | export { YourStories };
5 |
--------------------------------------------------------------------------------
/src/pages/Blog/index.ts:
--------------------------------------------------------------------------------
1 | import { Blog } from './Blog';
2 |
3 | export default Blog;
4 | export { Blog };
5 |
--------------------------------------------------------------------------------
/src/pages/Blog/utils.ts:
--------------------------------------------------------------------------------
1 | import { convertFromRaw } from 'draft-js';
2 |
3 | export const getBlogTexts = (json: string) => {
4 | const content = convertFromRaw(JSON.parse(json));
5 | return content
6 | .getBlocksAsArray()
7 | .map((block: any) => {
8 | return block.getText();
9 | })
10 | .join(' ');
11 | };
12 |
--------------------------------------------------------------------------------
/src/pages/BuildYourOwn/index.ts:
--------------------------------------------------------------------------------
1 | import { BuildYourOwn } from './BuildYourOwn';
2 |
3 | export default BuildYourOwn;
4 | export { BuildYourOwn };
5 |
--------------------------------------------------------------------------------
/src/pages/ContactUs/index.ts:
--------------------------------------------------------------------------------
1 | import { ContactUs } from './ContactUs';
2 |
3 | export default ContactUs;
4 | export { ContactUs };
5 |
--------------------------------------------------------------------------------
/src/pages/DigitalEmployee/FlowSteps/FlowSteps.tsx:
--------------------------------------------------------------------------------
1 | import React, { FC, useMemo } from 'react';
2 | import { Step, StepLabel, Stepper } from '@material-ui/core';
3 | import { DE_STEPS, DE_STEPS_KEYS } from '../../../constants/digitalEmployee';
4 |
5 | import styles from '../DigitalEmployee.module.scss';
6 |
7 | const FlowSteps: FC<{ activeStep: keyof typeof DE_STEPS_KEYS }> = ({ activeStep }) => {
8 | const currentActiveStep = useMemo(() => Object.entries(DE_STEPS).findIndex(([key]) => key.includes(activeStep)), [
9 | activeStep,
10 | ]);
11 |
12 | return (
13 |
14 | {Object.entries(DE_STEPS).map(([key, value]) => (
15 |
16 | {value}
17 |
18 | ))}
19 |
20 | );
21 | };
22 |
23 | export default FlowSteps;
24 | export { FlowSteps };
25 |
--------------------------------------------------------------------------------
/src/pages/DigitalEmployee/FlowSteps/index.ts:
--------------------------------------------------------------------------------
1 | import { FlowSteps } from './FlowSteps';
2 |
3 | export default FlowSteps;
4 | export { FlowSteps };
5 |
--------------------------------------------------------------------------------
/src/pages/DigitalEmployee/forms/CheckConfiguration/index.ts:
--------------------------------------------------------------------------------
1 | import { CheckConfiguration } from './CheckConfiguration';
2 |
3 | export default CheckConfiguration;
4 | export { CheckConfiguration };
5 |
--------------------------------------------------------------------------------
/src/pages/DigitalEmployee/forms/Finish/Finish.tsx:
--------------------------------------------------------------------------------
1 | import React, { FC } from 'react';
2 | import { capitalize } from 'lodash';
3 | import DoneIcon from '@material-ui/icons/Done';
4 |
5 | import { DE_TYPES, DE_CARDS } from '../../../../constants/digitalEmployee';
6 | import { Wrapper, FinishWrapper } from '../forms.style';
7 |
8 | const Finish = () => {
9 | const type: string = String(window.location.pathname).split('/').pop() || '';
10 | const DETitle = capitalize(type);
11 |
12 | return (
13 |
14 | Congratulations!
15 |
16 |
17 |
19 |
20 | You have successfully completed the configuration steps.
21 | {`${DETitle} will be ready in about 10-15min. You will receive a confirmation email with details about ${DETitle}’s skills and how to communicate.`}
22 | {`Please wait until you receive the email before starting your conversation with ${DETitle}.`}
23 |
24 |
25 |
26 | );
27 | };
28 |
29 | export default Finish;
30 | export { Finish };
31 |
--------------------------------------------------------------------------------
/src/pages/DigitalEmployee/forms/Finish/index.ts:
--------------------------------------------------------------------------------
1 | import { Finish } from './Finish';
2 |
3 | export default Finish;
4 | export { Finish };
5 |
--------------------------------------------------------------------------------
/src/pages/DigitalEmployee/forms/MessengerForm/index.ts:
--------------------------------------------------------------------------------
1 | import { MessengerForm } from './MessengerForm';
2 |
3 | export default MessengerForm;
4 | export { MessengerForm };
5 |
--------------------------------------------------------------------------------
/src/pages/DigitalEmployee/forms/SelectService/index.ts:
--------------------------------------------------------------------------------
1 | import { SelectService } from './SelectService';
2 |
3 | export default SelectService;
4 | export { SelectService };
5 |
--------------------------------------------------------------------------------
/src/pages/DigitalEmployee/forms/ServiceForm/index.ts:
--------------------------------------------------------------------------------
1 | import { ServiceForm } from './ServiceForm';
2 |
3 | export default ServiceForm;
4 | export { ServiceForm };
5 |
--------------------------------------------------------------------------------
/src/pages/DigitalEmployee/forms/SlackForm/index.ts:
--------------------------------------------------------------------------------
1 | import { SlackForm } from './SlackForm';
2 |
3 | export default SlackForm;
4 | export { SlackForm };
5 |
--------------------------------------------------------------------------------
/src/pages/DigitalEmployee/forms/TeamsForm/index.ts:
--------------------------------------------------------------------------------
1 | import { TeamsForm } from './TeamsForm';
2 |
3 | export default TeamsForm;
4 | export { TeamsForm };
5 |
--------------------------------------------------------------------------------
/src/pages/DigitalEmployee/forms/UserData/index.ts:
--------------------------------------------------------------------------------
1 | import { UserData } from './UserData';
2 |
3 | export default UserData;
4 | export { UserData };
5 |
--------------------------------------------------------------------------------
/src/pages/DigitalEmployee/forms/VerifyEmail/index.ts:
--------------------------------------------------------------------------------
1 | import { VerifyEmail } from './VerifyEmail';
2 |
3 | export default VerifyEmail;
4 | export { VerifyEmail };
5 |
--------------------------------------------------------------------------------
/src/pages/DigitalEmployee/forms/components/Checkbox/Checkbox.style.ts:
--------------------------------------------------------------------------------
1 | import styled from 'styled-components';
2 |
3 | export const Wrapper = styled.div`
4 | display: flex;
5 | padding-top: 2rem;
6 |
7 | label {
8 | position: relative;
9 |
10 | input {
11 | position: absolute;
12 | height: 16px;
13 | width: 16px !important;
14 | left: 0;
15 | top: 0;
16 | }
17 |
18 | input + span {
19 | margin-left: 24px;
20 | }
21 | }
22 | `;
23 |
--------------------------------------------------------------------------------
/src/pages/DigitalEmployee/forms/components/Checkbox/Checkbox.tsx:
--------------------------------------------------------------------------------
1 | import React, { FC, ReactElement } from 'react';
2 |
3 | import { Wrapper } from './Checkbox.style';
4 |
5 | interface Props {
6 | label: string | ReactElement;
7 | checked: boolean;
8 | onChange: React.ChangeEventHandler;
9 | }
10 |
11 | const Checkbox: FC = ({ label, checked, onChange }) => {
12 | return (
13 |
14 |
15 | {label}
21 |
22 |
23 | );
24 | };
25 |
26 | export default Checkbox;
27 | export { Checkbox };
28 |
--------------------------------------------------------------------------------
/src/pages/DigitalEmployee/forms/components/Checkbox/index.ts:
--------------------------------------------------------------------------------
1 | import { Checkbox } from './Checkbox';
2 |
3 | export default Checkbox;
4 | export { Checkbox };
5 |
--------------------------------------------------------------------------------
/src/pages/DigitalEmployee/forms/components/ErrorMessage/ErrorMessage.style.ts:
--------------------------------------------------------------------------------
1 | import styled from 'styled-components';
2 |
3 | export const Wrapper = styled.div`
4 | padding: 1rem;
5 | color: red;
6 | `;
7 |
--------------------------------------------------------------------------------
/src/pages/DigitalEmployee/forms/components/ErrorMessage/ErrorMessage.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { capitalize } from 'lodash';
3 | import { Wrapper } from './ErrorMessage.style';
4 | import { useSelector } from 'react-redux';
5 | import { selectDigitalEmployeeUI } from '../../../../../redux/digitalEmployee/selectors';
6 |
7 | const ErrorMessage: React.FC = () => {
8 | const { errorMessage } = useSelector(selectDigitalEmployeeUI);
9 |
10 | if (!errorMessage) {
11 | return null;
12 | }
13 |
14 | return {capitalize(errorMessage)} ;
15 | };
16 |
17 | export default ErrorMessage;
18 | export { ErrorMessage };
19 |
--------------------------------------------------------------------------------
/src/pages/DigitalEmployee/forms/components/ErrorMessage/index.ts:
--------------------------------------------------------------------------------
1 | import { ErrorMessage } from './ErrorMessage';
2 |
3 | export default ErrorMessage;
4 | export { ErrorMessage };
5 |
--------------------------------------------------------------------------------
/src/pages/DigitalEmployee/forms/index.ts:
--------------------------------------------------------------------------------
1 | import { UserData } from './UserData';
2 | import { VerifyEmail } from './VerifyEmail';
3 | import { SelectService } from './SelectService';
4 | import { MessengerForm } from './MessengerForm';
5 | import { SlackForm } from './SlackForm';
6 | import { Finish } from './Finish';
7 | import { ServiceForm } from './ServiceForm';
8 | import { CheckConfiguration } from './CheckConfiguration';
9 |
10 | export {
11 | UserData,
12 | VerifyEmail,
13 | SelectService,
14 | ServiceForm,
15 | MessengerForm,
16 | SlackForm,
17 | CheckConfiguration,
18 | Finish
19 | };
20 |
--------------------------------------------------------------------------------
/src/pages/DigitalEmployee/index.ts:
--------------------------------------------------------------------------------
1 | import { DigitalEmployee } from './DigitalEmployee';
2 |
3 | export default DigitalEmployee;
4 | export { DigitalEmployee };
5 |
--------------------------------------------------------------------------------
/src/pages/FAQ/index.ts:
--------------------------------------------------------------------------------
1 | import { FAQ } from './FAQ';
2 |
3 | export default FAQ;
4 | export { FAQ };
5 |
--------------------------------------------------------------------------------
/src/pages/HelpCenter/index.ts:
--------------------------------------------------------------------------------
1 | import { HelpCenter } from './HelpCenter';
2 |
3 | export default HelpCenter;
4 | export { HelpCenter };
5 |
--------------------------------------------------------------------------------
/src/pages/Home/BannerImage/BannerImage.module.scss:
--------------------------------------------------------------------------------
1 | @font-face {
2 | font-family: 'Nominee-Light';
3 | src: url('../../../assets/home/fonts/Nominee-Light.otf')
4 | format('opentype');
5 | font-weight: normal;
6 | font-style: normal;
7 | }
8 |
--------------------------------------------------------------------------------
/src/pages/Home/index.ts:
--------------------------------------------------------------------------------
1 | import { Home } from './Home';
2 |
3 | export default Home;
4 | export { Home };
5 |
--------------------------------------------------------------------------------
/src/pages/News/index.ts:
--------------------------------------------------------------------------------
1 | import { News } from './News';
2 |
3 | export default News;
4 | export { News };
5 |
--------------------------------------------------------------------------------
/src/pages/NewsSingle/index.ts:
--------------------------------------------------------------------------------
1 | import { NewsSingle } from './NewsSingle';
2 |
3 | export default NewsSingle;
4 | export { NewsSingle };
5 |
--------------------------------------------------------------------------------
/src/pages/OAuth/OAuth.module.scss:
--------------------------------------------------------------------------------
1 | @import '../../assets/home/scss//variables';
2 |
3 | main.OAuth {
4 | section {
5 | > div {
6 | display: flex;
7 | flex-direction: column;
8 | justify-content: center;
9 | align-items: center;
10 | min-height: 30vh;
11 | }
12 | }
13 | }
14 |
--------------------------------------------------------------------------------
/src/pages/OAuth/index.ts:
--------------------------------------------------------------------------------
1 | import { OAuth } from './OAuth';
2 |
3 | export default OAuth;
4 | export { OAuth };
5 |
--------------------------------------------------------------------------------
/src/pages/Partners/index.ts:
--------------------------------------------------------------------------------
1 | import { Partners } from './Partners';
2 |
3 | export default Partners;
4 | export { Partners };
5 |
--------------------------------------------------------------------------------
/src/pages/PlatformRedirect/PlatformRedirect.style.ts:
--------------------------------------------------------------------------------
1 | import styled from 'styled-components';
2 |
3 | export const Wrapper = styled.div`
4 | display: flex;
5 | align-items: center;
6 | justify-content: center;
7 | padding: 2rem;
8 | `;
9 |
--------------------------------------------------------------------------------
/src/pages/PlatformRedirect/PlatformRedirect.tsx:
--------------------------------------------------------------------------------
1 | import React, { FC, useEffect } from 'react';
2 | import { RouteComponentProps, match as IMatch } from 'react-router-dom';
3 | import { useDispatch } from 'react-redux';
4 |
5 | import { Wrapper } from './PlatformRedirect.style';
6 | import { digitalEmployeeActions } from '../../redux/digitalEmployee/actions';
7 |
8 | interface IMatchProps {
9 | messenger: string;
10 | appID: string;
11 | }
12 |
13 | const PlatformRedirect: FC = props => {
14 | const dispatch = useDispatch();
15 |
16 | const match: IMatch = props.match as IMatch;
17 | const { location } = props;
18 | const { params } = match;
19 | const { messenger, appID } = params;
20 |
21 | const queryParams = new URLSearchParams(location.search);
22 | const code = queryParams.get('code');
23 |
24 | useEffect(() => {
25 | if (messenger && appID && code) {
26 | dispatch(
27 | digitalEmployeeActions.platformRedirect({
28 | messenger,
29 | appID,
30 | code,
31 | })
32 | );
33 | }
34 | }, [appID, code, dispatch, messenger]);
35 |
36 | return (
37 |
38 | Loading...
39 |
40 | );
41 | };
42 |
43 | export default PlatformRedirect;
44 | export { PlatformRedirect };
45 |
--------------------------------------------------------------------------------
/src/pages/PlatformRedirect/index.ts:
--------------------------------------------------------------------------------
1 | import { PlatformRedirect } from './PlatformRedirect';
2 |
3 | export default PlatformRedirect;
4 | export { PlatformRedirect };
5 |
--------------------------------------------------------------------------------
/src/pages/PlugAndPlay/index.ts:
--------------------------------------------------------------------------------
1 | import { PlugAndPlay } from './PlugAndPlay';
2 |
3 | export default PlugAndPlay;
4 | export { PlugAndPlay };
5 |
--------------------------------------------------------------------------------
/src/pages/Portal/Portal.style.ts:
--------------------------------------------------------------------------------
1 | import styled from 'styled-components';
2 |
3 | export const Wrapper = styled.div`
4 | display: block;
5 |
6 | iframe {
7 | width: calc(100vw - 400px);
8 | height: auto;
9 | min-height: calc(100vh - 300px);
10 | margin: 2rem 200px;
11 | }
12 | `;
13 |
--------------------------------------------------------------------------------
/src/pages/Portal/Portal.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { useLocation } from 'react-router-dom';
3 | import { Wrapper } from './Portal.style';
4 | import { portalURL } from '../../config';
5 |
6 | const Portal: React.FC = () => {
7 | const { search } = useLocation();
8 |
9 | return (
10 |
11 |
12 |
13 | );
14 | };
15 |
16 | export default Portal;
17 | export { Portal };
18 |
--------------------------------------------------------------------------------
/src/pages/Portal/index.ts:
--------------------------------------------------------------------------------
1 | import { Portal } from './Portal';
2 |
3 | export default Portal;
4 | export { Portal };
5 |
--------------------------------------------------------------------------------
/src/pages/Pricing/index.ts:
--------------------------------------------------------------------------------
1 | import { Pricing } from './Pricing';
2 |
3 | export default Pricing;
4 | export { Pricing };
5 |
--------------------------------------------------------------------------------
/src/pages/PrivacyPolicy/index.ts:
--------------------------------------------------------------------------------
1 | import { PrivacyPolicy } from './PrivacyPolicy';
2 |
3 | export default PrivacyPolicy;
4 | export { PrivacyPolicy };
5 |
--------------------------------------------------------------------------------
/src/pages/Terms/index.ts:
--------------------------------------------------------------------------------
1 | import { Terms } from './Terms';
2 |
3 | export default Terms;
4 | export { Terms };
5 |
--------------------------------------------------------------------------------
/src/pages/app.module.scss:
--------------------------------------------------------------------------------
1 | .app {
2 | display: flex;
3 | flex-direction: column;
4 | min-height: 100%;
5 | padding-top: 150px;
6 | }
7 |
8 | main {
9 | width: 100%;
10 | flex: 1 0 auto;
11 | }
12 |
13 | blockquote {
14 | border-left: 2px solid #ddd;
15 | margin-left: 0;
16 | margin-right: 0;
17 | padding-left: 10px;
18 | color: #aaa;
19 | font-style: italic;
20 | }
21 |
22 | @media screen and (max-width: 1250px) {
23 | .app {
24 | padding-top: 87px;
25 | }
26 | }
27 |
28 | @media screen and (max-width: 700px) {
29 | .app {
30 | padding-top: 40px;
31 | }
32 | }
33 |
--------------------------------------------------------------------------------
/src/react-app-env.d.ts:
--------------------------------------------------------------------------------
1 | /// ) {
12 | const { type, payload } = action;
13 |
14 | switch (type) {
15 | case authActions.SET_IS_AUTH: {
16 | return {
17 | ...state,
18 | isLogged: payload.authStatus,
19 | };
20 | }
21 | case authActions.SET_IS_FETCHING_LOGGED_STATUS: {
22 | return {
23 | ...state,
24 | isFetchingLoggedStatus: payload.isFetching,
25 | };
26 | }
27 | case authActions.SET_SIGN_UP_ERROR: {
28 | return {
29 | ...state,
30 | signUpError: payload.error,
31 | };
32 | }
33 | case authActions.SET_SIGN_IN_ERROR: {
34 | return {
35 | ...state,
36 | signInError: payload.error,
37 | };
38 | }
39 | default:
40 | return state;
41 | }
42 | }
43 |
--------------------------------------------------------------------------------
/src/redux/auth/selectors.ts:
--------------------------------------------------------------------------------
1 | import { RootState } from '../store';
2 |
3 | export const selectIsLoggedIn = (state: RootState) => state.authData.isLogged;
4 |
5 | export const selectSignInError = (state: RootState) => state.authData.signInError;
6 |
7 | export const selectSignUpError = (state: RootState) => state.authData.signUpError;
8 |
--------------------------------------------------------------------------------
/src/redux/auth/types.ts:
--------------------------------------------------------------------------------
1 | export interface PayloadSignUpWithEmail {
2 | email: string;
3 | password: string;
4 | actionHandler: () => void;
5 | }
6 |
7 | export interface AuthStatus {
8 | authStatus: boolean;
9 | }
10 |
11 | export interface Error {
12 | error: string | null;
13 | }
14 |
15 | export interface IsFetching {
16 | isFetching: boolean;
17 | }
18 |
--------------------------------------------------------------------------------
/src/redux/commonTypes.ts:
--------------------------------------------------------------------------------
1 | export interface Action {
2 | type: string;
3 | payload?: T;
4 | }
5 |
6 | export interface SagaAction {
7 | type: string;
8 | payload: T;
9 | }
10 |
11 | export interface PayloadData {
12 | data: T;
13 | }
14 |
--------------------------------------------------------------------------------
/src/redux/contactUs/actions.ts:
--------------------------------------------------------------------------------
1 | import { Action } from '../commonTypes';
2 | import { ContactUsUser, ContactUsUI, PayloadContactUsUser, PayloadContactUsUI } from './types';
3 |
4 | const prefix = '[Contact Us]';
5 |
6 | const TYPES = {
7 | CONTACT_US_USER_DATA_REFRESH: `${prefix} contact-us-user-data-refresh`,
8 | CONTACT_US_UI_REFRESH: `${prefix} contact-us-ui-refresh`,
9 | CONTACT_US_FORM_RESET: `${prefix} contact-us-form-reset`,
10 | };
11 |
12 | export const contactUsActions = {
13 | ...TYPES,
14 | contactUsUserRefresh: (user: ContactUsUser): Action => ({
15 | type: TYPES.CONTACT_US_USER_DATA_REFRESH,
16 | payload: { user },
17 | }),
18 | contactUsUiRefresh: (ui: ContactUsUI): Action => ({
19 | type: TYPES.CONTACT_US_UI_REFRESH,
20 | payload: { ui },
21 | }),
22 | contactUsFormReset: (): Action => ({
23 | type: TYPES.CONTACT_US_FORM_RESET,
24 | }),
25 | };
26 |
--------------------------------------------------------------------------------
/src/redux/contactUs/reducer.ts:
--------------------------------------------------------------------------------
1 | import { Action } from '../commonTypes';
2 | import { contactUsActions } from './actions';
3 | import { ContactUs } from './types';
4 |
5 | const contactUsInitState: ContactUs = {
6 | user: {
7 | name: '',
8 | email: '',
9 | phone: '',
10 | company: '',
11 | subject: '',
12 | message: '',
13 | },
14 | ui: {
15 | loading: false,
16 | errors: {},
17 | success: false,
18 | },
19 | };
20 |
21 | export default function contactUsReducer(state: ContactUs = contactUsInitState, action: Action) {
22 | const { type, payload } = action;
23 | switch (type) {
24 | case contactUsActions.CONTACT_US_USER_DATA_REFRESH: {
25 | return {
26 | ...state,
27 | user: { ...state.user, ...payload.user },
28 | };
29 | }
30 | case contactUsActions.CONTACT_US_UI_REFRESH: {
31 | const resultState = {
32 | ...state,
33 | ui: { ...state.ui, ...payload.ui },
34 | };
35 | return resultState;
36 | }
37 | case contactUsActions.CONTACT_US_FORM_RESET: {
38 | return {
39 | ...state,
40 | user: contactUsInitState.user,
41 | };
42 | }
43 | default:
44 | return state;
45 | }
46 | }
47 |
--------------------------------------------------------------------------------
/src/redux/contactUs/selectors.ts:
--------------------------------------------------------------------------------
1 | import { RootState } from '../store';
2 |
3 | export const selectContactUsUserData = ({ contactUsData }: RootState) => contactUsData.user;
4 |
5 | export const selectContactUsUI = ({ contactUsData }: RootState) => contactUsData.ui;
6 |
--------------------------------------------------------------------------------
/src/redux/contactUs/types.ts:
--------------------------------------------------------------------------------
1 | export interface ContactUs {
2 | user: ContactUsUser;
3 | ui: ContactUsUI;
4 | }
5 |
6 | export interface ContactUsUser {
7 | name?: string;
8 | email?: string;
9 | phone?: string;
10 | company?: string;
11 | subject?: string;
12 | message?: string;
13 | }
14 |
15 | export interface PayloadContactUsUser {
16 | user: ContactUsUser;
17 | }
18 |
19 | export interface ContactUsUI {
20 | loading?: boolean;
21 | errors?: ContactUsErrors;
22 | success?: boolean;
23 | }
24 |
25 | export interface PayloadContactUsUI {
26 | ui: ContactUsUI;
27 | }
28 |
29 | export interface ContactUsErrors extends ContactUsUser {
30 | main?: string;
31 | }
32 |
--------------------------------------------------------------------------------
/src/redux/designPage/selectors.ts:
--------------------------------------------------------------------------------
1 | import { RootState } from '../store';
2 |
3 | export const selectDesignPageData = (state: RootState) => state.designPageData;
4 |
--------------------------------------------------------------------------------
/src/redux/designPage/types.ts:
--------------------------------------------------------------------------------
1 | export interface PayloadUrl {
2 | url: string;
3 | }
4 |
--------------------------------------------------------------------------------
/src/redux/homeBlogs/actions.ts:
--------------------------------------------------------------------------------
1 | import { Action, PayloadData } from '../commonTypes';
2 |
3 | const prefix = '[Home Blogs]';
4 |
5 | const TYPES = {
6 | SET_BLOGS: `${prefix} set-home-page-blogs-data`,
7 | SET_TAGS: `${prefix} set-home-page-tags`,
8 | SET_TOP_AUTHORS: `${prefix} set-home-page-top-authors`,
9 | SET_FEATURE_STORIES: `${prefix} set-home-page-features-stories`,
10 | ADD_COMMENT: `${prefix} add-comment`,
11 | };
12 |
13 | export const homeBlogsActions = {
14 | ...TYPES,
15 | setBlogs: (data: any): Action> => ({
16 | type: TYPES.SET_BLOGS,
17 | payload: { data },
18 | }),
19 | setTags: (data: any): Action> => ({
20 | type: TYPES.SET_TAGS,
21 | payload: { data },
22 | }),
23 | setTopAuthors: (data: any): Action> => ({
24 | type: TYPES.SET_TOP_AUTHORS,
25 | payload: { data },
26 | }),
27 | setFeaturesStories: (data: any): Action> => ({
28 | type: TYPES.SET_FEATURE_STORIES,
29 | payload: { data },
30 | }),
31 | addComment: (data: any): Action> => ({
32 | type: TYPES.ADD_COMMENT,
33 | payload: { data },
34 | }),
35 | };
36 |
--------------------------------------------------------------------------------
/src/redux/homeBlogs/reducer.ts:
--------------------------------------------------------------------------------
1 | import { Action } from '../commonTypes';
2 | import { homeBlogsActions } from './actions';
3 |
4 | const initialState = {
5 | blogs: [],
6 | tags: [],
7 | topAuthors: [],
8 | featureStories: [],
9 | };
10 |
11 | export default function homeBlogsReducer(state = initialState, action: Action) {
12 | const { type, payload } = action;
13 | switch (type) {
14 | case homeBlogsActions.SET_BLOGS: {
15 | return {
16 | ...state,
17 | blogs: payload.data,
18 | };
19 | }
20 | case homeBlogsActions.SET_TAGS: {
21 | return {
22 | ...state,
23 | tags: payload.data,
24 | };
25 | }
26 | case homeBlogsActions.SET_TOP_AUTHORS: {
27 | return {
28 | ...state,
29 | topAuthors: payload.data,
30 | };
31 | }
32 | case homeBlogsActions.SET_FEATURE_STORIES: {
33 | return {
34 | ...state,
35 | featureStories: payload.data,
36 | };
37 | }
38 | case homeBlogsActions.ADD_COMMENT: {
39 | return {
40 | ...state,
41 | blogs: state.blogs.map((blog: any) => {
42 | if (blog.id === payload.data.id) {
43 | return { ...blog };
44 | }
45 | return blog;
46 | }),
47 | };
48 | }
49 | default:
50 | return state;
51 | }
52 | }
53 |
--------------------------------------------------------------------------------
/src/redux/homeBlogs/selectors.ts:
--------------------------------------------------------------------------------
1 | import { RootState } from '../store';
2 |
3 | export const selectHomeBlogsData = (state: RootState) => state.homeBlogsData;
4 |
--------------------------------------------------------------------------------
/src/redux/modals/saga.ts:
--------------------------------------------------------------------------------
1 | import { takeLatest, all, call, select, put } from 'redux-saga/effects';
2 |
3 | import { WebhookService } from '../../services/WebhookService';
4 |
5 | import { IAPIResponse } from '../../assets/interfaces/digitalEmployee';
6 | import { webhookTokenFreeTrial } from '../../config';
7 | import { modalsActions } from './actions';
8 | import { selectFreeTrialData } from './selectors';
9 |
10 | function* freeTrialModalSubmit() {
11 | const data = yield select(selectFreeTrialData);
12 |
13 | const result: IAPIResponse = yield call(WebhookService.sendWebhook, webhookTokenFreeTrial, data);
14 | if (result.error) {
15 | return;
16 | }
17 |
18 | yield put(modalsActions.freeTrialModalResetData());
19 | }
20 |
21 | export default function* modalsSaga() {
22 | yield all([takeLatest(modalsActions.MODALS_FREE_TRIAL_SUBMIT, freeTrialModalSubmit)]);
23 | }
24 |
--------------------------------------------------------------------------------
/src/redux/modals/selectors.ts:
--------------------------------------------------------------------------------
1 | import { RootState } from '../store';
2 |
3 | export const selectDeployment = ({ modalsData }: RootState) => modalsData.deployment;
4 |
5 | export const selectFreeTrialData = ({ modalsData }: RootState) => modalsData.freeTrial;
6 |
7 | export const selectAuthModalData = ({ modalsData }: RootState) => modalsData.authModal;
8 |
--------------------------------------------------------------------------------
/src/redux/modals/types.ts:
--------------------------------------------------------------------------------
1 | import { OpenModalStatus } from '../../constants/modals';
2 | import { DEPLOYMENT_STAGE, MESSENGERS } from '../../assets/interfaces/digitalEmployee';
3 |
4 | export interface ModalToogle {
5 | visible: boolean;
6 | }
7 |
8 | export interface DeploymentModalData {
9 | messenger: keyof typeof MESSENGERS;
10 | stage: keyof typeof DEPLOYMENT_STAGE;
11 | }
12 |
13 | export interface FreeTrialModalData {
14 | first_name: string;
15 | last_name: string;
16 | email: string;
17 | phone: string;
18 | company: string;
19 | company_size: string;
20 | subject: string;
21 | }
22 |
23 | export interface PayloadStatus {
24 | status: OpenModalStatus;
25 | }
26 |
--------------------------------------------------------------------------------
/src/redux/postBlog/selectors.ts:
--------------------------------------------------------------------------------
1 | import { RootState } from '../store';
2 |
3 | export const selectPostBlogData = (state: RootState) => state.postBlogData;
4 |
--------------------------------------------------------------------------------
/src/redux/postBlog/types.ts:
--------------------------------------------------------------------------------
1 | import { Node } from 'slate';
2 |
3 | export interface PayloadTitle {
4 | title: string | null;
5 | }
6 |
7 | export interface PayloadContent {
8 | content: Node[];
9 | }
10 |
11 | export interface PayloadCount {
12 | count: number | null;
13 | }
14 |
15 | export interface PayloadTags {
16 | tags: number[] | [];
17 | }
18 |
19 | export interface PayloadUrl {
20 | url: string | null;
21 | }
22 |
23 | export interface PayloadImage {
24 | image: object | null;
25 | }
26 |
27 | export interface PayloadIsOpen {
28 | isOpen: boolean;
29 | }
30 |
31 | export interface PayloadCategory {
32 | category: string;
33 | }
34 |
--------------------------------------------------------------------------------
/src/redux/reducers.ts:
--------------------------------------------------------------------------------
1 | import authReducer from './auth/reducer';
2 | import designPageReducer from './designPage/reducer';
3 | import contactUsReducer from './contactUs/reducer';
4 | import digitalEmployeeDataReducer from './digitalEmployee/reducer';
5 | import modalsDataReducer from './modals/reducer';
6 | import postBlogReducer from './postBlog/reducer';
7 | import homeBlogsReducer from './homeBlogs/reducer';
8 | import yourStoriesReducer from './yourStories/reducer';
9 |
10 | export default {
11 | modalsData: modalsDataReducer,
12 | digitalEmployeeData: digitalEmployeeDataReducer,
13 | authData: authReducer,
14 | postBlogData: postBlogReducer,
15 | designPageData: designPageReducer,
16 | homeBlogsData: homeBlogsReducer,
17 | yourStoriesData: yourStoriesReducer,
18 | contactUsData: contactUsReducer,
19 | };
20 |
--------------------------------------------------------------------------------
/src/redux/sagas.ts:
--------------------------------------------------------------------------------
1 | import { all } from 'redux-saga/effects';
2 |
3 | import authSaga from './auth/saga';
4 | import digitalEmployeeSaga from './digitalEmployee/saga';
5 | import modalsSaga from './modals/saga';
6 |
7 | export default function* rootSaga() {
8 | yield all([authSaga(), digitalEmployeeSaga(), modalsSaga()]);
9 | }
10 |
--------------------------------------------------------------------------------
/src/redux/store.ts:
--------------------------------------------------------------------------------
1 | import { createStore, applyMiddleware, combineReducers } from 'redux';
2 | import createSagaMiddleware from 'redux-saga';
3 | import { composeWithDevTools } from 'redux-devtools-extension/developmentOnly';
4 | import { createBrowserHistory } from 'history';
5 | import { connectRouter, routerMiddleware } from 'connected-react-router';
6 |
7 | import reducers from './reducers';
8 | import rootSaga from './sagas';
9 |
10 | const sagaMiddleware = createSagaMiddleware();
11 | const history = createBrowserHistory();
12 | const routeMiddleware = routerMiddleware(history);
13 | const middlewares = [sagaMiddleware, routeMiddleware];
14 |
15 | const rootReducer = combineReducers({ ...reducers, router: connectRouter(history) });
16 |
17 | const composeEnhancers = composeWithDevTools({
18 | name: 'Website',
19 | trace: true,
20 | traceLimit: 20,
21 | });
22 |
23 | const store = createStore(rootReducer, composeEnhancers(applyMiddleware(...middlewares)));
24 |
25 | sagaMiddleware.run(rootSaga);
26 |
27 | export default store;
28 |
29 | export { store, history };
30 |
31 | export type RootState = ReturnType;
32 |
--------------------------------------------------------------------------------
/src/redux/yourStories/actions.ts:
--------------------------------------------------------------------------------
1 | import { Action } from '../commonTypes';
2 | import { PayloadData } from './types';
3 |
4 | const prefix = '[Your Stories]';
5 |
6 | const TYPES = {
7 | SET_YOUR_STORIES: `${prefix} set-your-stories`,
8 | };
9 |
10 | export const yourStoriesActions = {
11 | ...TYPES,
12 | setYourStories: (data: any): Action => ({
13 | type: TYPES.SET_YOUR_STORIES,
14 | payload: { data },
15 | }),
16 | };
17 |
--------------------------------------------------------------------------------
/src/redux/yourStories/reducer.ts:
--------------------------------------------------------------------------------
1 | import { Action } from '../commonTypes';
2 | import { yourStoriesActions } from './actions';
3 |
4 | const initialState = {
5 | stories: null,
6 | };
7 |
8 | export default function yourStoriesReducer(state = initialState, action: Action) {
9 | const { type, payload } = action;
10 | switch (type) {
11 | case yourStoriesActions.SET_YOUR_STORIES: {
12 | return {
13 | ...state,
14 | stories: payload.data,
15 | };
16 | }
17 | default:
18 | return state;
19 | }
20 | }
21 |
--------------------------------------------------------------------------------
/src/redux/yourStories/types.ts:
--------------------------------------------------------------------------------
1 | export interface PayloadData {
2 | data: any;
3 | }
4 |
--------------------------------------------------------------------------------
/src/routes/RestrictedRoutes.tsx:
--------------------------------------------------------------------------------
1 | import React, { Suspense } from 'react';
2 | import { Switch } from 'react-router-dom';
3 |
4 | const RestrictedRoutes = () => {
5 | return (
6 | {
7 | data?: T;
8 | error?: ProcessError;
9 | }
10 |
11 | export interface BaseConfig {
12 | baseURL?: string;
13 | headers?: {
14 | [keyName: string]: any;
15 | };
16 | }
17 |
--------------------------------------------------------------------------------
/src/services/DigitalEmployeeService/dto/digitalEmployee-request.dto.ts:
--------------------------------------------------------------------------------
1 | import { Messengers, Services } from '../../../redux/digitalEmployee/types';
2 |
3 | export interface ApplyBody {
4 | name: string;
5 | email: string;
6 | organization: string;
7 | verification_code: string;
8 | services: Services[];
9 | messengers: Messengers[];
10 | }
11 |
12 | export interface VerifyBody {
13 | services: Services[];
14 | }
15 |
16 | export interface SendCredentialsBody {
17 | email: string;
18 | name: string;
19 | organization: string;
20 | de_name: string;
21 | }
22 |
23 | export interface VerifyEmailBody {
24 | email: string;
25 | code: string | number;
26 | }
27 |
28 | export interface CheckConfigurationBody {
29 | email: string;
30 | code: string | number;
31 | }
32 |
--------------------------------------------------------------------------------
/src/services/DigitalEmployeeService/dto/digitalEmployee-response.dto.ts:
--------------------------------------------------------------------------------
1 | export interface Response {}
2 |
3 | export interface CheckConfigurationResponse {
4 | slack_connected: boolean;
5 | ms_teams_connected: boolean;
6 | google_chat_connected: boolean;
7 | }
8 |
--------------------------------------------------------------------------------
/src/services/DigitalEmployeeService/index.ts:
--------------------------------------------------------------------------------
1 | import { DigitalEmployeeService } from './DigitalEmployeeService';
2 |
3 | export default DigitalEmployeeService;
4 | export { DigitalEmployeeService };
5 |
--------------------------------------------------------------------------------
/src/services/InteractionService/InteractionService.ts:
--------------------------------------------------------------------------------
1 | import { defaultConfig } from '../../config';
2 | import { API_ROUTES } from '../../constants/routes';
3 | import { BaseService } from '../../services/BaseService/BaseService';
4 | import { BaseResponse } from '../../services/BaseService/interfaces';
5 |
6 | import { AddPlatformRequestDto } from './dto/addPlatform-request.dto';
7 | import { AddPlatformResponseDto } from './dto/addPlatform-response.dto';
8 |
9 | class InteractionService extends BaseService {
10 | constructor(url: string) {
11 | super(url);
12 | this.addPlatform = this.addPlatform.bind(this);
13 | }
14 |
15 | async addPlatform(body: AddPlatformRequestDto): Promise {
16 | const baseURL = this.baseURL.replace('/api', '');
17 | const { messenger, appID } = body;
18 | try {
19 | const response = await this.get(`/${messenger}/add/${appID}`, body,
20 | {
21 | ...defaultConfig,
22 | baseURL,
23 | },
24 | );
25 |
26 | const result = { data: response?.data };
27 |
28 | return Promise.resolve(result);
29 |
30 | } catch (error) {
31 | const result = { error: this.processError(error) };
32 | return Promise.resolve(result);
33 | }
34 | }
35 | }
36 |
37 | const ServiceInstance = new InteractionService(API_ROUTES.interaction);
38 |
39 | export default ServiceInstance;
40 | export { ServiceInstance as InteractionService };
41 |
--------------------------------------------------------------------------------
/src/services/InteractionService/dto/addPlatform-request.dto.ts:
--------------------------------------------------------------------------------
1 | export interface AddPlatformRequestDto {
2 | messenger: string;
3 | appID: string;
4 | code: string;
5 | }
6 |
--------------------------------------------------------------------------------
/src/services/InteractionService/dto/addPlatform-response.dto.ts:
--------------------------------------------------------------------------------
1 | export interface AddPlatformResponseDto {
2 | data: string;
3 | }
4 |
--------------------------------------------------------------------------------
/src/services/InteractionService/index.ts:
--------------------------------------------------------------------------------
1 | import { InteractionService } from './InteractionService';
2 |
3 | export default InteractionService;
4 | export { InteractionService };
5 |
--------------------------------------------------------------------------------
/src/services/OAuthService/dto/oauth-request.dto.ts:
--------------------------------------------------------------------------------
1 | export interface ExchangeParams {
2 | code: string;
3 | [propName: string]: string;
4 | }
5 |
6 | export interface UrlParams {
7 | provider: string;
8 | destination: string;
9 | scope?: string;
10 | }
11 |
--------------------------------------------------------------------------------
/src/services/OAuthService/dto/oauth-response.dto.ts:
--------------------------------------------------------------------------------
1 | export interface ExchangeTokensExtra {
2 | instance_url?: string;
3 | cloud_id?: string;
4 | tenant_id?: string;
5 | company_id?: string;
6 | }
7 |
8 | export interface ExchangeTokens {
9 | access_token: string;
10 | refresh_token: string;
11 | token_type: string;
12 | expires: string | number | Date;
13 | extra: ExchangeTokensExtra;
14 | scopes: string[];
15 | provider: string;
16 | }
17 |
--------------------------------------------------------------------------------
/src/services/OAuthService/index.ts:
--------------------------------------------------------------------------------
1 | import { OAuthService } from './OAuthService';
2 |
3 | export default OAuthService;
4 | export { OAuthService };
5 |
--------------------------------------------------------------------------------
/src/services/WebhookService/WebhookService.ts:
--------------------------------------------------------------------------------
1 | import { defaultConfig } from '../../config';
2 | import { API_ROUTES } from '../../constants/routes';
3 | import { BaseService } from '../../services/BaseService/BaseService';
4 | import { BaseResponse } from '../../services/BaseService/interfaces';
5 |
6 | import { WebhookBody } from './dto/webhook-request.dto';
7 | import { WebhookResponse } from './dto/webhook-response.dto';
8 |
9 | class WebhookService extends BaseService {
10 | constructor(url: string) {
11 | super(url);
12 | this.sendWebhook = this.sendWebhook.bind(this);
13 | }
14 |
15 | async sendWebhook(token: string, body: WebhookBody): Promise> {
16 | try {
17 | const response = await this.post('', body,
18 | {
19 | ...defaultConfig,
20 | headers: {
21 | ...defaultConfig.headers,
22 | 'Authorization': token,
23 | },
24 | },
25 | );
26 |
27 | const result = { data: response?.data };
28 |
29 | return Promise.resolve(result);
30 |
31 | } catch (error) {
32 | const result = { error: this.processError(error) };
33 | return Promise.resolve(result);
34 | }
35 | }
36 | }
37 |
38 | const ServiceInstance = new WebhookService(API_ROUTES.webhook);
39 |
40 | export default ServiceInstance;
41 | export { ServiceInstance as WebhookService };
42 |
--------------------------------------------------------------------------------
/src/services/WebhookService/dto/webhook-request.dto.ts:
--------------------------------------------------------------------------------
1 | export interface WebhookBody {
2 | [key: string]: any;
3 | }
4 |
--------------------------------------------------------------------------------
/src/services/WebhookService/dto/webhook-response.dto.ts:
--------------------------------------------------------------------------------
1 | export interface WebhookResponse {
2 | data: string;
3 | }
4 |
--------------------------------------------------------------------------------
/src/services/WebhookService/index.ts:
--------------------------------------------------------------------------------
1 | import { WebhookService } from './WebhookService';
2 |
3 | export default WebhookService;
4 | export { WebhookService };
5 |
--------------------------------------------------------------------------------
/src/setupTests.ts:
--------------------------------------------------------------------------------
1 | // jest-dom adds custom jest matchers for asserting on DOM nodes.
2 | // allows you to do things like:
3 | // expect(element).toHaveTextContent(/react/i)
4 | // learn more: https://github.com/testing-library/jest-dom
5 | import '@testing-library/jest-dom/extend-expect';
6 |
--------------------------------------------------------------------------------
/src/utils/CommonUtils.ts:
--------------------------------------------------------------------------------
1 | import { keys, isEmpty } from 'lodash';
2 |
3 | class CommonUtils {
4 |
5 | static createQueryString = (queryParams: any = {}) => {
6 | if (isEmpty(queryParams)) {
7 | return '';
8 | }
9 |
10 | const queryArray = keys(queryParams).map((key, index) => {
11 | return (index === 0) ? `${key}=${queryParams[key]}` : `&${key}=${queryParams[key]}`;
12 | });
13 |
14 | return queryArray.join('');
15 | }
16 | }
17 |
18 | export { CommonUtils };
19 |
--------------------------------------------------------------------------------
/src/utils/DigitalEmployeeUtils.ts:
--------------------------------------------------------------------------------
1 | import cloneDeep from 'lodash/cloneDeep';
2 | import { IExchangeTokenResult } from 'assets/interfaces/digitalEmployee';
3 | import { Services } from '../redux/digitalEmployee/types';
4 |
5 | class DigitalEmployeeUtils {
6 | static updateTokensDataInServices(services: Services[], tokens: IExchangeTokenResult) {
7 | const { provider, extra, ...restTokens } = tokens;
8 | let servicesRes = cloneDeep(services);
9 |
10 | if (servicesRes.length === 0) {
11 | servicesRes.push({
12 | name: provider || '',
13 | params: {
14 | oauth: {
15 | provider: provider || '',
16 | ...restTokens,
17 | extra,
18 | },
19 | },
20 | });
21 | return servicesRes;
22 | }
23 |
24 | return servicesRes.map((service: Services) => {
25 | if (service.name !== provider) {
26 | return service;
27 | }
28 |
29 | service.params = {
30 | oauth: {
31 | provider: provider || '',
32 | ...restTokens,
33 | extra,
34 | },
35 | };
36 | return service;
37 | });
38 | }
39 | }
40 |
41 | export { DigitalEmployeeUtils };
42 |
--------------------------------------------------------------------------------
/src/utils/errors.ts:
--------------------------------------------------------------------------------
1 | export const signUpErrors: { [key: string]: string } = {
2 | "auth/email-already-in-use": "This email already used",
3 | };
4 |
5 | export const signInErrors: { [key: string]: string } = {
6 | "auth/wrong-password": "Wrong password",
7 | "auth/user-not-found": "Wrong email",
8 | "auth/too-many-requests": "Too many attempts. Try again later",
9 | };
10 |
--------------------------------------------------------------------------------
/src/utils/firebase.ts:
--------------------------------------------------------------------------------
1 | import firebase from 'firebase/app';
2 |
3 | // Add the Firebase products that you want to use
4 | import 'firebase/auth';
5 | import 'firebase/firestore';
6 | import 'firebase/storage';
7 | import 'firebase/database';
8 | import 'firebase/functions';
9 |
10 | const firebaseConfig = {
11 | apiKey: 'AIzaSyCTyuzsVqjsMeLnvNSuhiAG0Qt6--aOb9U',
12 | authDomain: 'dev-skael-website.firebaseapp.com',
13 | databaseURL: 'https://dev-skael-website.firebaseio.com',
14 | projectId: 'dev-skael-website',
15 | storageBucket: 'dev-skael-website.appspot.com',
16 | messagingSenderId: '913876044744',
17 | appId: '1:913876044744:web:32e263fe333b5ce0634efd',
18 | measurementId: 'G-CZV3TVHV0P'
19 | };
20 |
21 | // Initialize Firebase
22 | firebase.initializeApp(firebaseConfig);
23 |
24 | export const firestore = firebase.firestore();
25 | export const auth = firebase.auth();
26 | export const storage = firebase.storage();
27 | export const authGoogleProvider = new firebase.auth.GoogleAuthProvider();
28 | export const authFacebookProvider = new firebase.auth.FacebookAuthProvider();
29 | export const authMicrosoftProvider = new firebase.auth.OAuthProvider(
30 | 'microsoft.com'
31 | );
32 |
33 | export default firebase;
34 |
--------------------------------------------------------------------------------
/src/utils/index.ts:
--------------------------------------------------------------------------------
1 | export const validateEmail = (email: string) => {
2 | const re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
3 | return re.test(String(email).toLowerCase());
4 | };
5 |
--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "target": "es5",
4 | "lib": ["dom", "dom.iterable", "esnext"],
5 | "allowJs": true,
6 | "skipLibCheck": true,
7 | "esModuleInterop": true,
8 | "allowSyntheticDefaultImports": true,
9 | "strict": true,
10 | "forceConsistentCasingInFileNames": true,
11 | "module": "esnext",
12 | "moduleResolution": "node",
13 | "resolveJsonModule": true,
14 | "isolatedModules": true,
15 | "noEmit": true,
16 | "jsx": "react",
17 | "baseUrl": "./src"
18 | },
19 | "include": ["src"]
20 | }
21 |
--------------------------------------------------------------------------------