10 |
13 |
14 |
13 |
17 | Payment Failed (reasonNumber: {reasonNumber})
14 |Tell me why I failed to pay.
15 |
32 |
34 |
35 | )
36 | }
37 |
38 | export default ProgressPane
--------------------------------------------------------------------------------
/src/pages/api/searchkeywords.ts:
--------------------------------------------------------------------------------
1 | import { getSynonyms, searchSimilarWordsFromKeywords } from "@/types/searchs";
2 | import { Request, Response } from "express";
3 | import connectToMongodb from '@/db/mongodb'
4 |
5 | export default async function handler(req: Request, res: Response) {
6 | connectToMongodb();
7 | const { id, keyword } = req.query;
8 | try {
9 | if (req.method === 'GET') {
10 | let result;
11 | switch (id as string) {
12 | case '1':
13 | result = await searchSimilarWordsFromKeywords(keyword as string);
14 | break;
15 | case '2':
16 | result = await getSynonyms(keyword as string);
17 | break;
18 | default:
19 | break;
20 | }
21 | res.status(200).json(result)
22 | } else {
23 | res.status(405).json({
24 | success: false,
25 | data: "Method not allowed."
26 | })
27 | }
28 | } catch (error) {
29 | console.log("API error", error);
30 | if (!res.headersSent) {
31 | res.send(500).json({
32 | success: false,
33 | data: "Server error",
34 | });
35 | }
36 | }
37 | }
--------------------------------------------------------------------------------
/src/layout/ServerSidePropsAdminAuthorized.ts:
--------------------------------------------------------------------------------
1 | import Cookies from 'cookies';
2 | import jwt from 'jsonwebtoken'
3 | import { ADMIN_LIST, JWT_SIGN_KEY } from '@/types/utils';
4 | import { Context, User } from '@/types/interface';
5 |
6 | const ServerSidePropsAdminAuthorized = (context: Context) => {
7 | const cookies = new Cookies(context.req, context.res);
8 | const token = cookies.get('token');
9 | const tokenAsString = token?.toString() ?? '';
10 | try {
11 | const decodedToken = jwt.verify(tokenAsString, JWT_SIGN_KEY) as { email: string };
12 | // const user: User = decodedToken.user; // Extract the user object from the decoded token
13 |
14 | if (ADMIN_LIST.some(em => em === decodedToken?.email)) {
15 | return { props: { email: decodedToken?.email } };
16 | } else {
17 | return {
18 | redirect: {
19 | destination: '/auth',
20 | permanent: false,
21 | },
22 | };
23 | }
24 | } catch (error) {
25 | return {
26 | redirect: {
27 | destination: '/auth',
28 | permanent: false,
29 | },
30 | };
31 | }
32 |
33 | }
34 |
35 | export default ServerSidePropsAdminAuthorized
--------------------------------------------------------------------------------
/src/components/WaitingLocker.tsx:
--------------------------------------------------------------------------------
1 | import Image from "next/image";
2 |
3 | const WaitingLocker = ({ waiting, msg = "Waiting" }: { waiting: boolean, msg?: string }) => {
4 |
5 | return (
6 | {title}
{/* whitespace-nowrap */} 33 |
24 |
30 | )
31 | }
32 |
33 | export default WaitingLocker
--------------------------------------------------------------------------------
/src/pages/api/users.ts:
--------------------------------------------------------------------------------
1 | import { Request, Response } from "express";
2 | import { find, findByEmail, insert, remove, update } from "@/controllers/users";
3 | import connectToMongodb from '@/db/mongodb'
4 |
5 | export default function handler(req: Request, res: Response) {
6 | connectToMongodb();
7 | try {
8 | if (req.method === 'GET') {
9 | const { email } = req.query;
10 | const emailAsString = email?.toString() ?? '';
11 | if (emailAsString === '') {
12 | find(req, res);
13 | // res.status(304).json("Fetching user data not allowed.")
14 | } else {
15 | findByEmail({ req, res }, emailAsString);
16 | }
17 | }
18 | else if (req.method === 'POST') {
19 | insert(req, res);
20 | } else if (req.method === 'PUT') {
21 | update(req, res);
22 | } else if (req.method === 'DELETE') {
23 | remove(req, res);
24 | } else {
25 | res.status(405).json({
26 | success: false,
27 | data: "Method not allowed."
28 | })
29 | }
30 | } catch (error) {
31 | console.log("API error", error);
32 | if (!res.headersSent) {
33 | res.send(500).json({
34 | success: false,
35 | data: "Server error",
36 | });
37 | }
38 | }
39 | }
--------------------------------------------------------------------------------
/src/components/ProgressIndicator.tsx:
--------------------------------------------------------------------------------
1 | import ProgressPane from "./ProgressPane";
2 |
3 | export const TMCheckerElement = () => {
4 |
5 | return (
6 |
25 |
29 | {msg}...
28 |
7 |
10 | )
11 | }
12 | const ProgressIndicator = ({ stage }: { stage: number }) => {
13 |
14 | return (
15 | Trade Mark Today
8 |TM
9 |
19 | = 1 ? "state-active" : ""}`} title="Getting started" />
20 | = 2 ? "state-active" : ""}`} title="Choose trade mark" />
21 | = 3 ? "state-active" : ""}`} title="Select goods or services" />
22 | = 4 ? "state-active" : ""}`} title="Review results" />
23 |
24 |
12 |
29 | )
30 | }
31 |
32 | export default PortalConsider
--------------------------------------------------------------------------------
/public/next.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/components/Footer.tsx:
--------------------------------------------------------------------------------
1 | const Footer = () => {
2 | return (
3 | <>
4 |
20 |
21 | )
22 | }
23 | export default Footer;
--------------------------------------------------------------------------------
/src/components/NotificationComponent.tsx:
--------------------------------------------------------------------------------
1 | import { useEffect } from 'react';
2 |
3 | const NotificationComponent = ({ msg }: { msg: string }) => {
4 |
5 | useEffect(() => {
6 | if (!msg) return;
7 | (async () => {
8 | await Notification.requestPermission();
9 | if (Notification.permission === 'granted') {
10 | (new Notification(msg, {
11 | icon: '/trademarktoday.png',
12 | badge: '/dollar.png',
13 | // tag: 'message-notification',
14 | // data: { messageId: Math.random() * 100 },
15 | requireInteraction: false,
16 | silent: false,
17 | // actions: [
18 | // { action: 'reply', title: 'Reply' },
19 | // { action: 'dismiss', title: 'Dismiss' },
20 | // ],
21 | })).onclick = () => {
22 | window.focus();
23 | // let link:any = document.querySelector("link[rel~='icon']");
24 | // if (!link) {
25 | // // Create a new link element if it doesn't exist
26 | // link = document.createElement('link');
27 | // link.rel = 'icon';
28 | // document.head.appendChild(link);
29 | // }
30 | // link.href = '/fav.ico';
31 | };
32 | }
33 | })();
34 | }, [msg])
35 | return null;
36 | };
37 |
38 | export default NotificationComponent
--------------------------------------------------------------------------------
/src/pages/api/create-checkout-session.ts:
--------------------------------------------------------------------------------
1 | import { Request, Response } from 'express';
2 | import stripe from 'stripe';
3 |
4 | const stripeInstance = new stripe(process.env.stripeSecretKey as string, { apiVersion: "2022-11-15" });
5 |
6 | export default async function handler(req: Request, res: Response) {
7 | const { price, transactionKey } = req.body;
8 | try {
9 | const session = await stripeInstance.checkout.sessions.create({
10 | payment_method_types: ['card'],
11 | line_items: [
12 | {
13 | price_data: {
14 | currency: 'usd',
15 | product_data: {
16 | name: 'Trade Mark Today Subscription',
17 | },
18 | unit_amount: price * 100, // Amount in cents
19 | },
20 | quantity: 1,
21 | },
22 | ],
23 | mode: 'payment',
24 | // success_url: `https://localhost/payres/success?transactionKey=${transactionKey}`,
25 | // cancel_url: 'https://localhost/payres/fail?reason=0',
26 | success_url: `https://trademarktoday.com.au/payres/success?transactionKey=${transactionKey}`,
27 | cancel_url: 'https://trademarktoday.com.au/payres/fail?reason=0',
28 | });
29 |
30 | res.status(200).json({ id: session.id });
31 | } catch (error) {
32 | console.error(error);
33 | res.status(500).json({ error: 'An error occurred' });
34 | }
35 | }
--------------------------------------------------------------------------------
/src/controllers/users.tsx:
--------------------------------------------------------------------------------
1 | import usersModel from "@/models/usersModel";
2 | import { Request, Response } from "express";
3 |
4 | export const find = async (req: Request, res: Response) => {
5 | const list = await usersModel.find();
6 | res.status(200).json({
7 | success: true,
8 | data: list,
9 | });
10 | }
11 |
12 | export const insert = async (req: Request, res: Response) => {
13 | const user = await usersModel.create(req.body);
14 | res.status(201).json([user])
15 | }
16 |
17 | export const findByEmail = async ({ req, res }: { req: Request, res: Response }, email: string) => {
18 | const list = await usersModel.find({ email });
19 | res.status(200).json({
20 | success: true,
21 | data: list,
22 | });
23 | }
24 |
25 | export const update = async (req: Request, res: Response) => {
26 | const { email } = req.body
27 | const users = await usersModel.updateOne(
28 | { email: email },
29 | {
30 | $set: {
31 | ...req.body
32 | }
33 | }
34 | );
35 | res.status(201).json({
36 | success: true,
37 | data: users,
38 | });
39 | }
40 |
41 | export const remove = async (req: Request, res: Response) => {
42 | try {
43 | const result = await usersModel.deleteOne({ email: req.body.email });
44 | console.log('Model deleted successfully');
45 | } catch (err) {
46 | console.error('Error deleting model:', err);
47 | }
48 | }
--------------------------------------------------------------------------------
/.all-contributorsrc:
--------------------------------------------------------------------------------
1 | {
2 | "files": [
3 | "README.md"
4 | ],
5 | "imageSize": 100,
6 | "commit": false,
7 | "commitType": "docs",
8 | "commitConvention": "angular",
9 | "contributors": [
10 | {
11 | "login": "marksantiago2909",
12 | "name": "Mark Santiago",
13 | "avatar_url": "https://avatars.githubusercontent.com/u/132613676?v=4",
14 | "profile": "https://github.com/marksantiago2909",
15 | "contributions": [
16 | "code",
17 | "content",
18 | "doc",
19 | "data",
20 | "example",
21 | "ideas",
22 | "projectManagement",
23 | "review",
24 | "tool",
25 | "tutorial",
26 | "video"
27 | ]
28 | },
29 | {
30 | "login": "imcrazysteven",
31 | "name": "Steven Leal",
32 | "avatar_url": "https://avatars.githubusercontent.com/u/138194633?v=4",
33 | "profile": "https://github.com/imcrazysteven",
34 | "contributions": [
35 | "code",
36 | "content",
37 | "doc",
38 | "data",
39 | "example",
40 | "ideas",
41 | "projectManagement",
42 | "review",
43 | "tool",
44 | "tutorial",
45 | "video"
46 | ]
47 | }
48 | ],
49 | "contributorsPerLine": 7,
50 | "skipCi": true,
51 | "repoType": "github",
52 | "repoHost": "https://github.com",
53 | "projectName": "trademarktoday-nextjs",
54 | "projectOwner": "imcrazysteven"
55 | }
56 |
--------------------------------------------------------------------------------
/src/pages/_document.tsx:
--------------------------------------------------------------------------------
1 | import { generateNonce } from '@/types/utils';
2 | import Document, { Html, Head, Main, NextScript, DocumentProps } from 'next/document';
3 |
4 | const MyDocument = () => {
5 | const nonce = generateNonce();
6 | return (
7 |
8 |
9 |
10 |
13 | {/* */}
16 |
17 |
21 |
25 |
26 |
27 |
28 |
13 |
16 | {title}
14 |{message}
15 |
17 |
28 |
18 |
27 |
20 |
26 | Example
21 | {img === "" ? 22 |{category}
23 | : 24 |
29 |
32 | This page is only for testing purpose. You can see this page because you have logged in.
33 |
34 | } />
35 |
37 | Dashboard Test
30 |
42 |
48 | Payment Succeed
43 |transactionKey:{transactionKey}
44 |Processing...
45 |
26 |
27 |
38 |
39 |
29 | router.push('/')} className="cursor-pointer hover:scale-150 transition-all ease-in-out duration-700" src="/trademarktoday_logo.png" alt="logo" priority width={188} height={58} />
30 |
33 |
36 |
37 | Login to your account
31 |
9 |
10 |
19 |
11 |
13 |
14 | {msg}
15 |
16 |
17 |
18 | There is a problem
12 |
27 |
33 |
29 |
32 | What you need to know
30 | {msg} 31 |
41 |
44 | {msg}
43 |
52 |
58 |
54 |
57 | Important
55 |Our automated search has found trade marks that you may consider before proceeding.
56 |My profile
22 |
23 |
52 |
24 | e.currentTarget.src = "/no-avatar.png"} width={150} height={150} />
25 |
26 |
29 | {user?.name}
27 |{user?.address}
28 |
30 |
51 |
31 |
34 | Applicants
32 |{user?.name}
33 |
35 | Email
36 |
38 | {user?.email}
37 |
39 |
42 | Phone Number
40 |{user?.phone_number}
41 |
43 |
46 | Address
44 |{user?.address}
45 |
47 |
50 | ACN
48 |{user?.ACN}
49 |
20 |
33 |
60 |
61 | )
62 | }
63 |
64 | AdminChat.getLayout = TMCheckLayout;
65 |
66 | export const getServerSideProps = ServerSidePropsAdminAuthorized;
67 |
68 | export default AdminChat;
--------------------------------------------------------------------------------
/src/pages/api/chatsocket.ts:
--------------------------------------------------------------------------------
1 | import { Server, Socket } from "socket.io";
2 | import { Request, Response } from "express";
3 | import { DefaultEventsMap } from "socket.io/dist/typed-events";
4 | let channels: { channel: string, username: string }[] = [];
5 |
6 | function SocketHandler(req: any, res: any) {
7 | // It means that socket server was already initialised
8 | if (res.socket.server.io) {
9 | console.log("Already set up");
10 | res.end();
11 | return;
12 | }
13 |
14 | const io = new Server(res.socket.server);
15 | res.socket.server.io = io;
16 |
17 | const onConnection = async (socket: Socket) => {
18 | // const { channel: _chanelArr } = socket.handshake.query; // Extract the channel from the handshake query
19 | // const channels: string[] = JSON.parse(_chanelArr as string);
20 |
21 | //! here to handle START
22 | socket.on("createdMessage", ({ channel, author, message, key }: { channel: string, author: string, message: string, key: string }) => {
23 | socket.to(channel).emit(`newIncomingMessage`, { channel, author, message, key });
24 | socket.emit('deliveredToServer', { channel, author, message, key });
25 | });
26 | socket.on('typing', ({ channel, author, message }: { channel: string, author: string, message: 'start' | 'end' }) => {
27 | socket.to(channel).emit(`newIncomingTyping`, { channel, author, message });
28 | })
29 | socket.on('viewed', ({ channel, author, message }: { channel: string, author: string, message: string }) => {
30 | socket.to(channel).emit(`newIncomingViewed`, { channel, author, message });
31 | })
32 | socket.on('repeatMsg', ({ channel, author, message, key }: { channel: string, author: string, message: string, key: string }) => {
33 | socket.to(channel).emit(`newIncomingRepeatMsg`, { channel, author, message, key });
34 | })
35 | socket.on('joinChannel', ({ channel, username }) => {
36 | socket.join(channel);
37 | if (username !== 'admin' && !(new Set(channels.map(chs => chs.channel))).has(channel)) {
38 | channels = Array.from(new Set([...channels, { channel, username }])); // Add channel to the list only if it's not already present
39 | }
40 | if (username !== 'admin') {
41 | socket.to('admin').emit(`channelCreated`, { channel, username })
42 | }
43 | // io.emit('updateChannels', channels); // Notify all clients about the updated channel list
44 | if (username === 'admin_initial') {
45 | // socket.to('admin').emit(`updateChannels`, channels)
46 | console.log(channels);
47 | channels.filter(chn => chn.channel !== 'admin').forEach(chn => io.emit(`channelCreated`, { channel: chn.channel, username: chn.username }))
48 | }
49 | console.log('rooms', socket.rooms);
50 | });
51 | socket.on('disconnect', () => {
52 | console.log(`User disconnected: socket's Id = ${socket.id}`);
53 | });
54 | socket.emit('updateChannels', channels);
55 | //! here to handle END
56 | };
57 |
58 | // Define actions inside
59 | io.on("connection", onConnection);
60 |
61 | console.log("Setting up socket");
62 | res.end();
63 | }
64 |
65 | export default SocketHandler
--------------------------------------------------------------------------------
/src/components/UploadLogo.tsx:
--------------------------------------------------------------------------------
1 | import axios from "axios";
2 | import Image from "next/image";
3 | import { useEffect, useRef, useState } from "react";
4 | import ProgressLinearWithValueLabel from "./ProgressBar";
5 |
6 | const UploadLogo = ({ image: { imageDataUrl, setImageDataUrl } }: { image: { imageDataUrl: string | undefined, setImageDataUrl: React.Dispatch
34 |
35 |
43 | Applicant(s)
36 | Email
37 | Phone Number
38 | Address
39 | ACN
40 | Given Name
41 | Family Name
42 |
44 | {allUsers.map((item, i) =>
45 |
59 |
46 |
57 | )}
58 |
47 | e.currentTarget.src = "/no-avatar.png"} width={100} height={150} />
48 |
49 | {item.name}
50 | {item.email}
51 | {item.phone_number}
52 | {item.address}
53 | {item.ACN}
54 | {item.given_name}
55 | {item.family_name}
56 |
41 | {
42 | imageDataUrl ?
43 |
63 |
64 |
44 |
:
47 | uploadProgress === 0 ?
48 | { ref.current?.click() }} className="flex flex-col gap-4 items-center self-center cursor-pointer">
49 |
:
57 |
50 |
51 |
52 |
53 |
56 | Choose file or drag here
54 |Size limit: 10MB
55 |
58 |
61 | }
62 | Uploading logo file...
59 |
51 |
68 | )
69 | }
70 |
71 | export default Login
--------------------------------------------------------------------------------
/src/components/UserInfoAvatar.tsx:
--------------------------------------------------------------------------------
1 | import { User } from "@/types/interface"
2 | import axios from "axios"
3 | import Image from "next/image"
4 | import { useRouter } from "next/router"
5 | import { useEffect, useState } from "react"
6 | const UserInfoAvatar = ({ email }: { email: string }) => {//{ user }: { user: User }
7 | const router = useRouter();
8 | const [user, setUser] = useState
52 |
58 |
53 |
54 |
55 |
56 | {!validEmail && *Invalid email type. Please fill in correct type.
} 57 |
59 |
65 |
60 |
61 |
62 |
63 | {!validPassword && *Please enter your password correctly.
} 64 |Forgot password?
66 | 67 |
26 | {
27 | user ?
28 |
63 | )
64 | }
65 | export default UserInfoAvatar;
--------------------------------------------------------------------------------
/src/components/PortalClass.tsx:
--------------------------------------------------------------------------------
1 | import { Checkbox, FormControlLabel, FormGroup } from "@mui/material"
2 | import { useContext, useEffect, useRef, useState } from "react";
3 | import { ClassBadge } from "../pages/classify";
4 | import { PiniaStore } from "@/store/store";
5 |
6 | const MyCheckbox = ({ label, handleClick, id, checkedItems }: { label: string, handleClick: (_: { name: string, value: boolean, id: string }) => void, id: string, checkedItems: any[] }) => {
7 |
8 | return (
9 |
29 |
30 |
55 | :
56 |
61 | }
62 |
31 | e.currentTarget.src = "/no-avatar.png"} width={40} height={40} />
35 |
36 |
37 |
54 | {user.name} { 32 | // JSON.stringify(user) 33 | }
34 |
53 |
56 | {title}
54 |62 | 66 |
67 |
68 | {products && products.slice(5).map((product, index) =>
70 |
71 |
72 | )}
73 |
49 |
85 |
50 |
51 |
52 |
57 |
58 | {/* */}
59 |
60 |
72 |
84 | -
61 |
- About Us 62 |
- Services 63 |
- Pricing 64 |
- Resources 65 |
- router.push('/checkout')} className="hover:border-b border-black">Apply Filing 66 | {ADMIN_LIST.some(em => em === userEmail) && <> 67 |
- router.push('/adminchat')} className="hover:border-b border-black text-red-600 font-mont">Chat with users 68 |
- router.push('/adminusers')} className="hover:border-b border-black text-red-600 font-mont">User manangement 69 | } 70 |
, IP = P> = NextPage
72 | Results from the free preliminary trade mark search cannot guarantee an outcome if you decide to apply. If you need assistance, consider chatting with one of our
73 |
74 | Australian registered trade marks attorney
75 |
76 | .
77 |
83 | I have read the
84 |
85 | disclaimer
86 |
87 | and
88 |
89 | privacy notice
90 | .
91 | You must acknowledge you have read the disclaimer and privacy notice to continue. Thanks for starting the new Trade Mark Today account creation
49 | process. We want
50 | to make sure it's really you. Please enter the following verification code when prompted. If
51 | you don’t want to create an account, you can ignore this message. Trade Mark Today™ will never email you and ask
67 | you to disclose or verify your password, credit card, or banking account number. {title} {msg} This process should take a couple of minutes to complete. Sign up with Trade Mark Today Trade mark owner details Payment method
89 | For more information, read our
90 |
91 | FAQ on applying.
92 |
93 | I acknowledge that the outcome of this application will be determined by the Examiner at IP Australia You must acknowledge your understanding to continue. {description} {feeType} {fee} The results of your free check need to be reviewed by an examiner to assess whether your request meets certain legal requirements that are described in the Trade Marks Act 1995. They'll reach out within 5 working days. If there are issues, the examiner will let you know your options for fixing them. *Examination International agreements require us to ensure people who file a trade mark in participating countries have six months to apply in Australia. While it is rare for a similar trade mark to be filed during the same time period, the agreements help protect business operators from potential IP Rights conflicts. Each trade mark undergoes a two-month opposition period where others can challenge its registration. Refer to frequently asked questions for additional details. Once registered you can add the registered symbol to all instances of your trade mark. You can legally challenge comparable marks with similar goods and services. It is your responsibility to enforce your rights and use your trade mark correctly on the goods and services you listed for registration. {msg} {msg}
4 |
24 | Trademarktoday supports free initial trade mark check in minutes and registration of your trademark for Australia. Please kick off the process of protecting your brand and have some fun while doing it!
25 |
40 |
61 |
71 | Your trade mark may contain some of the following: Make sure your trade mark contains something unique that other people in your industry would not need to use. You can still apply if you feel like your trade mark is distinctive enough.
117 |
118 | Read more about distinctiveness.
119 |
120 | Help video We found 20 matches that may be similar to yours. Check if these are similar in terms of: You can still apply if you believe your trade mark and your goods and or services are distinguishable from those identified in the search result.
171 | Help video
86 | */}
94 | {/* ****************************************************************** */}
95 |
96 | )
97 | )
98 | }
99 |
100 | )
101 | }
102 |
103 | export default MyApp
--------------------------------------------------------------------------------
/src/components/PortalSummaryB.tsx:
--------------------------------------------------------------------------------
1 | import Link from "next/link";
2 | import { ReactNode, useContext, useEffect, useRef, useState } from "react";
3 | import { ClassBadge } from "../pages/classify";
4 | import Image from "next/image";
5 | import { PiniaStore } from "@/store/store";
6 |
7 | const PortalSummaryB = () => {
8 | const { pinia, setPinia } = useContext(PiniaStore);
9 | const [divHeight, setDivHeight] = useState(0);
10 | const contentRef = useRef
87 |
92 |
93 |
26 |
33 |
77 |
34 |
76 |
35 |
36 |
75 |
37 | {
38 | pinia?.markType === 'Word' ?
39 | {pinia.word} :
40 |
46 |
41 |
43 | }
44 | Edit
45 |
47 |
48 |
74 |
49 |
55 | {pinia?.classes !== undefined && Object.keys(pinia.classes).map((classKey: string, index: number) => (
56 |
50 |
53 | Edit
54 | Goods or services
51 | Total cost is based on how many classes your trade mark contains.
52 |
57 | {pinia.classes && pinia.classes[classKey] && pinia.classes[classKey].map((item, index) => (
58 |
59 | {item.description}
60 |
61 | ))}
62 |
68 | ))}
69 |
63 |
66 | $590$490 : $590}
65 |
67 |
70 | Total
71 | ${(pinia?.classes !== undefined && !(Object.keys(pinia.classes).length === 0 && pinia.classes.constructor === Object)) ? (Object.keys(pinia.classes).length * 590 - (Object.keys(pinia.classes).length - 1) * 100) : 0}
72 |
73 |
45 |
97 | Key things to watch for
49 |
70 |
79 | Trade marks can be complex
71 |
80 |
95 |
81 |
93 | {showAlertForCheck &&
100 |
104 |
105 | )
106 | }
107 |
108 | Consider.getLayout = TMCheckLayout;
109 |
110 | export default Consider;
--------------------------------------------------------------------------------
/public/tmchecker.svg:
--------------------------------------------------------------------------------
1 |
20 |
--------------------------------------------------------------------------------
/src/pages/api/sendmail.ts:
--------------------------------------------------------------------------------
1 | import Nodemailer, { SentMessageInfo, SendMailOptions } from 'nodemailer';
2 | import { Request, Response } from 'express';
3 |
4 | export default function handler(req: Request, res: Response): void {
5 | const { email, code } = req.query;
6 | const transporter = Nodemailer.createTransport({
7 | // host: 'smtp.gmail.com',
8 | // port: 465,
9 | // service: 'gmail',
10 | // secure: true,
11 | host: "smtp.gmail.com",
12 | port: 587,
13 | secure: false,
14 | auth: {
15 | user: process.env.GMAIL_USER,
16 | pass: process.env.GMAIL_AUTH
17 | }
18 | });
19 | const mailOptions: SendMailOptions = {
20 | from: process.env.GMAIL_USER,
21 | to: email as string,
22 | subject: 'Trademark today verfication',
23 | html: `
101 |
102 |
103 |
24 | `
94 | };
95 | transporter.sendMail(mailOptions, (error: Error | null, info: SentMessageInfo) => {
96 | if (error) {
97 | console.log(error);
98 | res.status(200).json({ message: error })
99 | } else {
100 | console.log('Email sent: ' + info.response);
101 | res.status(200).json({ message: info.response })
102 | }
103 | });
104 | //{"message":"250 2.0.0 OK 1687813731 hn8-20020a05600ca38800b003fa722e8b48sm11760285wmb.32 - gsmtp"}
105 | }
--------------------------------------------------------------------------------
/src/pages/api/_testApi/testsearch.ts:
--------------------------------------------------------------------------------
1 | import mysqldb from "@/db/mysqldb";
2 | import natural, { TfIdf, WordNet } from 'natural';
3 | import stringSimilarity from 'string-similarity';
4 | import { Request, Response } from "express";
5 | export default function handler(req: Request, res: Response) {
6 | if (req.method === 'POST') {
7 |
8 | const userInput = req.body.search;
9 |
10 | getSynonyms(userInput)
11 | .then((similarWords) => {
12 | console.log(similarWords);
13 | res.status(200).json(similarWords)
14 | // Use the similar words retrieved from WordNet
15 | })
16 | .catch((error) => {
17 | console.error(error);
18 | res.status(200).json(error)
19 | // Handle errors
20 | });
21 | // intelligentSearch(req, res, req.body.search);
22 | } else {
23 | res.status(405).json({ message: 'Method not allowed' })
24 | }
25 | }
26 | const getSynonyms = (inputWord:string) => {
27 | return new Promise((resolve, reject) => {9
28 | const wordnet = new WordNet();
29 | wordnet.lookup(inputWord, (definitions) => {
30 | {
31 | const similarWords = definitions.reduce((words:string[], definition) => {
32 | definition.synonyms.forEach((synonym) => {
33 | if (!words.includes(synonym))
34 | {
35 | words.push(synonym);
36 | }
37 | });
38 | return words;
39 | }, []);
40 | resolve(similarWords);
41 | }
42 | });
43 | });
44 | };
45 |
46 | //! From here remove it.
47 | // async function intelligentSearch(req: Request, res: Response, userInput: string) {
48 |
49 |
50 | // mysqldb.query('SELECT keyword FROM keywords', (err, results) => {
51 | // if (err) {
52 | // console.error('Error executing search query:', err);
53 | // return;
54 | // }
55 | // const relevantKeywords = results.map(result => result.keyword);
56 | // const matches = stringSimilarity.findBestMatch(userInput, relevantKeywords);
57 | // const matchedKeywords = matches.ratings.filter((match) => match.rating > 0.7).map((match) => match.target);
58 | // console.log(matchedKeywords)
59 | // if (matchedKeywords.length === 0) {
60 | // res.status(204).json([]);
61 | // return;
62 | // }
63 | // // Query the database for matching records
64 | // const searchQuery = `
65 | // SELECT * FROM products
66 | // WHERE product LIKE '%${matchedKeywords.join("%' OR product LIKE '%")}%' LIMIT 10
67 | // `;
68 | // mysqldb.query(searchQuery, (err, results) => {
69 | // if (err) {
70 | // console.error('Error executing search query:', err);
71 | // return;
72 | // }
73 |
74 | // // Process and display the search results
75 | // console.log('Search Results:');
76 | // results.forEach((result) => {
77 | // console.log(result);
78 | // });
79 | // return res.status(200).json(results)
80 | // });
81 | // });
82 | // // const tokenizer = new natural.WordTokenizer();
83 | // // const query = 'SELECT product FROM products';
84 | // // db.query(query, (error: MysqlError | null, rows: { product: string }[]) => {
85 | // // if (error) {
86 | // // console.error('Error retrieving data from the database:', error);
87 | // // return;
88 | // // }
89 | // // console.log("COUNT: " + rows.length)
90 | // // // Extract keywords using TF-IDF
91 | // // const tfidf = new TfIdf();
92 | // // rows.forEach((row) => {
93 | // // const descriptionTokens = tokenizer.tokenize(row.product);
94 | // // const addToDoc = descriptionTokens ? descriptionTokens.join(' ') : '';
95 | // // tfidf.addDocument(addToDoc);
96 | // // });
97 | // // console.log(tfidf.listTerms(0))
98 | // // for (let i = 0; i < tfidf.documents.length; i++) {
99 | // // const terms = tfidf.listTerms(i);
100 |
101 | // // terms.forEach((term) => {
102 | // // relevantKeywords.push(term.term);
103 | // // console.log("relevant keywords: " + term.term);
104 | // // });
105 | // // }
106 | // // fs.writeFile('output.txt', relevantKeywords.join('\r\n'), (err) => {
107 | // // if (err) {
108 | // // console.error('Error writing to file:', err);
109 | // // } else {
110 | // // console.log('Output has been written to output.txt');
111 | // // }
112 | // // });
113 | // // const matches = stringSimilarity.findBestMatch(userInput, relevantKeywords);
114 | // // console.log(matches)
115 | // // const matchedKeywords = matches.ratings.filter((match) => match.rating > 0.5).map((match) => match.target);
116 | // // if (matchedKeywords.length === 0) {
117 | // // res.status(204).json([]);
118 | // // return;
119 | // // }
120 | // // // Query the database for matching records
121 | // // const searchQuery = `
122 | // // SELECT * FROM products
123 | // // WHERE product LIKE '%${matchedKeywords.join("%' OR product LIKE '%")}%' LIMIT 10
124 | // // `;
125 | // // db.query(searchQuery, (err, results) => {
126 | // // if (err) {
127 | // // console.error('Error executing search query:', err);
128 | // // return;
129 | // // }
130 |
131 | // // // Process and display the search results
132 | // // console.log('Search Results:');
133 | // // results.forEach((result) => {
134 | // // console.log(result);
135 | // // });
136 | // // return res.status(200).json(results)
137 | // // });
138 | // // });
139 | // }
140 |
141 |
--------------------------------------------------------------------------------
/src/pages/checkout.tsx:
--------------------------------------------------------------------------------
1 | import TMCheckLayout from '../layout/TMCheckLayout';
2 | import ServerSidePropsAuthorized from '@/layout/ServerSidePropsAuthorized';
3 | import Chat from '@/components/Chat';
4 | import Image from 'next/image';
5 | import dotenv from 'dotenv'
6 | dotenv.config({ path: "./.env" });
7 | import { loadStripe } from '@stripe/stripe-js';
8 |
9 | const stripePromise = loadStripe(process.env.NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY as string);
10 |
11 | import { useContext, useEffect, useState } from 'react';
12 | import { PiniaStore } from '@/store/store';
13 | import axios from 'axios';
14 | import { ClassBadge } from './classify';
15 | import { useRouter } from 'next/router';
16 | import { generateRandomKey, hash } from '@/types/utils';
17 |
18 | const ChecoutItemA = ({ title, msg }: { title: string, msg: string }) => {
19 | return (
20 | <>
21 |
25 |
93 |
28 |
29 |
39 |
30 |
37 |
38 |
31 |
36 | 
34 | Trade Mark Today
35 |
42 |
43 |
72 |
73 |
74 |
44 |
55 |
46 |
54 | Verify your email
47 | address
48 |
56 |
63 |
58 |
62 | Verification code
59 | ${code}
60 | (This code is valid for 10 minutes)
61 |
64 |
70 |
71 |
66 |
69 |
76 |
77 |
90 |
91 |
92 |
78 |
88 |
89 |
80 | This message was produced and distributed by trademarktoday.com.au, Inc.,
87 |
Sydney, Australia. ©
81 | 2022, Trade Mark Today., Inc.
All rights reserved.
82 | Trade Mark Today is just now not a
83 | registered
84 | Trade Mark Today™,
85 | Inc. View our privacy policy
86 |
22 | ✓
23 |
28 |
29 | )
30 | }
31 |
32 | const Checkout = ({ email }: { email: string }) => {
33 | const { pinia, setPinia } = useContext(PiniaStore);
34 | const [price, setPrice] = useState(0)
35 | const router = useRouter();
36 | useEffect(() => {
37 | if ((pinia?.classes !== undefined && !(Object.keys(pinia.classes).length === 0 && pinia.classes.constructor === Object))) {
38 | const price_value = (Object.keys(pinia.classes).length * 590 - (Object.keys(pinia.classes).length - 1) * 100);
39 | if (price_value === 0) {
40 | router.push('/apply');
41 | } else {
42 | setPrice(price_value)
43 | }
44 | } else {
45 | if (pinia?.initiated) {
46 | router.push('/apply');
47 | }
48 | }
49 | }, [pinia])
50 | const handlePay = async () => {
51 | if (!price || price === 0) {
52 | // router.push('/apply');
53 | return;
54 | }
55 | const stripe = await stripePromise;
56 | const transactionKey = generateRandomKey(16);
57 | sessionStorage.setItem('transactionKey', await hash(transactionKey));
58 | const { data: { id } } = await axios.post('/api/create-checkout-session', { price: price + 200, transactionKey }); console.log(id)
59 | // const session = await response.json(); console.log(session)
60 | const result = await stripe?.redirectToCheckout({ sessionId: id });
61 |
62 | if (result?.error) {
63 | // Handle error
64 | console.error(result.error.message);
65 | }
66 | };
67 |
68 | return (
69 | <>
70 |
24 |
27 |
72 |
112 |
73 |
111 |
75 |
110 | {(price + 200).toLocaleString('en-US', { style: 'currency', currency: 'USD' })}
76 | For Trade Mark Filing
77 |
78 |
108 |
109 |
80 |
104 |
81 | {pinia?.classes !== undefined && Object.keys(pinia.classes).map((classKey: string, index: number) => (
82 |
103 |
83 |
97 | ))}
98 |
84 | Class {classKey}
85 | {index > 0 ?
87 | {/* $590$490 : $590}
86 |
88 | {pinia?.classes !== undefined && pinia.classes[classKey] && pinia.classes[classKey].map((item, index_inner) => (
89 |
92 | ))}
93 |
94 |
95 | */}
96 |
99 | Sub Total
100 | ${(pinia?.classes !== undefined && !(Object.keys(pinia.classes).length === 0 && pinia.classes.constructor === Object)) ? (Object.keys(pinia.classes).length * 590 - (Object.keys(pinia.classes).length - 1) * 100) : 0}
101 |
102 |
60 |
108 | Trade mark application
64 |
66 |
97 | What you'll need
67 |
68 |
73 |
69 |
70 |
72 |
74 |
79 |
75 |
76 |
78 |
80 |
85 |
81 |
82 |
84 |
86 |
96 |
87 |
88 |
95 | Application Process and Costs
98 |
100 |
106 |
101 |
104 | {showAlertForCheck &&
112 |
126 |
127 | )
128 | }
129 | Apply.getLayout = TMCheckLayout;
130 |
131 | export default Apply;
--------------------------------------------------------------------------------
/src/components/PortalSummaryA.tsx:
--------------------------------------------------------------------------------
1 | import { ReactNode, useContext, useEffect, useRef, useState } from "react";
2 | import { BootstrapTooltip } from "../pages/classify";
3 | import { PiniaStore } from "@/store/store";
4 | import Image from "next/image";
5 |
6 | const WrapTimeBar = ({ showBar = true, children }: { showBar?: boolean, children: ReactNode }) => {
7 | return (
8 | <>
9 |
113 |
117 |
125 |
10 |
19 |
20 | )
21 | }
22 |
23 | const TimeBarA = ({ title, description, feeType, fee, tooltip, showBar = true }: { title: string, description: string, feeType?: string, fee?: string, tooltip: ReactNode, showBar?: boolean }) => {
24 | return (
25 |
11 | {/* */}
12 |
15 |
16 | {children}
17 |
18 | {title}
27 |
28 |
35 | {feeType &&
31 |
32 |
33 |
46 |
91 | )
92 | }
93 |
94 | const PortalSummaryA = () => {
95 | const [divHeight, setDivHeight] = useState(0);
96 | const contentRef = useRef
55 |
65 | During the Examination period, the Examiner may issue an Adverse Examination Report. If an Adverse Report is issued, further costs will be incurred for reporting and filing a response. The costs can vary, depending on the type and number of objections.
66 |
77 |
112 |
116 |
121 |
117 |
120 |
118 |
42 |
51 |
43 |
48 | {title}
44 |
47 |
68 | {children}
69 |
80 | );
81 | }
82 |
83 | export const ConfirmSignForApplyModal = ({ openState: { open, setOpen }, children }: ModalType) => {
84 | const handleOpen = () => setOpen(true);
85 | const handleClose = () => setOpen(false);
86 | const router = useRouter();
87 | return (
88 |
71 |
74 |
77 |
78 |
89 | {children}
90 |
101 | );
102 | }
103 |
104 | export const OTPModal = ({ openState: { open, setOpen }, setMsg }: { openState: { open: boolean, setOpen: React.Dispatch
92 |
95 |
98 |
99 |
128 |
141 |
142 | );
143 | }
144 |
145 | export const MessageBoxModal = ({ openState: { open, setOpen }, title, msg }: ModalType & { title: string, msg: string }) => {
146 | return (
147 |
129 |
132 |
140 | Enter verification code
133 |
134 |
135 |
136 |
137 |
138 |
139 |
155 |
168 |
156 |
161 | {title}
157 |
160 |
163 |
166 |
167 |
89 |
155 | )
156 | }
157 |
158 | export default SignUp
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 |
90 |
96 |
91 |
92 |
93 |
94 | {!validEmail && *Invalid email type. Please fill in correct type.
}
95 |
97 |
103 |
98 |
99 |
100 |
101 | {!validName && *Your applicant information is not valid.
}
102 |
104 |
110 |
105 |
106 |
107 |
108 | {!validPassword && *Please enter your password correctly.
}
109 |
111 |
117 |
112 |
113 |
114 |
115 |
116 |
118 |
124 |
119 |
120 |
122 | {!validAddress && *Please enter your address correctly.
}
123 |
125 |
146 |
147 |
148 |
151 |
152 |
153 |
154 |
2 | Trade-Mark-Today - v1.2
3 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
19 |
20 |
21 |
22 |
49 |
50 | Steven Leal(imcrazysteven)
23 |
26 | This project is maintained by @imcrazysteven
27 |
28 | Don't forget to star ⭐ this repository.
29 |
30 | Explore the docs »
31 |
32 |
33 | Visit Site
34 | ·
35 | Report Bug
36 | ·
37 | Request Feature
38 | 
41 | 
42 | 
45 | 
46 | )
47 |
51 |
52 | This is for trademarktoday.com.au
53 |
54 |
56 | 
57 | 
58 |
59 | ## Built With :package:
60 | 
64 | 
65 | 
66 | 
68 |
72 |
142 |
143 |
149 |
150 |
151 |
152 |
153 |
154 | Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):
155 |
156 | This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!
157 |
158 |
159 | ## 📝 License
160 |
161 | This project is [MIT](https://opensource.org/licenses/MIT) licensed.
144 |
147 |
148 |
Steven Leal
💻 🖋 📖 🔣 💡 🤔 📆 👀 🔧 ✅ 📹
Epic Dev
💻 🖋 📖 🔣 💡 🤔 📆 👀 🔧 ✅ 📹
162 | Copyright © 2023. All rights reserved.
163 |
--------------------------------------------------------------------------------
/src/pages/summary.tsx:
--------------------------------------------------------------------------------
1 | import { ReactNode, useContext, useEffect, useState } from "react";
2 | import WaitingLocker from "../components/WaitingLocker";
3 | import { useRouter } from "next/router";
4 | import ProgressIndicator from "../components/ProgressIndicator";
5 | import Link from "next/link";
6 | import Image from "next/image";
7 | import PortalSummaryA from "../components/PortalSummaryA";
8 | import PortalSummaryB from "../components/PortalSummaryB";
9 | import { ConfirmStartAgainModal } from "../components/Modal";
10 | import { Alert2, Alert4 } from "../components/AlertContainers";
11 | import TMCheckLayout from "../layout/TMCheckLayout";
12 | import { PiniaStore } from "@/store/store";
13 | import Chat from "@/components/Chat";
14 | import { verifyConsider } from "./select";
15 | import { verifySelect } from "./classify";
16 | import { PiniaType } from "@/types/interface";
17 |
18 | const CardContainer = ({ children }: { children: ReactNode }) => {
19 | return (
20 |
21 |
22 | #1
23 |
28 | {children}
29 |
30 | )
31 | }
32 | const CardWord = () => {
33 | return (
34 |
24 | Details
25 |
26 |
27 |
36 | Word MonkeyB
37 |
38 |
46 |
48 |
55 |
61 | )
62 | }
63 |
64 | export const verifyClassify = (pinia: PiniaType): boolean => {
65 | return !(pinia?.classes === undefined ||
66 | (Object.keys(pinia?.classes).length === 0 && pinia?.classes.constructor === Object));
67 | }
68 |
69 | const Summary = () => {
70 | const { pinia, setPinia } = useContext(PiniaStore);
71 | useEffect(() => {
72 | if (Object.keys(pinia).length === 0 && pinia.constructor === Object) {
73 | // router.push('/consider')
74 | return;
75 | }
76 | if (!verifyConsider(pinia)) {
77 | router.push('/consider')
78 | } else if (!verifySelect(pinia)) {
79 | router.push('/select')
80 | } else if (!verifyClassify(pinia)) {
81 | router.push('/classify')
82 | }
83 | }, [pinia])
84 | const router = useRouter();
85 | const [open, setOpen] = useState(false);
86 | const [waiting, setWaiting] = useState(false);
87 | const [portfolX, setPortfolX] = useState(0);
88 |
89 | return (
90 | <>
91 |
93 |
194 | } />
195 |
196 | Review results
96 | Check for distinctiveness
100 |
101 |
103 |
104 |
130 |
105 |
110 | What to do
106 |
109 |
112 |
116 |
122 |
123 |
129 | Check for similarity
134 |
135 |
157 |
136 |
141 |
142 |
156 |
144 |
145 |
155 |
146 |
149 | 11-15
150 |
153 |
154 |
158 |
185 |
159 |
164 | What to do
160 |
163 |
166 |
170 |
172 |
173 | Read more about similarity.
174 |
175 |
177 |
178 |
184 | Applying for this trade mark
188 |
203 |
220 |
221 | )
222 | }
223 |
224 | Summary.getLayout = TMCheckLayout;
225 |
226 | export default Summary;
--------------------------------------------------------------------------------
204 |
208 |
219 |
