()[\]\\.,;:\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,}))$/
- return !emailRegex.test(value) ? 'invalid email' : undefined
+ return !emailRegex.test(value) ? 'Invalid email' : undefined
}
export function password(value: string | undefined): string | undefined {
@@ -48,7 +48,7 @@ export function password(value: string | undefined): string | undefined {
// - at least 1 symbol or number
const passwordRegex: RegExp = /^(?=.*[a-zA-Z])(?=.*[#$^+=!*()@%&\d]).{8,}$/g
- return !passwordRegex.test(value) ? 'password must contain >= 8 characters, >= 1 letter, and >= 1 number or symbol' : undefined
+ return !passwordRegex.test(value) ? 'Password rules: 8+ characters, 1+ letter, and 1+ number or symbol' : undefined
}
export function matchOther(value: string | undefined, formElements?: HTMLFormControlsCollection, otherFieldName?: string): string | undefined {
@@ -67,11 +67,11 @@ export function matchOther(value: string | undefined, formElements?: HTMLFormCon
return undefined
}
- return `does not match the ${getOtherFieldLabel(otherField, otherFieldName)} value`
+ return `Does not match the ${getOtherFieldLabel(otherField, otherFieldName)}`
}
export function required(value: string | undefined): string | undefined {
- return !value ? 'required' : undefined
+ return !value ? 'Required' : undefined
}
export function requiredIfOther(value: string | undefined, formElements?: HTMLFormControlsCollection, otherFieldName?: string): string | undefined {
@@ -87,7 +87,7 @@ export function requiredIfOther(value: string | undefined, formElements?: HTMLFo
return undefined
}
- return `required when ${getOtherFieldLabel(otherField, otherFieldName)} is not blank`
+ return `Required`
}
export function sslUrl(value: string | undefined): string | undefined {
@@ -103,18 +103,14 @@ export function sslUrl(value: string | undefined): string | undefined {
return new URL(value).protocol !== 'https:' ? 'links must start with https' : undefined
} catch {
- return 'invalid url'
+ return 'Invalid URL'
}
}
-export type ValidatorFn = Array<
- (
- value: string | undefined,
- formValues?: HTMLFormControlsCollection,
- otherField?: string,
- )
- => string | undefined
->
+export interface ValidatorFn {
+ dependentField?: string,
+ validator: (value: string | undefined, formValues?: HTMLFormControlsCollection, otherField?: string) => string | undefined
+}
function getOtherField(formElements?: HTMLFormControlsCollection, otherFieldName?: string): HTMLInputElement {
@@ -135,5 +131,5 @@ function getOtherField(formElements?: HTMLFormControlsCollection, otherFieldName
}
function getOtherFieldLabel(otherField: HTMLInputElement, otherFieldName?: string): string {
- return otherField.labels?.[0].firstChild?.nodeValue || otherFieldName as string
+ return (otherField.labels?.[0].firstChild as any)?.innerText || otherFieldName as string
}
diff --git a/src/lib/functions/analytics-functions/analytics.functions.ts b/src-ts/lib/functions/analytics-functions/analytics.functions.ts
similarity index 100%
rename from src/lib/functions/analytics-functions/analytics.functions.ts
rename to src-ts/lib/functions/analytics-functions/analytics.functions.ts
diff --git a/src/lib/functions/analytics-functions/index.ts b/src-ts/lib/functions/analytics-functions/index.ts
similarity index 100%
rename from src/lib/functions/analytics-functions/index.ts
rename to src-ts/lib/functions/analytics-functions/index.ts
diff --git a/src/lib/functions/authentication-functions/authentication-url.config.ts b/src-ts/lib/functions/authentication-functions/authentication-url.config.ts
similarity index 69%
rename from src/lib/functions/authentication-functions/authentication-url.config.ts
rename to src-ts/lib/functions/authentication-functions/authentication-url.config.ts
index 39d8ef9e2..af1c2293d 100644
--- a/src/lib/functions/authentication-functions/authentication-url.config.ts
+++ b/src-ts/lib/functions/authentication-functions/authentication-url.config.ts
@@ -6,7 +6,9 @@ export function login(fallback: string): string {
return `${authentication}?retUrl=${encodeURIComponent(window.location.href.match(/[^?]*/)?.[0] || fallback)}`
}
-export const logout: string = `${authentication}?logout=true&retUrl=${encodeURIComponent('https://' + window.location.host)}`
+export function logout(loggedOutRoute: string): string {
+ return `${authentication}?logout=true&retUrl=${encodeURIComponent('https://' + window.location.host)}${loggedOutRoute}`
+}
export function signup(fallback: string): string {
return `${login(fallback)}®Source=tcBusiness&mode=signUp`
diff --git a/src/lib/functions/authentication-functions/authentication.functions.test.ts b/src-ts/lib/functions/authentication-functions/authentication.functions.test.ts
similarity index 100%
rename from src/lib/functions/authentication-functions/authentication.functions.test.ts
rename to src-ts/lib/functions/authentication-functions/authentication.functions.test.ts
diff --git a/src/lib/functions/authentication-functions/authentication.functions.ts b/src-ts/lib/functions/authentication-functions/authentication.functions.ts
similarity index 97%
rename from src/lib/functions/authentication-functions/authentication.functions.ts
rename to src-ts/lib/functions/authentication-functions/authentication.functions.ts
index f437f1ed4..33f686402 100644
--- a/src/lib/functions/authentication-functions/authentication.functions.ts
+++ b/src-ts/lib/functions/authentication-functions/authentication.functions.ts
@@ -1,8 +1,8 @@
import cookies from 'browser-cookies'
import { configureConnector, decodeToken, getFreshToken } from 'tc-auth-lib'
-import { User } from '../../../../types/tc-auth-lib'
import { EnvironmentConfig } from '../../../config'
+import { User } from '../../../types/tc-auth-lib'
import { logError } from '../logging-functions'
import { authentication as authenticationUrl } from './authentication-url.config'
@@ -21,7 +21,6 @@ configureConnector({
})
export async function initializeAsync(): Promise
{
-
return getFreshToken()
.then((tokenV3: string) => {
const tokenV2: string | null = cookies.get(CookieKeys.tcjwt)
diff --git a/src/lib/functions/authentication-functions/cookie-keys.enum.ts b/src-ts/lib/functions/authentication-functions/cookie-keys.enum.ts
similarity index 100%
rename from src/lib/functions/authentication-functions/cookie-keys.enum.ts
rename to src-ts/lib/functions/authentication-functions/cookie-keys.enum.ts
diff --git a/src/lib/functions/authentication-functions/index.ts b/src-ts/lib/functions/authentication-functions/index.ts
similarity index 100%
rename from src/lib/functions/authentication-functions/index.ts
rename to src-ts/lib/functions/authentication-functions/index.ts
diff --git a/src-ts/lib/functions/component-visible-functions/component-visible.functions.tsx b/src-ts/lib/functions/component-visible-functions/component-visible.functions.tsx
new file mode 100644
index 000000000..3d65a782b
--- /dev/null
+++ b/src-ts/lib/functions/component-visible-functions/component-visible.functions.tsx
@@ -0,0 +1,53 @@
+import { MouseEvent as RMouseEvent, MouseEventHandler, MutableRefObject, useCallback, useEffect, useRef } from 'react'
+
+/**
+ * Registers an outside click event handler, and calls the callback on click outside
+ * @param el Html element to register the event handler for
+ * @param cb Callback function to be called on click outside of provided element
+ */
+export function useClickOutside(el: HTMLElement | null, cb: (ev: MouseEvent) => void): void {
+ const handleClick: (ev: MouseEvent) => void = useCallback((ev: MouseEvent) => {
+ if (el && !el.contains(ev.target as unknown as Node)) {
+ cb(ev)
+ }
+ }, [cb, el])
+
+ useEffect(() => {
+ if (!el) {
+ document.removeEventListener('click', handleClick)
+ return
+ }
+
+ document.addEventListener('click', handleClick)
+ return () => {
+ document.removeEventListener('click', handleClick)
+ }
+ }, [el, handleClick])
+}
+
+export interface UseHoverElementValue {
+ onMouseEnter: MouseEventHandler
+ onMouseLeave: MouseEventHandler
+}
+
+/**
+ * Create event handlers for hover in/hover out for the passed element
+ * @param el Html element to register the event handlers for
+ * @param cb Callback function to be called on hover in/hover out of provided element
+ */
+export function useOnHoverElement(el: HTMLElement | null, cb: (isVisible: boolean) => void): UseHoverElementValue {
+ const counter: MutableRefObject = useRef(0)
+
+ const handleHover: (ev: RMouseEvent) => void = useCallback((ev: RMouseEvent) => {
+ const nextVal: number = Math.max(0, counter.current + (ev.type === 'mouseenter' ? 1 : -1))
+ if (!!nextVal !== !!counter.current) {
+ cb(nextVal > 0)
+ }
+ counter.current = nextVal
+ }, [cb, el])
+
+ return {
+ onMouseEnter: handleHover,
+ onMouseLeave: handleHover,
+ }
+}
diff --git a/src/lib/functions/component-visible-functions/index.ts b/src-ts/lib/functions/component-visible-functions/index.ts
similarity index 100%
rename from src/lib/functions/component-visible-functions/index.ts
rename to src-ts/lib/functions/component-visible-functions/index.ts
diff --git a/src/lib/functions/index.ts b/src-ts/lib/functions/index.ts
similarity index 87%
rename from src/lib/functions/index.ts
rename to src-ts/lib/functions/index.ts
index c2c032a5c..72a5da797 100644
--- a/src/lib/functions/index.ts
+++ b/src-ts/lib/functions/index.ts
@@ -6,5 +6,6 @@ export {
} from './authentication-functions'
export * from './component-visible-functions'
export * from './logging-functions'
+export * from './text-format-functions'
export * from './user-functions'
export * from './xhr-functions'
diff --git a/src/lib/functions/logging-functions/index.ts b/src-ts/lib/functions/logging-functions/index.ts
similarity index 100%
rename from src/lib/functions/logging-functions/index.ts
rename to src-ts/lib/functions/logging-functions/index.ts
diff --git a/src/lib/functions/logging-functions/logging.functions.test.ts b/src-ts/lib/functions/logging-functions/logging.functions.test.ts
similarity index 100%
rename from src/lib/functions/logging-functions/logging.functions.test.ts
rename to src-ts/lib/functions/logging-functions/logging.functions.test.ts
diff --git a/src/lib/functions/logging-functions/logging.functions.ts b/src-ts/lib/functions/logging-functions/logging.functions.ts
similarity index 100%
rename from src/lib/functions/logging-functions/logging.functions.ts
rename to src-ts/lib/functions/logging-functions/logging.functions.ts
diff --git a/src-ts/lib/functions/text-format-functions/index.ts b/src-ts/lib/functions/text-format-functions/index.ts
new file mode 100644
index 000000000..ef54240e8
--- /dev/null
+++ b/src-ts/lib/functions/text-format-functions/index.ts
@@ -0,0 +1,4 @@
+export {
+ dateLocaleShortString as textFormatDateLocaleShortString,
+ moneyLocaleString as textFormatMoneyLocaleString,
+} from './text-format.functions'
diff --git a/src-ts/lib/functions/text-format-functions/text-format.functions.ts b/src-ts/lib/functions/text-format-functions/text-format.functions.ts
new file mode 100644
index 000000000..10f33de2b
--- /dev/null
+++ b/src-ts/lib/functions/text-format-functions/text-format.functions.ts
@@ -0,0 +1,16 @@
+export function dateLocaleShortString(date?: Date): string | undefined {
+ return date?.toLocaleDateString(undefined,
+ {
+ day: 'numeric',
+ month: 'short',
+ year: 'numeric',
+ })
+}
+
+export function moneyLocaleString(amount?: number): string | undefined {
+ return amount?.toLocaleString('en-US', {
+ currency: 'USD', // TODO: handle other currencies
+ maximumFractionDigits: 0,
+ style: 'currency',
+ })
+}
diff --git a/src/lib/functions/token-functions/index.ts b/src-ts/lib/functions/token-functions/index.ts
similarity index 100%
rename from src/lib/functions/token-functions/index.ts
rename to src-ts/lib/functions/token-functions/index.ts
diff --git a/src/lib/functions/token-functions/token.functions.test.ts b/src-ts/lib/functions/token-functions/token.functions.test.ts
similarity index 100%
rename from src/lib/functions/token-functions/token.functions.test.ts
rename to src-ts/lib/functions/token-functions/token.functions.test.ts
diff --git a/src/lib/functions/token-functions/token.functions.ts b/src-ts/lib/functions/token-functions/token.functions.ts
similarity index 100%
rename from src/lib/functions/token-functions/token.functions.ts
rename to src-ts/lib/functions/token-functions/token.functions.ts
diff --git a/src/lib/functions/token-functions/token.model.ts b/src-ts/lib/functions/token-functions/token.model.ts
similarity index 100%
rename from src/lib/functions/token-functions/token.model.ts
rename to src-ts/lib/functions/token-functions/token.model.ts
diff --git a/src/lib/functions/user-functions/index.ts b/src-ts/lib/functions/user-functions/index.ts
similarity index 100%
rename from src/lib/functions/user-functions/index.ts
rename to src-ts/lib/functions/user-functions/index.ts
diff --git a/src/lib/functions/user-functions/user-store/index.ts b/src-ts/lib/functions/user-functions/user-store/index.ts
similarity index 100%
rename from src/lib/functions/user-functions/user-store/index.ts
rename to src-ts/lib/functions/user-functions/user-store/index.ts
diff --git a/src/lib/functions/user-functions/user-store/user-endpoint.config.ts b/src-ts/lib/functions/user-functions/user-store/user-endpoint.config.ts
similarity index 100%
rename from src/lib/functions/user-functions/user-store/user-endpoint.config.ts
rename to src-ts/lib/functions/user-functions/user-store/user-endpoint.config.ts
diff --git a/src/lib/functions/user-functions/user-store/user-xhr.store.ts b/src-ts/lib/functions/user-functions/user-store/user-xhr.store.ts
similarity index 100%
rename from src/lib/functions/user-functions/user-store/user-xhr.store.ts
rename to src-ts/lib/functions/user-functions/user-store/user-xhr.store.ts
diff --git a/src/lib/functions/user-functions/user.functions.test.ts b/src-ts/lib/functions/user-functions/user.functions.test.ts
similarity index 100%
rename from src/lib/functions/user-functions/user.functions.test.ts
rename to src-ts/lib/functions/user-functions/user.functions.test.ts
diff --git a/src/lib/functions/user-functions/user.functions.ts b/src-ts/lib/functions/user-functions/user.functions.ts
similarity index 100%
rename from src/lib/functions/user-functions/user.functions.ts
rename to src-ts/lib/functions/user-functions/user.functions.ts
diff --git a/src/lib/functions/xhr-functions/index.ts b/src-ts/lib/functions/xhr-functions/index.ts
similarity index 54%
rename from src/lib/functions/xhr-functions/index.ts
rename to src-ts/lib/functions/xhr-functions/index.ts
index 843643d90..42e673410 100644
--- a/src/lib/functions/xhr-functions/index.ts
+++ b/src-ts/lib/functions/xhr-functions/index.ts
@@ -1,5 +1,8 @@
export {
+ deleteAsync as xhrDeleteAsync,
getAsync as xhrGetAsync,
+ getBlobAsync as xhrGetBlobAsync,
patchAsync as xhrPatchAsync,
+ postAsync as xhrPostAsync,
putAsync as xhrPutAsync,
} from './xhr.functions'
diff --git a/src/lib/functions/xhr-functions/xhr.functions.test.ts b/src-ts/lib/functions/xhr-functions/xhr.functions.test.ts
similarity index 100%
rename from src/lib/functions/xhr-functions/xhr.functions.test.ts
rename to src-ts/lib/functions/xhr-functions/xhr.functions.test.ts
diff --git a/src/lib/functions/xhr-functions/xhr.functions.ts b/src-ts/lib/functions/xhr-functions/xhr.functions.ts
similarity index 72%
rename from src/lib/functions/xhr-functions/xhr.functions.ts
rename to src-ts/lib/functions/xhr-functions/xhr.functions.ts
index 6c37258f5..3c15f2a5d 100644
--- a/src/lib/functions/xhr-functions/xhr.functions.ts
+++ b/src-ts/lib/functions/xhr-functions/xhr.functions.ts
@@ -28,16 +28,31 @@ xhrInstance.interceptors.response.use((config) => config,
}
)
+export async function deleteAsync(url: string): Promise {
+ const output: AxiosResponse = await xhrInstance.delete(url)
+ return output.data
+}
+
export async function getAsync(url: string): Promise {
const output: AxiosResponse = await xhrInstance.get(url)
return output.data
}
+export async function getBlobAsync(url: string): Promise {
+ const output: AxiosResponse = await xhrInstance.get(url, { responseType: 'blob' })
+ return output.data
+}
+
export async function patchAsync(url: string, data: T): Promise {
const output: AxiosResponse = await xhrInstance.patch(url, data)
return output.data
}
+export async function postAsync(url: string, data: T): Promise {
+ const output: AxiosResponse = await xhrInstance.post(url, data)
+ return output.data
+}
+
export async function putAsync(url: string, data: T): Promise {
const output: AxiosResponse = await xhrInstance.put(url, data)
return output.data
diff --git a/src/lib/global-config.model.ts b/src-ts/lib/global-config.model.ts
similarity index 84%
rename from src/lib/global-config.model.ts
rename to src-ts/lib/global-config.model.ts
index 5427a8da8..41b3339d8 100644
--- a/src/lib/global-config.model.ts
+++ b/src-ts/lib/global-config.model.ts
@@ -1,5 +1,7 @@
export interface GlobalConfig {
API: {
+ FORUM_ACCESS_TOKEN: string
+ FORUM_V2: string
V3: string
V5: string
}
diff --git a/src-ts/lib/hooks/use-window-size.hook.ts b/src-ts/lib/hooks/use-window-size.hook.ts
new file mode 100644
index 000000000..df3944a28
--- /dev/null
+++ b/src-ts/lib/hooks/use-window-size.hook.ts
@@ -0,0 +1,34 @@
+import { Dispatch, SetStateAction, useCallback, useEffect, useState } from 'react'
+
+export interface WindowSize {
+ height: number
+ width: number
+}
+
+export function useWindowSize(): WindowSize {
+ const [windowSize, setWindowSize]: [WindowSize, Dispatch>] = useState({
+ height: 0,
+ width: 0,
+ })
+
+ const handleResize: () => void = useCallback(() => {
+ // Set window width/height to state
+ setWindowSize({
+ height: window.innerHeight,
+ width: window.innerWidth,
+ })
+ }, [])
+
+ useEffect(() => {
+ // Add event listener
+ window.addEventListener('resize', handleResize)
+
+ // Call handler right away so state gets updated with initial window size
+ handleResize()
+
+ // Remove event listener on cleanup
+ return () => window.removeEventListener('resize', handleResize)
+ }, [handleResize]) // Empty array ensures that effect is only run on mount
+
+ return windowSize
+}
diff --git a/src-ts/lib/index.ts b/src-ts/lib/index.ts
new file mode 100644
index 000000000..6ae9572e0
--- /dev/null
+++ b/src-ts/lib/index.ts
@@ -0,0 +1,36 @@
+export * from './avatar'
+export * from './breadcrumb'
+export * from './button'
+export * from './card'
+export * from './contact-support-form'
+export * from './content-layout'
+export * from './form'
+export * from './global-config.model'
+export {
+ analyticsInitialize,
+ authUrlLogin,
+ authUrlLogout,
+ authUrlSignup,
+ logInfo,
+ logInitialize,
+ textFormatDateLocaleShortString,
+ textFormatMoneyLocaleString,
+ useClickOutside,
+ useOnHoverElement,
+ xhrDeleteAsync,
+ xhrGetAsync,
+ xhrGetBlobAsync,
+ xhrPatchAsync,
+ xhrPostAsync,
+} from './functions'
+export * from './loading-spinner'
+export * from './modals'
+export * from './page-footer'
+export * from './pagination'
+export * from './portal'
+export * from './profile-provider'
+export * from './route-provider'
+export * from './svgs'
+export * from './table'
+export * from './tabs-navbar'
+export * from './tooltip'
diff --git a/src-ts/lib/loading-spinner/LoadingSpinner.module.scss b/src-ts/lib/loading-spinner/LoadingSpinner.module.scss
new file mode 100644
index 000000000..f8cbd50d1
--- /dev/null
+++ b/src-ts/lib/loading-spinner/LoadingSpinner.module.scss
@@ -0,0 +1,24 @@
+@import '../styles/variables';
+
+.loading-spinner {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ top: 0;
+ left: 0;
+ background: $black-10;
+ color: $tc-white;
+ z-index: 1000;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ transition: opacity 1s ease;
+ opacity: 1;
+ &.hide {
+ opacity: 0;
+ pointer-events: none;
+ }
+ &.show {
+ opacity: 1;
+ }
+}
diff --git a/src-ts/lib/loading-spinner/LoadingSpinner.tsx b/src-ts/lib/loading-spinner/LoadingSpinner.tsx
new file mode 100644
index 000000000..efb373d95
--- /dev/null
+++ b/src-ts/lib/loading-spinner/LoadingSpinner.tsx
@@ -0,0 +1,25 @@
+/**
+ * LoadingSpinner
+ *
+ * Centered Loading Spinner with back overlay
+ */
+import classNames from 'classnames'
+import { FC } from 'react'
+import { PuffLoader } from 'react-spinners'
+
+import styles from './LoadingSpinner.module.scss'
+
+export interface LoadingSpinnerProps {
+ className?: string
+ show?: boolean
+}
+
+const LoadingSpinner: FC = ({ show = false, className }: LoadingSpinnerProps) => {
+ return (
+
+ )
+}
+
+export default LoadingSpinner
diff --git a/src-ts/lib/loading-spinner/index.ts b/src-ts/lib/loading-spinner/index.ts
new file mode 100644
index 000000000..bfb1856af
--- /dev/null
+++ b/src-ts/lib/loading-spinner/index.ts
@@ -0,0 +1 @@
+export { default as LoadingSpinner } from './LoadingSpinner'
diff --git a/src-ts/lib/modals/base-modal/BaseModal.module.scss b/src-ts/lib/modals/base-modal/BaseModal.module.scss
new file mode 100644
index 000000000..a8241cfa2
--- /dev/null
+++ b/src-ts/lib/modals/base-modal/BaseModal.module.scss
@@ -0,0 +1,26 @@
+@import '../../styles/includes';
+@import '../../styles/typography';
+
+.modal-header {
+ padding: 5px 0 0;
+}
+
+.spacer {
+ margin: 24px 0;
+}
+
+.modal-body {
+ flex: 1 1 auto;
+ overflow: auto;
+ margin: 0 -1*$pad-xxxxl -1*$pad-xxxxl;
+ padding: 0 $pad-xxxxl $pad-xxxxl;
+
+ @extend .body-main;
+ & :global(.button-container) {
+ display: flex;
+ justify-content: flex-end;
+ gap: 16px;
+ align-items: center;
+ margin-top: 24px;
+ }
+}
diff --git a/src-ts/lib/modals/base-modal/BaseModal.tsx b/src-ts/lib/modals/base-modal/BaseModal.tsx
new file mode 100644
index 000000000..f26ef670d
--- /dev/null
+++ b/src-ts/lib/modals/base-modal/BaseModal.tsx
@@ -0,0 +1,39 @@
+import classNames from 'classnames'
+import { FC } from 'react'
+import Modal, { ModalProps } from 'react-responsive-modal'
+
+import { IconOutline } from '../../svgs'
+
+import styles from './BaseModal.module.scss'
+
+export interface BaseModalProps extends ModalProps {
+ size?: 'lg' | 'md'
+ title: string
+}
+
+const BaseModal: FC = ({
+ children,
+ title,
+ ...props
+}: BaseModalProps) => {
+
+ return (
+ }
+ >
+
+
{title}
+
+
+
+
+
+ {children}
+
+
+ )
+}
+
+export default BaseModal
diff --git a/src-ts/lib/modals/base-modal/index.ts b/src-ts/lib/modals/base-modal/index.ts
new file mode 100644
index 000000000..69e0ee8a1
--- /dev/null
+++ b/src-ts/lib/modals/base-modal/index.ts
@@ -0,0 +1 @@
+export { default as BaseModal } from './BaseModal'
diff --git a/src-ts/lib/modals/confirm/ConfirmModal.tsx b/src-ts/lib/modals/confirm/ConfirmModal.tsx
new file mode 100755
index 000000000..887e955de
--- /dev/null
+++ b/src-ts/lib/modals/confirm/ConfirmModal.tsx
@@ -0,0 +1,45 @@
+import { FC } from 'react'
+import { ModalProps } from 'react-responsive-modal'
+
+import { Button } from '../../button'
+import { BaseModal } from '../base-modal'
+
+export interface ConfirmModalProps extends ModalProps {
+ action?: string
+ onConfirm: () => void
+ title: string
+}
+
+const ConfirmModal: FC = ({
+ children,
+ onConfirm,
+ action = 'Confirm',
+ ...props
+}: ConfirmModalProps) => {
+ return (
+
+ {children}
+
+
+
+
+
+ )
+}
+
+export default ConfirmModal
diff --git a/src-ts/lib/modals/confirm/index.ts b/src-ts/lib/modals/confirm/index.ts
new file mode 100644
index 000000000..b00ce52b7
--- /dev/null
+++ b/src-ts/lib/modals/confirm/index.ts
@@ -0,0 +1 @@
+export { default as ConfirmModal } from './ConfirmModal'
diff --git a/src-ts/lib/modals/contact-support-modal/ContactSupportModal.tsx b/src-ts/lib/modals/contact-support-modal/ContactSupportModal.tsx
new file mode 100644
index 000000000..bb14da1b1
--- /dev/null
+++ b/src-ts/lib/modals/contact-support-modal/ContactSupportModal.tsx
@@ -0,0 +1,39 @@
+import { Dispatch, FC, SetStateAction, useState } from 'react'
+
+import { ContactSupportForm, contactSupportFormDef } from '../../contact-support-form'
+import { FormDefinition, formOnReset } from '../../form'
+import { BaseModal } from '../base-modal'
+
+export interface ContactSupportModal {
+ isOpen: boolean
+ onClose: () => void
+ workId?: string
+}
+
+const ContactSupportModal: FC = (props: ContactSupportModal) => {
+
+ const [formDef, setFormDef]: [FormDefinition, Dispatch>] = useState({ ...contactSupportFormDef })
+
+ function onClose(): void {
+ const updatedForm: FormDefinition = { ...formDef }
+ formOnReset(updatedForm.inputs)
+ setFormDef(updatedForm)
+ props.onClose()
+ }
+
+ return (
+
+
+
+ )
+}
+
+export default ContactSupportModal
diff --git a/src-ts/lib/modals/contact-support-modal/index.ts b/src-ts/lib/modals/contact-support-modal/index.ts
new file mode 100644
index 000000000..7867c7ee8
--- /dev/null
+++ b/src-ts/lib/modals/contact-support-modal/index.ts
@@ -0,0 +1 @@
+export { default as ContactSupportModal } from './ContactSupportModal'
diff --git a/src-ts/lib/modals/index.ts b/src-ts/lib/modals/index.ts
new file mode 100644
index 000000000..92fad71c2
--- /dev/null
+++ b/src-ts/lib/modals/index.ts
@@ -0,0 +1,6 @@
+export * from './base-modal'
+export * from './confirm'
+export * from './contact-support-modal'
+export * from './order-contract-modal'
+export * from './privacy-policy-modal'
+export * from './terms-modal'
diff --git a/src-ts/lib/modals/order-contract-modal/OrderContractModal.module.scss b/src-ts/lib/modals/order-contract-modal/OrderContractModal.module.scss
new file mode 100644
index 000000000..a3c1fffa7
--- /dev/null
+++ b/src-ts/lib/modals/order-contract-modal/OrderContractModal.module.scss
@@ -0,0 +1,25 @@
+@import '../../styles/includes';
+
+.container {
+
+ ol {
+ padding: 0;
+ }
+
+ h4 {
+ margin-top: 20px;
+ }
+
+ p {
+ margin-bottom: 20px;
+
+ &.sm {
+ font-size: 14px;
+ }
+ }
+}
+
+.topCoderLink {
+ text-decoration: underline;
+ color: $link-blue-light;
+}
diff --git a/src-ts/lib/modals/order-contract-modal/OrderContractModal.tsx b/src-ts/lib/modals/order-contract-modal/OrderContractModal.tsx
new file mode 100644
index 000000000..d0bcc5203
--- /dev/null
+++ b/src-ts/lib/modals/order-contract-modal/OrderContractModal.tsx
@@ -0,0 +1,635 @@
+import { FC } from 'react'
+
+import { BaseModal } from '../base-modal'
+
+import styles from './OrderContractModal.module.scss'
+
+export interface OrderContractModal {
+ isOpen: boolean
+ onClose: () => void
+}
+
+const OrderContractModal: FC = ({ isOpen, onClose }: OrderContractModal) => (
+
+
+
Date of last revision: January 28, 2022
+
+ This Topcoder Online Order User Agreement (the "Agreement") is a contract
+ between you (referred to herein as "User") and Topcoder LLC. ("Topcoder")
+ and applies to all online services available therein (the "Services") and
+ Deliverables. By submitting an Online Order through{' '}
+
+ https://www.topcoder.com/{' '}
+ {' '}
+ and related sub-domains (“the Site”) , User has accepted this Agreement
+ and has agreed to be bound by the terms of this Agreement. Topcoder
+ reserves the right, at its discretion, to amend this Agreement at any time
+ by posting a revised version on the Site without notice. The revised
+ version will be effective from the time Topcoder posts it. User’s
+ continued use of the Services after the amendment to the Agreement shall
+ signify User’s understanding and acceptance of the amended Agreement.
+ User’s usage and viewing of the Site shall be governed by Topcoder Online
+ Customer Terms of Use Agreement that the User has agreed to while
+ registering on the Site, which is incorporated herein through reference.
+
+
+ -
+
1. SERVICES AND SPECIFICATIONS
+
+ -
+
+ 1.1. Process and Specifications for Online
+ Orders. If ordering the Services online via the Site (referred to
+ as an “Online Order”):
+
+
+ -
+ a. To utilize the Services, the Site requires
+ the User to provide specifications and information with respect
+ to the desired Services and deliverables in reasonable detail
+ (the "Preliminary Specifications") on the Site.
+
+ -
+ b. After submitting Preliminary Specifications
+ on the Site, User provides payment information and authorizes
+ Project Fees (as defined below) associated with the Services and
+ deliverables.
+
+ -
+ c . Topcoder may in its sole discretion accept
+ or refer Preliminary Specifications to a Topcoder representative
+ for adjustments in the Preliminary Specifications to be
+ acceptable to Topcoder or reject the Preliminary Specifications.
+ Preliminary Specifications accepted by Topcoder will be referred
+ to as “Specifications” and result in an Online
+ Order.
+
+ -
+ d. To the extent the parties are not able to
+ reach agreement on the Specifications, including, but not
+ limited to situations where the information provided by User is
+ insufficient to create Specifications or the Preliminary
+ Specifications are outside the scope of the services described
+ on the Site, Topcoder shall not charge User any Project Fees and
+ Topcoder shall have no further liability or obligations under
+ this Agreement.
+
+ -
+ e. Topcoder agrees to provide the Deliverables
+ as per the Specifications. Deliverables are provided by
+ launching Work (as defined below) using Topcoder's crowdsourcing
+ platform, available at the Site and online and mobile tools for
+ engaging the Topcoder Community (the “Platform
+ ”).
+
+
+
+ 1.2. Changes to Scope of Services. If User
+ desires to change a Specification, User will submit a written
+ request to Topcoder detailing the proposed changes. If Topcoder is
+ able to accommodate such changes, Topcoder shall prepare an
+ amendment to the Specifications and/or Order Form detailing the
+ changes, any fee adjustments required as a result of such changes,
+ any adjustments to the delivery schedule required as a result of
+ such changes, and any other adjustments (a “Change Order”). If the
+ Change Order is agreeable to User, both parties will execute the
+ Change Order.
+
+ 2. DEFINITIONS
+
+
+ 2.1. For the purposes of this Agreement, the
+ following capitalized terms have the meanings assigned to them
+ in this Section 2. Any capitalized terms used in this Agreement
+ but not otherwise defined in this Section shall have the
+ meanings assigned to them elsewhere in this Agreement.
+
+ -
+ a. “Deliverables”: shall mean
+ those items described and itemized in the Specifications.
+
+ -
+ b. “Project Fees”: The fees
+ User needs to pay for the Services and the creation of the
+ Deliverables as either specified on the Site or as may be
+ mutually agreed between the parties in the Online Order. Project
+ Fees are on a fixed price basis.
+
+ -
+ c. “Work”: Services and/or
+ Deliverables provided through the Platform (as defined below)
+ utilizing the Topcoder Community. Work may also be referred to
+ as “Challenges”, “Tasks”, "Competitions" or "Contests”. Work is
+ primarily enabled through the following: “
+ Challenge”: A fixed-price, outcome-based online
+ competition on the Platform utilizing the Topcoder Community.
+ Also referred to as Competitions or Tasks. Work may result in
+ multiple deliverables from the Topcoder Community (“
+ Submissions”). However, not all Submissions
+ shall be considered as Deliverables. Deliverables shall solely
+ be determined and provided to User in accordance with criteria
+ defined in Specifications after being selected through
+ Topcoder’s deliverable review and scoring processes.
+
+ -
+ d. “Effective Date”: For
+ Online Orders, the Effective Date is the date that Preliminary
+ Specifications are submitted by User.
+
+ -
+ e. “Topcoder Community”:
+ Members of Topcoder’s global community who are registered
+ members on the Platform.
+
+
+ 3. PLATFORM USAGE
+
+ -
+ Utilization of the Site allows User to leverage the Topcoder
+ Community for the purchase/procurement of Services and
+ Deliverables. To the extent User desires to access the Topcoder
+ Platform in ways not provided by the Site, User may enter into a
+ separate agreement with Topcoder to purchase Work and/or a
+ subscription for such services. User may contact Topcoder via
+ email at support@topcoder.com for more details about
+ subscription pricing and fees associated with Work when utilized
+ with a subscription. Under no scenario shall the Platform and
+ tools/documentation related to the Platform be deemed to be a
+ Deliverable.
+
+
+ 4. TITLE AND OWNERSHIP
+
+ -
+ 4.1 Retained Rights. Nothing
+ in the Agreement is intended to grant User any right to any of
+ Topcoder’s intellectual property, including without limitation,
+ any of its know how, works in any media, software, information,
+ trade secrets, materials, property or proprietary interest,
+ trademarks, copyrights or logos (“Retained Rights”).
+
+ -
+ 4.2 Title to the Platform. Topcoder retains all
+ right, title and interest in and to the Platform, tools and
+ associated documentation and materials. Any use of the Platform,
+ tools or associated documentation or materials beyond the scope
+ of the rights expressly granted in this Agreement is prohibited
+ and shall constitute a material breach of this Agreement,
+ pursuant to which Topcoder may immediately terminate this
+ Agreement and any work-in-progress. User shall retain Topcoder's
+ copyright notices and authorship credits in the Platform, tools
+ and associated documentation or materials.
+
+ -
+ 4.3. Deliverables. Regardless of Work
+ methodology, Deliverables shall be provided in accordance with
+ criteria defined in Specifications, the selected Services, and
+ Topcoder’s standard deliverable review and scoring processes.
+ Unless otherwise agreed to by the parties pursuant to this
+ Section 4.3, User acknowledges and agrees that it will obtain
+ rights solely in and to the Deliverables, as further described
+ in Section 7, and no other Submissions from Work. Subject to the
+ terms of this Agreement, and upon payment in full of the Project
+ Fees, Topcoder assigns and will assign to User the intellectual
+ property rights in Deliverables created for the User pursuant to
+ any Online Order which is expressly designated as being for
+ "development work" (“Custom Software”).
+ Deliverables shall be deemed to have been accepted upon User’s
+ receipt of the Deliverables. The rights in and to any
+ Submissions other than the Deliverables shall be retained by the
+ member of the Topcoder Community who submitted such a
+ Submission. For the purposes of this Agreement, such Submissions
+ shall be deemed to be Topcoder’s Confidential Information. Upon
+ mutual agreement of the parties, User may purchase more than one
+ (1) Submission and Topcoder shall invoice User for such
+ additional payment necessary to purchase such additional
+ Submission(s), and upon Topcoder's receipt of such payment, such
+ purchased additional Submission(s) shall also be deemed to be
+ Deliverable(s). In accordance with above terms, User owns and
+ will retain ownership (including all intellectual property
+ rights) in and to the Deliverables, and Topcoder will assign and
+ does hereby assign all rights, title and interests in the
+ Deliverables to User. For the avoidance of doubt, the parties
+ acknowledge that to the extent the Deliverables consist of
+ software applications designed to be operated on or accessed
+ through a third- party platform (such as, including not limited
+ to, Amazon, Salesforce.com, Workday, or Google), then User is
+ solely responsible for obtaining license rights to access and
+ utilize such platforms in relation to using the Deliverables.
+
+
+ 5. PAYMENT
+
+ -
+ 5.1 All Project Fees shall be placed as a hold
+ on User’s debit, credit card or other payment means after the
+ Preliminary Specifications are submitted and Project Fees are
+ authorized by User. Upon Topcoder agreement to the Preliminary
+ Specification (resulting in Specification & Online Order), User
+ shall be charged the total Project Fees. If Topcoder refers User
+ to a Topcoder representative, the hold shall stand as cancelled.
+ User is responsible for paying all Project Fees in a timely
+ manner via a valid and authorized payment method for all Project
+ Fees. The parties understand and acknowledge that Topcoder is
+ under no obligation to provide any Services or deliver any
+ Deliverables until the Project Fees are paid in full, using the
+ payment method Topcoder determines to be acceptable as described
+ on the Site. User agrees that Topcoder may charge the payment
+ method provided by User for all Project Fees. User represents
+ and warrants that User has the legal right to use any debit or
+ credit cards or other payment means used to initiate any
+ transaction. User agrees to pay all charges incurred by User at
+ the prices in effect when such charges are incurred. User will
+ also be responsible for paying any applicable taxes relating to
+ User's purchase of Services and/or Deliverables. Except as
+ explicitly set forth in Section 1 or Section 10.2, all Project
+ Fees are final and non- refundable. Topcoder does not have
+ access to any User’s debit, credit or bank information. The
+ payment and related processing shall be governed by the terms
+ and conditions of a reputable third party payment processor
+ appointed by Topcoder (which can be changed by Topcoder anytime
+ at its will without any requirement of a notification). Topcoder
+ cannot be held liable in any manner for a dispute or issue
+ arising out of or related to payment processing.
+
+
+ 6. TERM AND TERMINATION
+
+ -
+ 6.1 This Agreement will begin on the Effective
+ Date and will continue unless terminated as set forth in this
+ Agreement ("Term"). Topcoder may, in its sole
+ discretion, terminate this Agreement and/or any Online Order(s),
+ at any time, upon prior written notice to the User, which will
+ result in the termination of associated rights granted to the
+ User under this Agreement and/or Online Order as applicable. The
+ sole and exclusive remedy provided to User is specified in
+ Section 6.4.
+
+ -
+ 6.2 Either party may terminate this Agreement
+ and/or any Online Order(s) if the other party: (a) fails to cure
+ any material breach of this Agreement or the applicable Online
+ Order(s) within thirty (30) days after receipt of the written
+ notice of such breach; (b) ceases operation without a successor;
+ or (c) seeks protection under any bankruptcy or comparable
+ proceeding, or if any such proceeding is instituted against such
+ party (and not dismissed within sixty (60) days thereafter).
+
+ -
+ 6.3 Section 5 (Payment), Section 6 (Term and
+ Termination), Section 8 (Confidential Information), Section 9
+ (Limitation of Liability), and Section 11 (General) of this
+ Agreement shall survive any termination or expiration hereof.
+
+ -
+ 6.4 In the event of a termination of an Online
+ Order: (a) an User’s right to avail the Services under such
+ Online Order is automatically revoked; and ; (b) Topcoder shall
+ refund the Project Fees on a pro rata basis unless the
+ termination is due to User’s breach of this Agreement and/or
+ Online Order, in which case Topcoder shall not be obligated to
+ any refund.
+
+ -
+ 6.5 In the event of a termination of the
+ Agreement before all Online Orders executed hereunder are
+ terminated or completed, Topcoder will continue to perform and
+ deliver Services for which the User has already paid and the
+ terms of this Agreement shall remain in full force until the
+ termination or completion of such Online Orders.
+
+
+
+ 7. THIRD PARTY SOFTWARE AND EXPORT/IMPORT COMPLIANCE
+
+
+ -
+ 7.1. Work. Topcoder will conduct Work for User
+ on the Platform among members of the Topcoder Community using
+ the Platform tools to provide the Services. Topcoder shall have
+ final control and ownership over all Work documents (e.g.,
+ specifications, contest rules and requirements, prizes, etc.).
+
+ -
+ 7.2. Third-Party Software. If the
+ Specifications (as mutually agreed by the parties) provide for
+ the Deliverables to interface with, accompany, or include
+ software or material not developed by Topcoder or its
+ affiliates, including any open source software ("Third-Party
+ Software"), any such Third-Party Software shall be subject to
+ its own terms and conditions, and shall not be considered
+ included as the part of the Deliverable under this Agreement.
+ Third-Party Software shall accompany or be included in
+ Deliverables only with User's permission. User shall bear all
+ license fees and other expenses, if any, applicable to such
+ Third-Party Software.
+
+ -
+ 7.3. Export Compliance. Regardless of whether
+ User is a U.S.-based entity, User shall not export or re-export
+ any of the Deliverable, (in whole or in part) to any country
+ without ensuring that such export complies with the Export
+ Administration Regulations of the U.S. Department of Commerce,
+ and any other applicable statute, regulation, or government
+ order. User warrants that it is not named on any restricted or
+ denied party list pursuant to any embargo, sanction, debarment
+ or denied party designation maintained by any country or
+ government, including without limitation U.S. government whose
+ laws are applicable to this Agreement.
+
+
+ 8. CONFIDENTIAL INFORMATION
+
+
+ -
+ 8.1. Confidential Information. "Confidential
+ Information" means information which is provided by either party
+ under this Agreement (in such capacity, the "Disclosing Party") to
+ the other party (in such capacity, the "Receiving Party") which is
+ marked as “confidential,” proprietary” or some similar indication;
+ (ii) is expressly advised by the Disclosing Party to be
+ confidential through some contemporaneous written means; or (iii)
+ which the Receiving Party would reasonably construe to be
+ confidential information under the circumstances. Confidential
+ Information may include information that is proprietary, trade
+ secret and/or confidential, including, but not limited to,
+ techniques, designs, specifications, drawings, blueprints,
+ tracings, diagrams, models, samples, flow charts, data, computer
+ programs, disks, diskettes, tapes, business plans, marketing
+ plans, User names and other technical, financial or commercial
+ information and intellectual property. For the avoidance of doubt,
+ notwithstanding anything to the contrary, the Platform, tools and
+ associated documentation or materials, and any other information
+ that Topcoder provides to User hereunder that should reasonably be
+ known to be confidential, shall constitute Topcoder's Confidential
+ Information. Expect as expressly authorized herein, the Receiving
+ Party will (i) hold in confidence and not use or disclose any
+ Confidential Information using the same degree of care that it
+ uses to safeguard its own confidential materials or data of
+ similar nature; and (ii) limit dissemination of such Confidential
+ Information to persons within the Receiving Party's business
+ organization who have a need to receive such Confidential
+ Information.
+
+ -
+ 8.2. Exceptions. These confidentiality
+ obligations shall not apply to any Confidential Information which:
+ (a) is generally known to the public at the time of disclosure or
+ later becomes so generally known (including Confidential
+ Information which is disclosed as part of Work); (b) is
+ subsequently learned from a third party without a duty of
+ confidentiality; (c) at the time of disclosure was already in the
+ possession of the Receiving Party; (d) was developed by employees
+ or agents of the Receiving Party independently of and without
+ reference to any Confidential Information of the Disclosing Party;
+ and (e) is required by law, court order or a governmental agency
+ to be disclosed.
+
+ -
+
+ 8.3. Title and License to User's Confidential Information.
+ {' '}
+ All right, title, and ownership to Confidential Information
+ provided by User hereunder, including the Preliminary
+ Specifications, remains with User. User represents that it has all
+ rights in the Confidential Information 6 necessary to include it
+ in Work. User hereby grants to Topcoder a license to use such
+ Confidential Information provided by User solely for the purposes
+ of providing the Services, including conducting the applicable
+ Work and providing the Deliverable.
+
+ -
+ 8.4. Equitable Relief. The Receiving Party
+ acknowledges that unauthorized disclosure of Confidential
+ Information would cause substantial harm for which damages alone
+ may not be a sufficient remedy, and therefore that upon any such
+ disclosure by the Receiving Party the Disclosing Party shall be
+ entitled to seek appropriate equitable relief in addition to
+ whatever other remedies it might have at law.
+
+ -
+ 8.5. Confidentiality on the Platform. User
+ acknowledges and agrees that members of the Topcoder Community are
+ not bound by the confidentiality obligations under this Section 8
+ and User acknowledges that any Specifications or other information
+ that the Topcoder Community is provided in connection with the
+ Services (except for personally identifiable information or
+ payment information) is not Confidential Information.
+
+ -
+ 8.6. Confidentiality Period: The terms of this
+ Section 8 shall continue in full force and effect for a period of
+ three (3) years from the date of disclosure of such Confidential
+ Information.
+
+ -
+ 8.7. Effect of Termination: In the event of
+ termination of this Agreement, upon written request of the
+ Disclosing Party, the Receiving Party shall promptly return the
+ Disclosing Party’s Confidential Information, or at the Disclosing
+ Party’s option destroy any remaining Confidential Information and
+ certify that such destruction has taken place, provided however
+ that Topcoder may retain a minimum of one copy of all Deliverable
+ and relevant project documentation for archival and audit
+ purposes. This does not apply to Confidential Information or
+ copies thereof which must be stored by the Receiving Party
+ according to law, provided that such Confidential Information or
+ copies thereof shall be subject to an indefinite confidentiality
+ obligation.
+
+
+ 9. LIMITATION OF LIABILITY
+
+ -
+ NEITHER PARTY WILL BE LIABLE FOR ANY LOSS OF USE, INTERRUPTION OF
+ BUSINESS, LOST PROFITS, OR ANY INDIRECT, EXEMPLARY, PUNITIVE,
+ SPECIAL, INCIDENTAL, OR CONSEQUENTIAL DAMAGES OF ANY KIND
+ REGARDLESS OF THE FORM OF ACTION WHETHER IN CONTRACT, TORT
+ (INCLUDING NEGLIGENCE), STRICT PRODUCT LIABILITY, OR OTHERWISE,
+ EVEN IF IT HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH DAMAGES. IN
+ NO EVENT SHALL TOPCODER'S AGGREGATE LIABILITY TO USER EXCEED THE
+ TOTAL PROJECT FEES PAID BY USER TO TOPCODER. THE EXISTENCE OF ONE
+ OR MORE CLAIMS WILL NOT ENLARGE THIS LIMIT. THE PARTIES AGREE THAT
+ THE LIMITATIONS SPECIFIED IN THIS SECTION 9 WILL SURVIVE AND APPLY
+ EVEN IF ANY LIMITED REMEDY SPECIFIED IN THIS AGREEMENT IS FOUND TO
+ HAVE FAILED OF ITS ESSENTIAL PURPOSE. BOTH PARTIES WILL IN ALL
+ CIRCUMSTANCES USE THEIR BEST ENDEAVORS TO MITIGATE ANY LOSSES
+ WHICH ARE SAID TO ARISE BY REASON OF THE BREACH, NEGLIGENCE OR
+ OTHER DEFAULT ON THE PART OF THE OTHER PARTY.
+
+
+ 10. WARRANTY
+
+ -
+ 10.1. Representation. User represents and
+ warrants that (i) it has the requisite power and corporate
+ approvals and authority to enter into this Agreement and to
+ perform all of its obligations under this Agreement; (ii) it will
+ comply with all applicable laws, rules, and regulations, including
+ without limitation, all applicable data protection, privacy and
+ intellectual property laws in their conduct pursuant to this
+ Agreement and relating to its use of Site, Services and
+ Deliverables; (iii) it will comply with all the policies and
+ procedures that may be published on the Site from time to time
+ (including without limitation, Privacy Policy) which shall be
+ construed to form a part of the Agreement; and (iv) it shall
+ provide accurate, current and complete information while creating
+ a profile or registering an account on the Site and shall not
+ upload, transmit or otherwise provide access or make available any
+ information that contains personally identifiable information of
+ others, including without limitation, names, addresses, identity
+ numbers or phone numbers. Further, User represents that it shall
+ update its account information on an ongoing basis to ensure
+ completeness and accuracy of information.
+
+ -
+ 10.2. Limited Warranty. For a period of ten (10)
+ days from the provision of the Deliverables to the User, Topcoder
+ warrants that the Deliverables will materially conform to the
+ Specifications. If the Deliverables do not materially conform to
+ the Specifications, User shall, within ten (10) days from the
+ provision of the Deliverables to the User, notify Topcoder in
+ writing of and adequately describe any such non- conformance.
+ User's exclusive remedy and Topcoder's sole obligation shall be
+ to, at Topcoder's sole discretion, either (1) investigate the
+ errors and use commercially reasonable efforts to bring the
+ Deliverables into material conformance with the Specifications; or
+ (2) refund or credit the Project Fees paid for those Deliverables.
+ The warranty set forth in this section does not apply to
+ Deliverables that have been modified, damaged or operated contrary
+ to the Specifications.
+
+ -
+ 10.3. Disclaimer. THE FOREGOING WARRANTIES ARE
+ EXCLUSIVE REMEDIES AND ARE IN LIEU OF ALL OTHER REPRESENTATIONS OR
+ WARRANTIES, EXPRESS OR IMPLIED, STATUTORY OR OTHERWISE RELATED TO
+ THIS AGREEMENT, INCLUDING THE SITE, THE SERVICES AND THE
+ DELIVERABLES, INCLUDING WITHOUT LIMITATION, ANY WARRANTY OF
+ MERCHANTABILITY, OR FITNESS FOR A PARTICULAR PURPOSE, TITLE, OR
+ NONINFRINGEMENT. TOPCODER MAKES NO OTHER WARRANTY OF ANY KIND TO
+ USER OR TO ANY OTHER PARTY. THE PARTIES ACKNOWLEDGE AND AGREE THAT
+ THE PROJECT FEES CHARGED BY TOPCODER UNDER THIS AGREEMENT REFLECT
+ THE ALLOCATION OF RISKS PROVIDED BY THE FOREGOING WARRANTY, THE
+ LIMITATIONS OF LIABILITY, AND OTHER TERMS SET FORTH IN THIS
+ AGREEMENT, AND ANY MODIFICATION OF THE ALLOCATION OF RISKS WOULD
+ AFFECT THE PROJECT FEES CHARGED.
+
+
+ 11. GENERAL
+
+ -
+ 11.1. Each party is an independent contractor of
+ the other and neither is an employee, agent, partner or joint
+ venturer of the other.
+
+ -
+ 11.2. For the duration of this Agreement and for
+ twelve (12) months thereafter, User shall not solicit for
+ employment any persons employed or otherwise engaged by Topcoder,
+ whether or not such individual had direct interaction with User;
+ the foregoing restriction includes, but is not limited to, the
+ Topcoder Community, persons who are Topcoder employees,
+ contractors or agents.
+
+ -
+ 11.3. Neither party shall make any commitment, by
+ contract or otherwise, binding upon the other or represent that it
+ has any authority to do so. This Agreement will bind and inure to
+ the benefit of each party's permitted successors and assigns.
+ Neither party shall assign this Agreement without the advance
+ written consent of the other party, except that Topcoder may
+ assign this Agreement to an affiliate or in connection with a
+ merger, reorganization, acquisition or other transfer of all or
+ part of Topcoder's assets or voting securities.
+
+ -
+ 11.4. Any notice, report, approval or consent
+ required or permitted under this Agreement will be sent to
+ Topcoder at c/o Appirio Inc., 201 South Capitol Avenue Ste. 1100,
+ Indianapolis, Indiana 46225, Attention: General Counsel, Email:
+ gc@appirio.com or to User at the contact information provided by
+ User through the Site or in an Order Form.
+
+ -
+ 11.5. Any waiver by either party of any breach of
+ this Agreement, whether express or implied, will not constitute a
+ waiver of any other or subsequent breach. No provision of the
+ Agreement will be waived by any act, omission or knowledge of a
+ party or its agents or employees except by an instrument in
+ writing expressly waiving such provision and signed by a duly
+ authorized officer of the waiving party. If any provision of this
+ Agreement is adjudged by any court of competent jurisdiction to be
+ unenforceable or invalid, that provision shall be limited or
+ eliminated to the minimum extent necessary so that this Agreement
+ will otherwise remain in full force and effect.
+
+ -
+ 11.6. Neither party shall be liable to the other
+ for any delay of failure to perform any obligation under this
+ Agreement (except for a failure to pay fees) if the delay or
+ failure is due to events which are beyond the reasonable control
+ of such party, including but not limited to any strike, blockade,
+ government actions, war, act of terrorism, riot, natural disaster,
+ failure or diminishment of power or of telecommunications or data
+ networks or services, cyber-attack, or refusal of approval or a
+ license by a government agency.
+
+ -
+ 11.7. Topcoder may refer to User by name as a
+ customer in sales presentations and on Topcoder’s website and
+ other marketing material. Topcoder may develop case studies for
+ marketing purposes on User’s usage of Topcoder and share publicly
+ notifying User.
+
+ -
+ 11.8. This Agreement will be deemed to have been
+ made in, and shall be construed pursuant to the laws of the State
+ of Delaware without regard to its conflicts of laws, provisions,
+ or the United Nations Convention on International Sale of Goods.
+ The jurisdiction and venue for actions related to this Agreement
+ shall be the state and federal courts located in Wilmington
+ County, Delaware and both parties hereby submit to the personal
+ jurisdiction of such courts. Both parties hereby waive their right
+ to a trial by jury.
+
+ -
+ 11.9. Any waivers or amendments shall be
+ effective only if made in writing signed by a representative of
+ the respective parties authorized to bind the parties. No
+ provision of any purchase order or other business form (including
+ but not limited to security access forms of any kind) employed by
+ either party will supersede the terms and conditions of this
+ Agreement, and any such document shall be for administrative
+ purposes only and shall have no legal effect. In the event of any
+ inconsistency between this Agreement and the privacy policy on the
+ Site (“Privacy Policy”), the terms of this
+ Privacy Policy shall control. Both parties agree that this
+ Agreement is the complete and exclusive statement of the mutual
+ understanding of the parties, and supersedes and cancels all
+ previous written and oral agreements and communications relating
+ to the subject matter of this Agreement. In the event of any
+ inconsistency between this Agreement and the Topcoder Online
+ Customer Terms of Use Agreement, the one more onerous shall
+ control.
+
+
+
+
+
+
+
+
+ -
+
1. PROCESSING ACTIVITIES COVERED
+
+ -
+ This Privacy Policy explains our privacy practices for our website,
+ applications, the Topcoder platform, online marketing practices, and
+ other products or services (collectively, “Services”) owned and
+ operated by Topcoder, LLC or any of its subsidiaries (“Topcoder”).
+ Through use of the Services, you expressly consent to our
+ collection, use, disclosure, and retention of your personal
+ information and other personal information as described in this
+ Privacy Policy.
+
+
+ 2. WHAT PERSONAL DATA DO WE COLLECT?
+
+ -
+ 2.1 PERSONAL DATA WE COLLECT DIRECTLY FROM YOU
+
+
+ -
+ The Personal Data we collect directly from you includes identifiers,
+ professional or employment related information, financial account
+ information, commercial information, visual information, and
+ internet activity information. We collect such information in the
+ following situations:
+
+
+ -
+ If you register on the platform we require that you provide contact
+ information, such as name, email address, and country.
+
+ -
+ If you complete the user profile on the platform after you
+ register, you may voluntarily submit information such as contact
+ information, photographs, user preferences, communications
+ preferences, other biographical information, such as your
+ occupation, location, educational background, hobbies, social
+ media profiles, company name, areas of expertise and interests.
+
+
+ -
+ If you register for a competition or task on the platform we
+ collect information specific to the process and display the
+ time, date, and handle associated with your account.
+
+
+ -
+ If you post a comment in the forum, that content, the date,
+ time, and contents are collected and are visible to people who
+ have access to that particular forum.
+
+
+ -
+ If you are eligible for spayment we require payment information;
+ such as your contact information, payment account information,
+ and tax ID information as required by applicable laws. You may
+ be required to complete identity verification using a third
+ party that will require information that is country specific and
+ can include drivers license, passport, national identification
+ card or other government issued identification.
+
+
+ -
+ If you express interest in obtaining additional information
+ about our services; request customer support; use our “Contact
+ Us” or similar features; sign up for an event, webinar or
+ contest; or download certain content, we may require that you
+ provide to us contact information, such as your name, job title,
+ company name, address, phone number, email address or username
+ and password.
+
+
+ -
+ f you interact with our websites or emails, we automatically
+ collect information about your device and your usage of our
+ websites or emails (such as Internet Protocol (IP) addresses or
+ other identifiers, which may qualify as Personal Data (please
+ see the “What device and usage data we process” section, below)
+ using cookies, web beacons, or similar technologies;Automatic
+ Data Collection, such as IP address, MAC address or other device
+ identifiers.
+
+
+ -
+ if you use and interact with our services, we automatically
+ collect information about your device and your usage of our
+ services through log les and other technologies, some of which
+ may qualify as Personal Data (please see the “What device and
+ usage data we process” section, below);
+
+
+ -
+ If you voluntarily submit certain information to our services,
+ such as filling out a survey about your user experience, we
+ collect the information you have provided as part of that
+ request.
+
+
+
+ -
+ If you believe that your Personal Data has been provided to us
+ improperly, or want to exercise your rights relating to your
+ Personal Data, please contact us by using the information in the
+ “Contact Us” section below.
+
+
+
+ -
+ 2.2 PERSONAL DATA WE COLLECT FROM OTHER SOURCES
+
+
+
+ -
+ We also collect information about you from other sources including
+ third parties from whom we purchase Personal Data and from publicly
+ available information. We may combine this information with Personal
+ Data provided by you. This helps us update, expand, and analyze our
+ records, identify new customers, and create more tailored
+ advertising to provide services that may be of interest to you. The
+ Personal Data we collect from other sources includes identifiers,
+ professional or employment-related information, education
+ information, commercial information, visual information, internet
+ activity information, and inferences about preferences and
+ behaviors. In particular, we collect such Personal Data from the
+ following sources:
+
+ -
+
+
+ -
+ Third party providers of business contact information, including
+ mailing addresses, job titles, email addresses, phone numbers,
+ intent data (or user behavior data), IP addresses, social media
+ profiles, LinkedIn URLs and custom pro les, for purposes of
+ targeted advertising, delivering relevant email content, event
+ promotion and profiling, determining eligibility and verifying
+ contact information; and
+
+
+ -
+ Another individual at your organization who may provide us with
+ your business contact information for the purposes of obtaining
+ services; and
+
+
+ -
+ Platforms such as GitHub to manage code check-ins and pull
+ requests. If you participate in an open source or community
+ development project, we may associate your code repository
+ username with your community account so we can inform you of
+ program changes that are important to your participation or
+ relate to additional security requirements.
+
+
+
+
+
+
3. WHAT DEVICE AND USAGE DATA DO WE PROCESS?
+
+ -
+ We use common information-gathering tools, such as tools for
+ collecting usage data, cookies, web beacons, pixels, and similar
+ technologies to automatically collect information that may contain
+ Personal Data as you navigate our websites, our services, or
+ interact with emails we have sent to you.
+
+
+ -
+ 3.1 DEVICE AND USAGE DATA
+
+
+
+ -
+ As is true of most websites, we gather certain information
+ automatically when individual users visit our websites. This
+ information may include identifiers, commercial information, and
+ internet activity information such as IP address (or proxy server
+ information), device and application information, identification
+ numbers and features, location, browser type, plug-ins,
+ integrations, Internet service provider and/or mobile carrier, the
+ pages and les viewed, searches, referring website, app or ad,
+ operating system, system configuration information, advertising and
+ language preferences, date and time stamps associated with your
+ usage, and frequency of visits to the websites. This information is
+ used to analyze overall trends, help us provide and improve our
+ websites, offer a tailored experience for website users, and secure
+ and maintain our websites. In addition, we gather certain
+ information automatically as part of your use of our cloud products
+ and services. This information may include identifiers, commercial
+ information, and internet activity information such as IP address
+ (or proxy server), mobile device number, device and application
+ identification numbers, location, browser type, Internet service
+ provider or mobile carrier, the pages and profiles viewed, website
+ and webpage interactions including searches and other actions you
+ take, operating system and system configuration information and date
+ and time stamps associated with your usage. This information is used
+ to maintain the security of the services, to provide necessary
+ functionality, to improve performance of the services, to assess and
+ improve customer and user experience of the services, to review
+ compliance with applicable usage terms, to identify future
+ opportunities for development of the services, to assess capacity
+ requirements, to identify customer opportunities, and for the
+ security of Topcoder generally (in addition to the security of our
+ products and services). Some of the device and usage data collected
+ by the services, whether alone or in conjunction with other data,
+ could be personally identifying to you. Please note that this device
+ and usage data is primarily used to identify the uniqueness of each
+ user logging on (as opposed to specific individuals), apart from
+ where it is strictly required to identify an individual for security
+ purposes or as required as part of our provision of the services to
+ our customers.
+
+
+
+
+ 3.2 COOKIES, WEB BEACONS AND OTHER TRACKING TECHNOLOGIES ON OUR
+ WEBSITE AND IN EMAIL COMMUNICATIONS
+
+
+
+ -
+ We use technologies such as web beacons, pixels, tags, and
+ JavaScript, alone or in conjunction with cookies, to gather
+ information about the use of our websites and how people interact
+ with our emails. When you visit our websites, we, or an authorized
+ third party, may place a cookie on your device that collects
+ information, including Personal Data, about your online activities
+ over time and across different sites. Cookies allow us to track use,
+ infer browsing preferences, and improve and customize your browsing
+ experience. We use both session-based and persistent cookies on our
+ websites. Session-based cookies exist only during a single session
+ and disappear from your device when you close your browser or turn
+ off the device. Persistent cookies remain on your device after you
+ close your browser or turn your device off. To change your cookie
+ settings and preferences for one of our websites, click the Cookie
+ Preferences link in the footer of the page. You can also control the
+ use of cookies on your device, but choosing to disable cookies on
+ your device may limit your ability to use some features on our
+ websites and services. We also use web beacons and pixels on our
+ websites and in emails. For example, we may place a pixel in
+ marketing emails that notify us when you click on a link in the
+ email. We use these technologies to operate and improve our websites
+ and marketing emails. For instructions on how to unsubscribe from
+ our marketing emails, please see Section 9.4 below.
+
+
+ -
+ 3.3 SOCIAL MEDIA FEATURES
+
+
+ -
+ Our websites may use social media features, such as the Facebook
+ “like” button, the “Tweet” button and other sharing widgets (“Social
+ Media Features”). Social Media Features may allow you to post
+ information about your activities on our website to outside
+ platforms and social networks. Social Media Features may also allow
+ you to like or highlight information we have posted on our website
+ or our branded social media pages. Social Media Features are either
+ hosted by each respective platform or hosted directly on our
+ website. To the extent the Social Media Features are hosted by the
+ platforms themselves, and you click through to these from our
+ websites, the platform may receive information showing that you have
+ visited our websites. If you are logged in to your social media
+ account, it is possible that the respective social media network can
+ link your visit to our websites with your social media profile.
+ Topcoder also allows you to log in to certain of our websites using
+ sign-in services like Google Authentication. These services
+ authenticate your identity and provide you the option to share
+ certain Personal Data from these services with us such as your name
+ and email address to pre certain Personal Data from these services
+ with us such as your name and email address to prepopulate our
+ sign-up form. Your interactions with Social Media Features are
+ governed by the privacy policies of the companies providing them.
+
+
+
4. PURPOSES FOR WHICH WE PROCESS PERSONAL DATA AND THE LEGAL BASES
+ ON WHICH WE RELY
+
+
+ -
+ We collect and process your Personal Data for the following
+ purposes. Where required by law, we obtain your consent to use and
+ process your Personal Data for these purposes. Otherwise, we rely on
+ another authorized legal basis (including but not limited to the (a)
+ performance of a contract or (b) legitimate interest) to collect and
+ process your Personal Data.
+
+
+ -
+
+ -
+ Providing our websites and services: We process your Personal
+ Data to perform our contract with you for the use of our
+ websites and services and to fulfill our obligations under the
+ applicable terms of use and service; if we have not entered into
+ a contract with you, we base the processing of your Personal
+ Data on our legitimate interest to operate and administer our
+ websites and to provide you with content you access and request
+ (e.g., to download content from our websites);
+
+
+ -
+ Promoting the security of our websites and services: We process
+ your Personal Data by tracking use of our websites and services,
+ creating aggregated non- personal data, verifying accounts and
+ activity, investigating suspicious activity, and enforcing our
+ terms and policies to the extent it is necessary for our
+ legitimate interest in promoting the safety and security of the
+ services, systems and applications and in protecting our rights
+ and the rights of others;
+
+
+ -
+ Providing necessary functionality: We process your Personal Data
+ to perform our contract with you for the use of our websites and
+ services; if we have not entered into a contract with you, we
+ base the processing of your Personal Data on our legitimate
+ interest to provide you with the necessary functionality
+ required for your use of our websites and services;
+
+
+ -
+ Managing user registrations: If you have registered for an
+ account with us, we process your Personal Data by managing your
+ user account for the purpose of performing our contract with you
+ according to applicable terms of service;
+
+
+ -
+ Handling contact and user support requests: If you ll out a
+ “Submit a request” web form or request user support, or if you
+ contact us by other means including via a phone call, we process
+ your Personal Data to perform our contract with you and to the
+ extent it is necessary for our legitimate interest in fulfilling
+ your requests and communicating with you;
+
+
+ -
+ Managing event registrations and attendance: We process your
+ Personal Data to plan and host events or webinars for which you
+ have registered or that you attend, including sending related
+ communications to you, to perform our contract with you;
+
+
+ -
+ Managing contests or promotions: If you register for a contest
+ or promotion, we process your Personal Data to perform our
+ contract with you. Some contests or promotions have additional
+ rules containing information about how we will process your
+ Personal Data;
+
+
+ -
+ Managing payments: If you have provided financial information to
+ us, we process your Personal Data to verify that information and
+ to collect payments to the extent that doing so is necessary to
+ complete a transaction and perform our contract with you;
+
+
+ -
+ Developing and improving our websites and services: We process
+ your Personal Data to analyze trends and to track your usage of
+ and interactions with our websites and services to the extent it
+ is necessary for our legitimate interest in developing and
+ improving our websites and services and providing our users with
+ more relevant content and service offerings, or where we seek
+ your valid consent;
+
+
+ -
+ Assessing and improving user experience: We process device and
+ usage data as described in Section 4.1 above, which in some
+ cases may be associated with your Personal Data, to analyze
+ trends and assess and improve the overall user experience to the
+ extent it is necessary for our legitimate interest in developing
+ and improving the service offering, or where we seek your valid
+ consent;
+
+
+ -
+ Reviewing compliance with applicable usage terms: We process
+ your Personal Data to review compliance with the applicable
+ usage terms in our customer’s contract to the extent that it is
+ in our legitimate interest to ensure adherence to the relevant
+ terms;
+
+
+ -
+ Identifying customer opportunities: We process your Personal
+ Data to assess new potential customer opportunities to the
+ extent that it is in our legitimate interest to ensure that we
+ are meeting the demands of our customers and their users’
+ experiences;
+
+
+ -
+ Displaying personalized advertisements and content: We process
+ your Personal Data to conduct marketing research, advertise to
+ you, provide personalized information about us on and off our
+ websites and to provide other personalized content based upon
+ your activities and interests to the extent it is necessary for
+ our legitimate interest in advertising our websites or, where
+ necessary, to the extent you have provided your prior consent
+ (please see the “Your rights relating to your Personal Data”
+ section, below, to learn how you can control how the processing
+ of your Personal Data by Topcoder for personalized advertising
+ purposes);
+
+
+ -
+ Sending marketing communications: We will process your Personal
+ Data or device and usage data, which in some cases may be
+ associated with your Personal Data, to send you marketing
+ information, product recommendations and other non-transactional
+ communications (e.g., marketing newsletters, telemarketing
+ calls, SMS, or push notifications) about us and our affiliates
+ and partners, including information about our products,
+ promotions or events as necessary for our legitimate interest in
+ conducting direct marketing or to the extent you have provided
+ your prior consent (please see the “Your rights relating to your
+ Personal Data” section, below, to learn how you can control the
+ processing of your Personal Data by Topcoder for marketing
+ purposes); and
+
+
+ -
+ Complying with legal obligations: We process your Personal Data
+ when cooperating with public and government authorities, courts
+ or regulators in accordance with our legal obligations under
+ applicable laws to the extent this requires the processing or
+ disclosure of Personal Data to protect our rights or is
+ necessary for our legitimate interest in protecting against
+ misuse or abuse of our websites, protecting personal property or
+ safety, pursuing remedies available to us and limiting our
+ damages, complying with judicial proceedings, court orders or
+ legal processes, respond to lawful requests, or for auditing
+ purposes.
+
+
+ -
+ If we need to collect and process Personal Data by law, or under
+ a contract we have entered into with you, and you fail to
+ provide the required Personal Data when requested, we may not be
+ able to perform our contract with you.
+
+
+
+
+
5. WHO DO WE SHARE PERSONAL DATA WITH?
+
+ -
+ Topcoder does not sell Personal Data to marketers or unaffiliated
+ third parties. We may share your Personal Data as follows:
+
+
+ -
+
+ -
+ Service Providers: With our contracted service providers, who
+ provide services such as IT and system administration and
+ hosting, credit card processing, research and analytics,
+ marketing, customer support and data enrichment for the purposes
+ and pursuant to the legal bases described above;
+
+
+ -
+ Affiliates: If you use our websites to register for an event or
+ webinar organized by one of our affiliates, we may share your
+ Personal Data with the affiliate to the extent this is required
+ on the basis of the affiliate’s contract with you to process
+ your registration and ensure your participation in the event; in
+ such instances, our affiliate will process the relevant Personal
+ Data as a separate controller and will provide you with further
+ information on the processing of your Personal Data, where
+ required.
+
+
+ -
+ Event Sponsors: If you attend an event or webinar organized by
+ us, or download or access an asset on our website, we may share
+ your Personal Data with sponsors of the event. If required by
+ applicable law, you may consent to such sharing via the
+ registration form or by allowing your attendee badge to be
+ scanned at a sponsor booth. In these circumstances, your
+ information will be subject to the sponsors’ privacy statements.
+ If you do not wish for your information to be shared, you may
+ choose to not opt-in via event/webinar registration or elect to
+ not have your badge scanned, or you can opt-out in accordance
+ with Section 10 below;
+
+
+ -
+ Customers With Whom You Are Affiliated: If you use our services
+ as an authorized user, we may share your Personal Data with your
+ affiliated customer responsible for your access to the services
+ to the extent this is necessary for verifying accounts and
+ activity, investigating suspicious activity, or enforcing our
+ terms and policies;
+
+
+ -
+ Third party networks and websites: With third-party social media
+ networks, advertising networks and websites, so that Topcoder
+ can market and advertise on third party platforms and websites;
+
+
+ -
+ Professional Advisers: In individual instances, we may share
+ your Personal Data with professional advisers acting as service
+ providers, processors, or joint controllers – including lawyers,
+ bankers, auditors, and insurers who provide consultancy,
+ banking, legal, insurance and accounting services, and to the
+ extent we are legally obliged to share or have a legitimate
+ interest in sharing your Personal Data;
+
+
+ -
+ Third Parties Involved in a Corporate Transaction: If we are
+ involved in a merger, reorganization, dissolution or other
+ fundamental corporate change, or sell a website or business
+ unit, or if all or a portion of our business, assets or stock
+ are acquired by a third party, with such third party. In
+ accordance with applicable laws, we will use reasonable efforts
+ to notify you of any transfer of Personal Data to an
+ unaffiliated third party
+
+
+
+
+ -
+ We may also share anonymous or de-identified usage data with
+ Topcoders service providers for the purpose of helping Topcoder in
+ such analysis and improvements. Additionally, Topcoder may share
+ such anonymous or de-identified usage data on an aggregate basis in
+ the normal course of operating our business; for example, we may
+ share information publicly to show trends about the general use of
+ our services. Anyone using our communities, forums, blogs, or chat
+ rooms on our websites may read any Personal Data or other
+ information you choose to submit and post.
+
+
+
6. INTERNATIONAL TRANSFER OF PERSONAL DATA
+
+ -
+ We are a global business. Personal Data may be stored and processed
+ in any country where we have operations or where we engage service
+ providers as described above in section 5. By using our Services,
+ any personal information provided to Topcoder, where applicable law
+ permits, you consent to the transfer, processing, and storage of
+ such information outside of your country of residence where data
+ protection standards may be different. We may transfer Personal Data
+ that we maintain about you to recipients in countries other than the
+ country in which the Personal Data was originally collected,
+ including to the United States. Those countries may have data
+ protection rules that are different from those of your country.
+ However, we will take measures to ensure that any such transfers
+ comply with applicable data protection laws and that your Personal
+ Data remains protected to the standards described in this Privacy
+ Policy. In certain circumstances, courts, law enforcement agencies,
+ regulatory agencies or security authorities in those other countries
+ may be entitled to access your Personal Data.
+
+
+
7. CHILDREN
+
+ -
+ Topcoder recognizes the privacy interests of children and we
+ encourage parents and guardians to take an active role in their
+ children’s online activities and interests. Neither our Services or
+ website are intended for children under the age of 13. Topcoder does
+ not target its services or this Site to children under 13. Topcoder
+ does not knowingly collect personal information from children under
+ the age of 13.
+
+
+
8. HOW LONG DO WE KEEP YOUR PERSONAL DATA?
+
+ -
+ We store the information we collect for as long as it is necessary
+ for the purpose(s) for which we originally collected it. We may
+ retain certain information for legitimate business purposes or as
+ required by law.
+
+
+
9. YOUR CHOICES
+
+ -
+ As a Topcoder user you have choices about how to protect and limit
+ the collection, use, and disclosure of information about you.
+ Depending on your location and subject to applicable law, you may
+ have the following rights with regard to the Personal Data we
+ control about you:
+
+
+ -
+
+ - Access your Personal Data held by us
+
+ - Know more about how we processed your Personal Data;
+
+ -
+ Rectify inaccurate Personal Data and, taking into account the
+ purpose of processing the Personal Data, ensure it is complete;
+
+
+ -
+ Erase or delete your Personal Data (also referred to as the
+ right to be forgotten), to the extent permitted by applicable
+ data protection laws;
+
+
+ -
+ Restrict our processing of your Personal Data, to the extent
+ permitted by law; Transfer your
+
+
+ -
+ Personal Data to another controller, to the extent possible
+ (right to data portability)
+
+
+ -
+ Object to any processing of your Personal Data. Where we process
+ your Personal Data for direct marketing purposes or share it
+ with third parties for their own direct marketing purposes, you
+ can exercise your right to object at any time to such processing
+ without having to provide any specific reason for such
+ objection;
+
+
+ -
+ Opt out of certain disclosures of your Personal Data to third
+ parties;
+
+
+ -
+ If you’re under the age of 16, opt in to certain disclosures of
+ your Personal Data to third parties;
+
+
+ -
+ Not be discriminated against for exercising your rights
+ described above;
+
+
+ -
+ Not be subject to a decision based solely on automated
+ processing, including profiling, which produces legal effects
+ (“Automated Decision-Making”). Automated Decision-Making
+ currently does not take place on our websites or in our
+ services; and
+
+
+ -
+ Withdraw your consent at any time (to the extent we base
+ processing on consent), without affecting the lawfulness of the
+ processing based on such consent before its withdrawal.
+
+
+
+
+ -
+ 9.1 ACCESSING AND CHANGING YOUR INFORMATION
+
+
+ -
+ You can access and change certain information through the Services.
+ See our Help Center page for more information. You can also request
+ a copy of the personal information Topcoder maintains about you by
+ following the process described here.
+
+
+ -
+ 9.2 DELETING YOUR ACCOUNT
+
+
+ -
+ You may delete your account information at any time from the user
+ preferences page. When you delete your account, your profile is no
+ longer visible to other users. Please note, however, that the
+ contests, tasks, and messages you submitted prior to deleting your
+ account will still be visible toSupport others. We may also retain
+ certain information about you as required by law or for legitimate
+ business purposes after you delete your account.
+
+
+ -
+ 9.3 CONTROLLING THE USE OF COOKIES
+
+
+ -
+ To change your cookie settings and preferences for one of our
+ websites, click the Cookie Preferences link in the footer of the
+ page. You can also control the use of cookies on your device, but
+ choosing to disable cookies on your device may limit your ability to
+ use some features on our websites and services.
+
+
+ -
+ 9.4 CONTROLLING ADVERTISING AND ANALYTICS
+
+
+
+ -
+ Some analytics providers we partner with may provide specific
+ opt-out mechanisms and we may provide, as needed and as available,
+ additional tools and third-party services that allow you to better
+ understand cookies and how you can opt-out. For example, you may
+ manage the use and collection of certain information by Google
+ Analytics .
+
+
+ -
+ You may also generally opt out of receiving personalized
+ advertisements from certain third-party advertisers and ad networks.
+ To learn more about these advertisements or to opt out, please visit
+ the websites of the Digital Advertising Alliance and the Network
+ Advertising Initiative, or if you are a user in the European
+ Economic Area, Your Online Choices.
+
+
+ -
+ You may also generally opt out of receiving personalized
+ advertisements from certain third-party advertisers and ad networks.
+ To learn more about these advertisements or to opt out, please visit
+ the websites of the Digital Advertising Alliance and the Network
+ Advertising Initiative
+
+
+ -
+ 9.5 DO NOT TRACK
+
+
+
+ -
+ Most modern web browsers give you the option to send a Do Not Track
+ signal to the websites you visit, indicating that you do not wish to
+ be tracked. However, there is no accepted standard for how a website
+ should respond to this signal, and we do not take any action in
+ response to this signal. Instead, in addition to publicly available
+ third-party tools, we offer you the choices described in this policy
+ to manage the collection and use of information about you.
+
+
+ -
+ 9.6 CONTROLLING PROMOTIONAL COMMUNICATIONS
+
+
+
+ -
+ You may opt out of receiving some or all categories of promotional
+ communications from us by following the instructions in those
+ communications or by updating your email options in your account
+ preferences here. If you opt out of promotional communications, we
+ may still send you non-promotional communications, such as
+ information about your account or your use of the Services.
+
+
+
10. HOW WE SECURE YOUR PERSONAL DATA
+
+ -
+ We take appropriate precautions including organizational, technical,
+ and physical measures to help safeguard against accidental or
+ unlawful destruction, loss, alteration, and unauthorized disclosure
+ of, or access to, the Personal Data we process or use. While we
+ follow generally accepted standards to protect Personal Data, no
+ method of storage or transmission is 100% secure You are solely
+ responsible for protecting your password limiting transmission is
+ 100% secure. You are solely responsible for protecting your
+ password, limiting access to your devices and signing out of
+ websites after your sessions. If you have any questions about the
+ security of our websites, please contact us by using the information
+ in the “Contact us” section, below.
+
+
+
11. CHANGES TO THIS POLICY
+
+ -
+ We may change this Privacy Policy from time to time to reflect new
+ services, changes in our Personal Data practices or relevant laws.
+ The “Last updated” legend at the top of this Privacy Policy
+ indicates when this Privacy Policy was last revised. Any changes are
+ effective when we post the revised Privacy Policy on the Services.
+ We may provide you with disclosures and alerts regarding the Privacy
+ Policy or Personal Data collected by posting them on our website
+ and, if you are a User, by contacting you through our services.
+
+
+
12. HOW TO CONTACT US
+
+ -
+ To exercise your rights regarding your Personal Data, or if you have
+ questions regarding this Privacy Statement or our privacy practices
+ please fill out
+
+ this form
+
+ , email us at
+ privacy@topcoder.com, call
+ us at 855 867-1356, or write to us at:
+
+
+ -
+ Attention: Topcoder Legal 201 South Capitol Avenue, Ste. 1100
+ Indianapolis, IN 46225
+
+
+
13. CCPA RIGHTS AND CHOICES
+
+ -
+ Section 13 of this Privacy Policy applies solely to visitors, users,
+ and others who reside in the State of California (“consumers” or
+ “you”) who access the Services owned and operated by Topcoder. We
+ adopt this notice to comply with the California Consumer Privacy Act
+ of 2018 (“CCPA”) and other California privacy laws. Any terms
+ defined in the CCPA have the same meaning when used in this notice.
+ The California Consumer Privacy Act requires businesses to disclose
+ whether they sell Personal Data. We do not sell Personal Data. We
+ may share Personal Data with third parties or allow them to collect
+ Personal Data from our sites or Services if those third parties are
+ authorized service providers or business partners who have agreed to
+ our contractual limitations as to their retention, use, and
+ disclosure of such Personal Data, or if you use Topcoder sites or
+ Services to interact with third parties or direct us to disclose
+ your Personal Data to third parties.
+
+
+ -
+ We collect information that identifies, relates to, describes,
+ references, is capable of being associated with, or could reasonably
+ be linked, directly or indirectly, with a particular consumer or
+ device (“personal information”). In particular, we have collected,
+ and have disclosed for a business purpose, the following categories
+ of personal information from consumers in the last twelve (12)
+ months:
+
+
+ - ----
+ -
+ We obtain the above categories of information from the sources more
+ particularly described in Section 2 of this Privacy Policy.
+
+
+ -
+ We may disclose your personal information for a business purpose to
+ the categories of third parties described in Section 5 of this
+ Privacy Policy. When we disclose personal information for a business
+ purpose, we enter a contract that describes the purpose and requires
+ the recipient to both keep that personal information confidential
+ and not use it for any purpose except performing the contract.
+
+
+ -
+ We may use or disclose the personal information we collect for one
+ or more of the business purposes more particularly described in
+ Sections 3, 4 and 5 of this Privacy Policy
+
+
+ -
+ California law grants state residents certain rights, including the
+ rights to access specific types of Personal Data, to learn how we
+ process Personal Data, and to request deletion of Personal Data.. We
+ will not deny your use of our services, or provide you a different
+ level or quality of services for exercising any of your rights unde
+
+ -
+
+ -
+ 1. Please note that your request does not ensure complete or
+ comprehensive removal of the content or information, because,
+ for example, some of your content may have been reposted by
+ another user. Please also note that you may not be entitled to
+ deletion of your personal information, where such retention is
+ necessary for Topcoder to: Complete the transaction for which
+ the personal information was collected, fulfill the terms of a
+ written warranty or product recall conducted in accordance
+ with federal law, provide a good or service requested by you,
+ or reasonably anticipated within the context of our ongoing
+ business relationship with you, or otherwise perform a
+ contract between us.
+
+
+ -
+ 2. Detect security incidents, protect against malicious,
+ deceptive, fraudulent, or illegal activity; or prosecute those
+ responsible for that activity.
+
+
+ -
+ 3. Debug to identify and repair errors that impair existing
+ intended functionality.
+
+
+ -
+ 4. Exercise free speech, ensure the right of another consumer
+ to exercise that consumer’s right of free speech, or exercise
+ another right provided for by law.
+
+
+ -
+ 5. Comply with the California Electronic Communications
+ Privacy Act pursuant to Chapter 3.6 (commencing with Section
+ 1546) of Title 12 of Part 2 of the Penal Code.
+
+
+ -
+ 6. Engage in public or peer-reviewed scientific, historical,
+ or statistical research in the public interest that adheres to
+ all other applicable ethics and privacy laws, when our
+ deletion of the information is likely to render impossible or
+ seriously impair the achievement of such research, if you have
+ provided informed consent for the same.
+
+
+ -
+ 7. To enable solely internal uses that are reasonably aligned
+ with your expectations, based on your relationship with
+ Topcoder.
+
+
+ -
+ 9. Otherwise use your personal information, internally, in a
+ lawful manner that is compatible with the context in which you
+ provided the information. Support For information on how to
+ exercise your rights, please refer to Section 9 of this
+ Privacy Statement. If you are an authorized agent wishing to
+ exercise rights on behalf of a California resident, please
+ contact us using the information in the “How to Contact Us”
+ section above and provide us with a copy of the consumer’s
+ written authorization designating you as their agent.
+
+
+ -
+ We may need to verify your identity and place of residence
+ before completing your rights request.
+
+
+ -
+ Effective Date May 31, 2017 – Updated Jan 27, 2022
+
+
+
+
+
+
+
+
+
+ -
+
- Date of Last Revision: Jan 27, 2022
+
+ -
+ This User Agreement (the "Agreement") is a contract
+ between you (referred to herein as "User") and Topcoder LLC.
+ ("Topcoder") and applies to User's use and viewing of
+
+ {' '}
+ topcoder.com
+
+ , related sub-domains (“Topcoder.com”). By visiting Topcoder.com, User
+ has accepted this Agreement and has agreed to be bound by the terms of
+ this Agreement. Topcoder may amend this Agreement at any time by
+ posting a revised version on Topcoder.com. The revised version will be
+ effective at the time Topcoder posts it.
+
+
+ -
+
+ -
+
1.ACCOUNT
+
+ -
+ User may set up an account in connection with the use of
+ Topcoder.com. User may not use a third party's account without
+ permission. When setting up an account, User must supply accurate
+ and complete information. User is solely responsible for its
+ account and everything that happens on its account. User shall
+ protect its account log-in information and User shall report any
+ unauthorized use of its account to Topcoder immediately. User may
+ not transfer its account to any third party. Topcoder is not
+ liable for any damages or losses caused by someone using User's
+ account without User's permission.
+
+ -
+
2.PRIVACY
+
+ -
+ User agrees to comply with all terms of the Topcoder Privacy
+ Policy available at
+
+ {' '}
+ https://www.topcoder.com/policy/privacy-policy/
+
+
+ -
+
3.GENERAL USE OF TOPCODER.COM.
+
+ -
+ Except as expressly authorized hereunder, Topcoder.com and content
+ therein may not be reproduced, duplicated, copied, sold, resold,
+ visited, reverse- engineered or otherwise exploited for any
+ commercial purpose without Topcoder's prior written authorization.
+ Topcoder reserves the right to alter or discontinue Topcoder.com,
+ in whole or in part, at any time in Topcoder's sole discretion.
+ Topcoder.com is not intended for use by children under the age of
+ 13. Parental permission is required to use this Website if the
+ User has not reached the age of majority in the User's
+ jurisdiction of primary residence and citizenship. The User must
+ be at least 18 years old and have reached the age of majority in
+ such User's jurisdiction of primary residence and citizenship to
+ make any purchases from Topcoder.com. Subject to and conditioned
+ upon User's compliance with this Agreement, Topcoder grants User a
+ non-exclusive, non- transferable, limited right and license,
+ without right of sublicense, to access and use Topcoder.com,
+ including any images, text, graphics, sounds, data, links and
+ other materials incorporated therein solely as made available by
+ Topcoder and solely for User's own personal purposes. Except as
+ expressly authorized by this Agreement, User may not use,
+ reproduce, distribute, modify, transmit or publicly display any
+ portion of Topcoder.com or create derivative works of any portion
+ Topcoder.com without Topcoder's written consent. While using
+ Topcoder.com, User agrees not to:
+
-
+
+
+ -
+ Impersonate any person or entity or use any fraudulent,
+ misleading or inaccurate email address or other contact
+ information;
+
+ -
+ Restrict or inhibit any other user from using Topcoder.com,
+ including, without limitation, by means of "hacking" or
+ defacing any portion of Topcoder.com;
+
+ - Violate any applicable laws or regulations;
+ -
+ Upload to, transmit through, or display on Topcoder.com or
+ via communications related to usage of the Site (a) any
+ material that is unlawful, fraudulent, threatening, abusive,
+ libelous, defamatory, obscene or otherwise objectionable, or
+ infringes our or any third party's intellectual property or
+ other rights; (b) any confidential, proprietary or trade
+ secret information of any third party; or (c) any
+ advertisements, solicitations, chain letters, pyramid
+ schemes, investment opportunities or other unsolicited
+ commercial communication (except as otherwise expressly
+ permitted by us);
+
+ - Engage in spamming;
+ -
+ Transmit any software or other materials that contain any
+ viruses, worms, trojan horses, defects, or other destructive
+ items;
+
+ -
+ Modify, adapt, translate, distribute, reverse engineer,
+ decompile or disassemble any portion of our Sites and Apps;
+ and
+
+ -
+ Remove any copyright, trademark or other proprietary rights
+ notices contained in or displayed on any portion of
+ Topcoder.com
+
+ -
+ If User fails to comply with the above rules, such failure
+ will constitute a violation of this Agreement, and, in
+ addition to any other rights or remedies Topcoder may have,
+ Topcoder may immediately terminate User's access to and use
+ of Topcoder.com and related services.
+
+
+
+ -
+
4.GENERAL.
+
+ -
+ Each party is an independent contractor of the other and neither
+ is an employee, agent, partner or joint venturer of the other.
+ Neither party shall make any commitment, by contract or
+ otherwise, binding upon the other or represent that it has any
+ authority to do so. This Agreement will bind and inure to the
+ benefit of each party's permitted successors and assigns.
+ Neither party shall assign this Agreement without the advance
+ written consent of the other party, except that Topcoder may
+ assign this Agreement to an affiliate or in connection with a
+ merger, reorganization, acquisition or other transfer of all or
+ part of Topcoder's assets or voting securities. Any notice,
+ report, approval or consent required or permitted under this
+ Agreement will be sent to Topcoder at c/o Appirio Inc., 201
+ South Capitol Avenue Ste. 1100, Indianapolis, Indiana 46225,
+ Attention: General Counsel, Email: gc@appirio.com or to User at
+ the contact information provided by User through Topcoder.com or
+ in an order form. Any waiver by either party of any breach of
+ this Agreement, whether express or implied, will not constitute
+ a waiver of any other or subsequent breach. No provision of the
+ Agreement will be waived by any act, omission or knowledge of a
+ party or its agents or employees except by an instrument in
+ writing expressly waiving such provision and signed by a duly
+ authorized officer of the waiving party. If any provision of
+ this Agreement is adjudged by any court of competent
+ jurisdiction to be unenforceable or invalid, that provision
+ shall be limited or eliminated to the minimum extent necessary
+ so that this Agreement will otherwise remain in full force and
+ effect. Neither party shall be liable to the other for any delay
+ of failure to perform any obligation under this Agreement
+ (except for a failure to pay fees) if the delay or failure is
+ due to events which are beyond the reasonable control of such
+ party, including but not limited to any strike, blockade, war,
+ act of terrorism, riot, natural disaster, failure or
+ diminishment of power or of telecommunications or data networks
+ or services, or refusal of approval or a license by a government
+ agency. This Agreement will be deemed to have been made in, and
+ shall be construed pursuant to the laws of the State of Delaware
+ without regard to its conflicts of laws, provisions, or the
+ United Nations Convention on International Sale of Goods. The
+ jurisdiction and venue for actions related to this Agreement
+ shall be the state and federal courts located in Wilmington
+ County, Delaware and both parties hereby submit to the personal
+ jurisdiction of such courts. Both parties hereby waive their
+ right to a trial by jury. Any waivers or amendments shall be
+ effective only if made in writing signed by a representative of
+ the respective parties authorized to bind the parties. No
+ provision of any purchase order or other business form
+ (including but not limited to security access forms of any kind)
+ employed by either party will supersede the terms and conditions
+ of this Agreement, and any such document shall be for
+ administrative purposes
+
+
+
+
+
+
+
+
+
+ setIsContactSupportModalOpen(false)}
+ />
+
+
+
setIsOrderContractModalOpen(false)}
+ />
+
+ setIsPrivacyModalOpen(false)}
+ />
+
+ setIsTermsModalOpen(false)}
+ />
+
+
+
+
+ {col.label}
+ {!!col.tooltip && (
+
+ }
+ />
+
+ )}
+
+ |
+ )
+ })
+
+ const rowCells: Array = sortedData
+ .map((data, index) => {
+
+ function onRowClick(event: MouseEvent): void {
+ event.preventDefault()
+ props.onRowClick?.(data)
+ }
+
+ // get the cells in the row
+ const cells: Array = props.columns
+ .map((col, colIndex) => {
+ return (
+
+ )
+ })
+
+ // return the entire row
+ return (
+
+ {cells}
+
+ )
+ })
+
+ return (
+ /* TODO: sticky header */
+
+
+
+
+ {headerRow}
+
+
+
+ {rowCells}
+
+
+
+
+ {data}
+
+ |
+ )
+ }
+
+export default TableCell
diff --git a/src-ts/lib/table/table-cell/index.ts b/src-ts/lib/table/table-cell/index.ts
new file mode 100644
index 000000000..57199939d
--- /dev/null
+++ b/src-ts/lib/table/table-cell/index.ts
@@ -0,0 +1 @@
+export { default as TableCell } from './TableCell'
diff --git a/src-ts/lib/table/table-column.model.ts b/src-ts/lib/table/table-column.model.ts
new file mode 100644
index 000000000..4323da523
--- /dev/null
+++ b/src-ts/lib/table/table-column.model.ts
@@ -0,0 +1,11 @@
+import { TableCellType } from './table-cell.type'
+
+export interface TableColumn {
+ readonly defaultSortDirection?: 'asc' | 'desc'
+ readonly isDefaultSort?: boolean
+ readonly label?: string
+ readonly propertyName?: string
+ readonly renderer?: (data: T, params?: any) => JSX.Element | undefined
+ readonly tooltip?: string
+ readonly type: TableCellType
+}
diff --git a/src-ts/lib/table/table-functions/index.ts b/src-ts/lib/table/table-functions/index.ts
new file mode 100644
index 000000000..6e705a995
--- /dev/null
+++ b/src-ts/lib/table/table-functions/index.ts
@@ -0,0 +1,4 @@
+export {
+ getDefaultSort as tableGetDefaultSort,
+ getSorted as tableGetSorted,
+} from './table.functions'
diff --git a/src-ts/lib/table/table-functions/table.functions.ts b/src-ts/lib/table/table-functions/table.functions.ts
new file mode 100644
index 000000000..cfd4d25af
--- /dev/null
+++ b/src-ts/lib/table/table-functions/table.functions.ts
@@ -0,0 +1,63 @@
+import { Sort } from '../../pagination'
+import { TableColumn } from '../table-column.model'
+
+export function getDefaultSort(columns: ReadonlyArray>): Sort | undefined {
+
+ const defaultSortColumn: TableColumn | undefined = columns.find(col => col.isDefaultSort)
+ || columns.find(col => !!col.propertyName)
+
+ const defaultSort: Sort | undefined = !defaultSortColumn?.propertyName
+ ? undefined
+ : {
+ direction: defaultSortColumn.defaultSortDirection || 'asc',
+ fieldName: defaultSortColumn.propertyName,
+ }
+
+ return defaultSort
+}
+
+export function getSorted(
+ data: ReadonlyArray,
+ cols: ReadonlyArray>,
+ sort?: Sort,
+): ReadonlyArray {
+
+ // get the sort column
+ const sortColumn: TableColumn | undefined = !!sort
+ ? cols.find(col => col.propertyName === sort.fieldName)
+ : undefined
+
+ const sortedData: Array = [...data]
+
+ // if we don't have a column to sort, don't sort
+ if (!sort || !sortColumn) {
+ return sortedData
+ }
+
+ function sortNumbers(a: number, b: number, direction: 'asc' | 'desc'): number {
+ return direction === 'asc' ? a - b : b - a
+ }
+
+ if (sortColumn.type === 'money') {
+ return sortedData
+ .sort((a: T, b: T) => sortNumbers(+a[sort.fieldName], +b[sort.fieldName], sort.direction))
+ }
+
+ if (sortColumn.type === 'date') {
+ return sortedData
+ .sort((a: T, b: T) => sortNumbers(
+ (a[sort.fieldName] as Date).getTime(),
+ (b[sort.fieldName] as Date).getTime(),
+ sort.direction
+ ))
+ }
+
+ return sortedData
+ .sort((a: T, b: T) => {
+ const aField: string = a[sort.fieldName]
+ const bField: string = b[sort.fieldName]
+ return sort.direction === 'asc'
+ ? aField.localeCompare(bField)
+ : bField.localeCompare(aField)
+ })
+}
diff --git a/src-ts/lib/table/table-sort/TableSort.tsx b/src-ts/lib/table/table-sort/TableSort.tsx
new file mode 100644
index 000000000..2e1c189a6
--- /dev/null
+++ b/src-ts/lib/table/table-sort/TableSort.tsx
@@ -0,0 +1,38 @@
+import { FC, SVGProps } from 'react'
+
+import { Button } from '../../button'
+import { Sort } from '../../pagination'
+import { IconOutline } from '../../svgs'
+
+interface TableSortProps {
+ iconClass: string
+ isCurrentlySorted: boolean
+ propertyName?: string
+ sort?: Sort
+ toggleSort: (fieldName: string) => void
+}
+
+const TableSort: FC = (props: TableSortProps) => {
+
+ if (!props.propertyName || !props.sort) {
+ return <>
+ }
+
+ // if this isn't the currently sorted field,
+ // use the disambiguated icon
+ const icon: FC
)
diff --git a/src/lib/avatar/index.ts b/src-ts/lib/avatar/index.ts
similarity index 100%
rename from src/lib/avatar/index.ts
rename to src-ts/lib/avatar/index.ts
diff --git a/src-ts/lib/breadcrumb/Breadcrumb.module.scss b/src-ts/lib/breadcrumb/Breadcrumb.module.scss
new file mode 100644
index 000000000..3d5a55160
--- /dev/null
+++ b/src-ts/lib/breadcrumb/Breadcrumb.module.scss
@@ -0,0 +1,76 @@
+@import '../styles/includes';
+@import '../styles/typography';
+
+.breadcrumb-wrap {
+ width: 100%;
+ background: $black-5;
+}
+
+.breadcrumb {
+ padding: $pad-md 0;
+ max-width: $xxl-min;
+ margin: 0 auto;
+ @include pagePaddings;
+
+ ol {
+ display: flex;
+ padding-left: 0px;
+ margin: 0;
+
+ &.hidden-mobile {
+ @include ltemd {
+ display: none;
+ }
+ }
+
+ &.show-mobile {
+ @include gtemd {
+ display: none;
+ }
+ }
+
+ >li {
+ display: inline-flex;
+ align-items: center;
+ padding: 0;
+
+ a {
+ @extend .overline;
+ display: block;
+ padding: $pad-md;
+ color: $black-80;
+ cursor: pointer;
+
+ &.elipsis {
+ color: $turq-160;
+ }
+ }
+
+ &:first-child a {
+ padding-left: 0;
+ }
+
+ &:not(:last-child)::after {
+ content: '';
+ display: inline-block;
+ width: $pad-sm;
+ height: $pad-sm;
+ border-style: solid;
+ border-width: $border-xs $border-xs 0 0;
+ border-color: $black-60;
+ transform: rotate(45deg)
+ }
+
+ &:last-child a:last-child {
+ pointer-events: none;
+ }
+
+ &:last-child,
+ &:hover {
+ a {
+ color: $black-100;
+ }
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/src-ts/lib/breadcrumb/Breadcrumb.tsx b/src-ts/lib/breadcrumb/Breadcrumb.tsx
new file mode 100644
index 000000000..0d62b89df
--- /dev/null
+++ b/src-ts/lib/breadcrumb/Breadcrumb.tsx
@@ -0,0 +1,72 @@
+import { FC } from 'react'
+import { createPortal } from 'react-dom'
+
+import { BreadcrumbItem, BreadcrumbItemModel } from './breadcrumb-item'
+import styles from './Breadcrumb.module.scss'
+
+interface BreadcrumbProps {
+ items: Array