Translation quill navigation master (#6238)

* chore: integrating quill design, quill icons, deriv-com-libs * chore: added new navigation * chore: replace new navigation with the old * chore: integrated language switcher * chore: replaced footer with the the new footer * fix: removed old footer * fix: market navigation padding issue * fix: remove unused old main-nav * fix: update naivgation data * chore: careers nav updated * chore: partners navigation added * chore: navigation for careers, partners, payment-agent, prime added * chore: removed old PaymentAgentAffiliateNav * chore: added SharedLinkProvider, route in navigation logos * chore: updated deriv-com-libs, removed language switcher in careers-nav * auto-pull-translation * Translation quill navigation (#6214) * chore: integrating quill design, quill icons, deriv-com-libs * chore: added new navigation * chore: replace new navigation with the old * chore: integrated language switcher * chore: replaced footer with the the new footer * fix: removed old footer * fix: market navigation padding issue * fix: remove unused old main-nav * fix: update naivgation data * chore: careers nav updated * chore: partners navigation added * chore: navigation for careers, partners, payment-agent, prime added * chore: removed old PaymentAgentAffiliateNav * chore: added SharedLinkProvider, route in navigation logos * chore: updated deriv-com-libs, removed language switcher in careers-nav * auto-pull-translation * Nuzhy/quill navigation update (#6240) * chore: integrating quill design, quill icons, deriv-com-libs * chore: added new navigation * chore: replace new navigation with the old * chore: integrated language switcher * chore: replaced footer with the the new footer * fix: removed old footer * fix: market navigation padding issue * fix: remove unused old main-nav * fix: update naivgation data * chore: careers nav updated * chore: partners navigation added * chore: navigation for careers, partners, payment-agent, prime added * chore: removed old PaymentAgentAffiliateNav * chore: added SharedLinkProvider, route in navigation logos * chore: updated deriv-com-libs, removed language switcher in careers-nav * auto-pull-translation * chore: top navigation added to partners nav, fixes in footer * chore: top navigation added to partners nav, fixes in footer * fix: update description content in footer for EU * fix: external link issue * fix: terms-and-condition url updated * fix: update deriv-com-libs * fix: update social buttons in footer for EU, careers * fix: banner overlap issue for eu * chore: partners, career navbar design updates * chore: update quill icons to fix traders hub icon fix: social-links for EU in footer * fix: added ab testing hook to affiliates-nav * fix: affiliates-nav added to signup-affiliates page
binary-com · Dec 21, 2023 · dc626f6 · dc626f6 · vercel · Dec 21, 2023
1 parent 6e48242
commit dc626f6
Show file tree

Hide file tree

Showing 76 changed files with 3,516 additions and 2,946 deletions.
diff --git a/gatsby-browser.js b/gatsby-browser.js
@@ -15,9 +15,11 @@ import {
     getLanguage,
     updateURLAsPerUserLanguage,
 } from 'common/utility'
-import './static/css/ibm-plex-sans-var.css'
 import './static/css/noto-sans-arabic.css'
 import './static/css/ubuntu.css'
+import './static/css/global.css'
+import '@deriv-com/blocks/style.css'
+import '@deriv-com/components/style.css'
 
 const is_browser = typeof window !== 'undefined'
 

diff --git a/gatsby-config.js b/gatsby-config.js
@@ -56,6 +56,7 @@ module.exports = {
         //         // precachePages: [`/`],
         //     },
         // },
+        'gatsby-plugin-postcss',
         {
             resolve: 'gatsby-plugin-sass',
             options: {

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -4,54 +4,59 @@
     "version": "0.1.0",
     "author": "Deriv",
     "dependencies": {
-        "@artsy/fresnel": "^6.1.0",
+        "@artsy/fresnel": "^6.2.1",
         "@builder.io/partytown": "^0.8.1",
-        "@deriv/analytics": "^1.4.4",
-        "@deriv/deriv-api": "^1.0.11",
-        "@hookform/resolvers": "^3.0.1",
-        "@livechat/customer-sdk": "^3.1.0",
-        "@loadable/component": "^5.15.2",
-        "@radix-ui/react-accordion": "^1.1.0",
-        "@radix-ui/react-alert-dialog": "^1.0.3",
-        "@radix-ui/react-dropdown-menu": "^2.0.2",
-        "@radix-ui/react-navigation-menu": "^1.1.2",
-        "@svgr/webpack": "^8.0.1",
-        "@tanstack/react-table": "^8.8.5",
+        "@deriv-com/blocks": "^0.52.0",
+        "@deriv-com/components": "^0.29.0",
+        "@deriv-com/hooks": "^0.10.0",
+        "@deriv-com/providers": "^0.10.0",
+        "@deriv/analytics": "^1.4.3",
+        "@deriv/deriv-api": "^1.0.13",
+        "@deriv/quill-design": "^1.2.6",
+        "@deriv/quill-icons": "^1.0.16",
+        "@hookform/resolvers": "^3.3.2",
+        "@livechat/customer-sdk": "^3.1.5",
+        "@loadable/component": "^5.15.3",
+        "@radix-ui/react-accordion": "^1.1.2",
+        "@radix-ui/react-alert-dialog": "^1.0.5",
+        "@radix-ui/react-dropdown-menu": "^2.0.6",
+        "@radix-ui/react-navigation-menu": "^1.1.4",
+        "@svgr/webpack": "^8.1.0",
+        "@tanstack/react-table": "^8.10.7",
         "@vercel/gatsby-plugin-vercel-builder": "^0.1.2",
         "cli-select": "^1.1.2",
         "clsx": "^1.2.1",
         "commander": "^8.3.0",
-        "crc-32": "^1.2.0",
+        "crc-32": "^1.2.2",
         "cssnano": "^5.1.15",
         "deriv-api-ts": "^1.0.7",
         "embla-carousel-autoplay": "^6.2.0",
         "embla-carousel-react": "8.0.0-rc11",
-        "eslint-import-resolver-node": "^0.3.6",
+        "eslint-import-resolver-node": "^0.3.9",
         "extend": "^3.0.2",
-        "firebase": "^9.22.1",
-        "formik": "^2.2.9",
-        "gatsby": "^5.11.0",
+        "firebase": "^9.23.0",
+        "formik": "^2.4.5",
+        "gatsby": "^5.12.11",
         "gatsby-plugin-anchor-links": "^1.2.1",
-        "gatsby-plugin-canonical-urls": "^5.11.0",
+        "gatsby-plugin-canonical-urls": "^5.12.0",
         "gatsby-plugin-image": "3.11.0",
-        "gatsby-plugin-manifest": "^5.11.0",
+        "gatsby-plugin-manifest": "^5.12.3",
         "gatsby-plugin-robots-txt": "^1.8.0",
-        "gatsby-plugin-sass": "^6.11.0",
-        "gatsby-plugin-sharp": "^5.11.0",
-        "gatsby-plugin-sitemap": "^6.11.0",
+        "gatsby-plugin-sass": "^6.12.3",
+        "gatsby-plugin-sharp": "^5.12.3",
+        "gatsby-plugin-sitemap": "^6.12.3",
         "gatsby-plugin-svgr": "^3.0.0-beta.0",
         "gatsby-plugin-use-query-params": "^1.0.1",
-        "gatsby-source-filesystem": "^5.11.0",
+        "gatsby-source-filesystem": "^5.12.1",
         "gatsby-source-strapi": "^3.3.1",
-        "gatsby-transformer-sharp": "^5.11.0",
-        "i18next": "^21.6.5",
+        "gatsby-transformer-sharp": "^5.12.3",
+        "i18next": "^21.10.0",
         "install": "^0.13.0",
         "js-cookie": "^2.2.1",
-        "lottie-web": "^5.8.1",
+        "lottie-web": "^5.12.2",
         "match-sorter": "^6.3.1",
-        "npm": "^9.6.2",
+        "npm": "^9.9.2",
         "p-min-delay": "^4.0.2",
-        "postcss": "^8.4.5",
         "postcss-discard-duplicates": "^5.1.0",
         "postcss-ts-classnames": "^0.3.0",
         "prompt-sync": "^4.2.0",
@@ -60,86 +65,91 @@
         "react-date-picker": "8.4.0",
         "react-device-detect": "^2.2.2",
         "react-dom": "^18.2.0",
-        "react-hook-form": "^7.43.9",
-        "react-i18next": "^11.15.3",
-        "react-intersection-observer": "^9.4.3",
+        "react-hook-form": "^7.48.2",
+        "react-i18next": "^11.18.6",
+        "react-intersection-observer": "^9.5.3",
         "react-is": "^17.0.2",
         "react-ticker": "^1.3.2",
         "react-tiny-popover": "^7.2.4",
         "remove": "^0.1.5",
-        "rxjs": "^7.8.0",
-        "sass": "^1.58.3",
-        "swiper": "^9.1.1",
+        "rxjs": "^7.8.1",
+        "sass": "^1.69.5",
+        "swiper": "^9.4.1",
         "use-query-params": "^1.2.3",
         "usehooks-ts": "^2.9.1",
-        "webpack": "^5.65.0",
-        "yup": "^1.0.2"
+        "webpack": "^5.89.0",
+        "yup": "^1.3.2"
     },
     "devDependencies": {
-        "@commitlint/cli": "^16.2.1",
-        "@commitlint/config-conventional": "^16.2.1",
-        "@deriv/api-types": "^1.0.94",
-        "@graphql-codegen/cli": "^2.6.2",
-        "@graphql-codegen/typescript": "^2.4.5",
-        "@graphql-codegen/typescript-operations": "^2.3.2",
-        "@loadable/babel-plugin": "^5.15.3",
+        "@commitlint/cli": "^16.3.0",
+        "@commitlint/config-conventional": "^16.2.4",
+        "@deriv/api-types": "^1.0.137",
+        "@graphql-codegen/cli": "^2.16.5",
+        "@graphql-codegen/typescript": "^2.8.8",
+        "@graphql-codegen/typescript-operations": "^2.5.13",
+        "@loadable/babel-plugin": "^5.16.1",
+        "@parcel/watcher": "^2.3.0",
         "@storybook/addon-actions": "^6.4.9",
-        "@storybook/addon-essentials": "^6.4.9",
-        "@storybook/addon-links": "^6.4.9",
-        "@storybook/builder-webpack5": "^6.4.9",
-        "@storybook/manager-webpack5": "^6.4.9",
-        "@storybook/react": "^6.4.9",
+        "@storybook/addon-essentials": "^6.5.16",
+        "@storybook/addon-links": "^6.5.16",
+        "@storybook/builder-webpack5": "^6.5.16",
+        "@storybook/manager-webpack5": "^6.5.16",
+        "@storybook/react": "^6.5.16",
         "@stylelint/postcss-css-in-js": "^0.38.0",
-        "@testing-library/jest-dom": "^5.16.4",
-        "@testing-library/react": "^14.0.0",
-        "@testing-library/user-event": "^14.4.3",
-        "@types/jest": "^29.5.3",
-        "@types/js-cookie": "^3.0.3",
-        "@types/node": "^20.4.8",
-        "@types/react": "^18.2.18",
-        "@types/react-dom": "^18.2.7",
-        "@types/react-test-renderer": "^18.0.0",
-        "@types/styled-components": "^5.1.26",
-        "@typescript-eslint/eslint-plugin": "^5.9.0",
-        "@typescript-eslint/parser": "^5.9.0",
+        "@testing-library/jest-dom": "^5.17.0",
+        "@testing-library/react": "^14.1.2",
+        "@testing-library/user-event": "^14.5.1",
+        "@types/jest": "^29.5.10",
+        "@types/js-cookie": "^3.0.6",
+        "@types/node": "^20.10.0",
+        "@types/react": "^18.2.38",
+        "@types/react-dom": "^18.2.17",
+        "@types/react-test-renderer": "^18.0.7",
+        "@types/styled-components": "^5.1.32",
+        "@typescript-eslint/eslint-plugin": "^5.62.0",
+        "@typescript-eslint/parser": "^5.62.0",
+        "autoprefixer": "^10.4.16",
         "babel-eslint": "10.1.0",
-        "babel-jest": "^29.5.0",
-        "babel-plugin-styled-components": "^2.0.2",
+        "babel-jest": "^29.7.0",
+        "babel-plugin-styled-components": "^2.1.4",
         "babel-preset-gatsby": "^2.25.0",
         "eslint": "^7.32.0",
         "eslint-loader": "^4.0.2",
-        "eslint-plugin-deprecation": "^1.3.2",
-        "eslint-plugin-import": "^2.25.4",
-        "eslint-plugin-jest": "^27.2.1",
-        "eslint-plugin-react": "^7.28.0",
-        "eslint-plugin-react-hooks": "^4.5.0",
-        "eslint-webpack-plugin": "^3.1.1",
+        "eslint-plugin-deprecation": "^1.5.0",
+        "eslint-plugin-import": "^2.29.0",
+        "eslint-plugin-jest": "^27.6.0",
+        "eslint-plugin-react": "^7.33.2",
+        "eslint-plugin-react-hooks": "^4.6.0",
+        "eslint-webpack-plugin": "^3.2.0",
         "gatsby-plugin-env-variables": "^2.3.0",
-        "gatsby-plugin-eslint": "^4.0.2",
-        "gatsby-plugin-styled-components": "^6.11.0",
-        "gatsby-plugin-webpack-bundle-analyser-v2": "^1.1.31",
+        "gatsby-plugin-eslint": "^4.0.4",
+        "gatsby-plugin-postcss": "^6.12.0",
+        "gatsby-plugin-styled-components": "^6.12.0",
+        "gatsby-plugin-webpack-bundle-analyser-v2": "^1.1.32",
         "gh-pages": "^3.2.3",
         "husky": "^7.0.4",
         "identity-obj-proxy": "^3.0.0",
-        "jest": "^29.5.0",
+        "jest": "^29.7.0",
         "jest-chain": "^1.1.6",
-        "jest-config": "^29.5.0",
-        "jest-environment-jsdom": "^29.5.0",
-        "jest-extended": "^4.0.0",
-        "lint-staged": "^12.1.5",
+        "jest-config": "^29.7.0",
+        "jest-environment-jsdom": "^29.7.0",
+        "jest-extended": "^4.0.2",
+        "lint-staged": "^12.5.0",
         "npm-force-resolutions": "0.0.10",
-        "prettier": "^2.5.1",
-        "query-string": "^7.0.1",
+        "postcss": "^8.4.31",
+        "prettier": "^2.8.8",
+        "query-string": "^7.1.3",
         "react-test-renderer": "^18.2.0",
-        "styled-components": "^5.3.3",
-        "stylelint": "^14.2.0",
-        "stylelint-config-prettier": "^9.0.3",
+        "styled-components": "^5.3.11",
+        "stylelint": "^14.16.1",
+        "stylelint-config-prettier": "^9.0.5",
         "stylelint-config-standard": "^24.0.0",
         "stylelint-config-styled-components": "^0.1.1",
         "stylelint-processor-styled-components": "^1.10.0",
-        "stylelint-webpack-plugin": "^3.1.0",
-        "typescript": "^4.5.4",
-        "typescript-plugin-css-modules": "^4.2.2"
+        "stylelint-webpack-plugin": "^3.3.0",
+        "tailwindcss": "^3.3.5",
+        "typescript": "^5.3.2",
+        "typescript-plugin-css-modules": "^4.2.3"
     },
     "keywords": [
         "deriv",
@@ -149,6 +159,7 @@
     "scripts": {
         "analyze-bundle": "GENERATE_JSON_STATS=true gatsby build && npx webpack-bundle-analyzer -m static -r ./webpack-bundle-report/report.html ./public/stats.json",
         "build": "GATSBY_CPU_COUNT=2 gatsby build --log-pages",
+        "update:deriv-com-libs": "npm i @deriv-com/blocks@latest @deriv-com/components@latest @deriv-com/hooks@latest @deriv-com/providers@latest",
         "partytown": "partytown copylib public/~partytown",
         "develop": "GATSBY_CPU_COUNT=2 gatsby develop -o",
         "format": "prettier --write '**/*.js' '*.js'",

diff --git a/postcss.config.js b/postcss.config.js
@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}