@vonq/hapi-elements-types 1.4.0 → 1.5.0

package/src/campaign/types.ts

@@ -0,0 +1,237 @@
+import { ProductDuration, ProductIndustry } from "../product/types"
+import { ContractPostingRequirement } from "../contract/types"
+import { ProductPriceCurrency } from "../product/enums"
+import { EmploymentType, SalaryPeriod } from "./enums"
+
+export type CampaignProductSpecs = {
+    contractId: string | null
+    deliveredOn: string | null
+    duration: string
+    durationPeriod: ProductDuration
+    jobBoardLink: string | null
+    postingRequirements: Record<string, any> | null
+    productId: string
+    status: CampaignStatus
+    utm: string | null
+    statusDescription: string | null
+}
+
+export type CampaignPostingDetailsContactInfo = {
+    emailAddress?: string | null
+    name?: string | null
+    phoneNumber?: string | null
+}
+
+export type CampaignPostingDetailsOrganization = {
+    companyLogo: string
+    name: string
+}
+
+export type CampaignProductPostingDetailsSalaryIndicationRange = {
+    currency?: string | null
+    from?: number | null
+    to: number
+}
+
+export type CampaignPostingDetailsSalaryIndication = {
+    period: SalaryPeriod
+    range: CampaignProductPostingDetailsSalaryIndicationRange
+}
+
+export type CampaignPostingDetailsWeeklyWorkingHours = {
+    to: number
+    from?: number | null
+}
+
+export type CampaignPostingDetailsWorkingLocation = {
+    addressLine1: string
+    addressLine2: string
+    allowsRemoteWork?: boolean | number | null
+    city: string
+    country: string
+    postCode?: string | null
+    postcode: string
+}
+
+export type CampaignPostingDetails = {
+    applicationUrl: string
+    contactInfo: CampaignPostingDetailsContactInfo
+    description: string
+    employmentType: EmploymentType
+    jobPageUrl: string
+    organization: CampaignPostingDetailsOrganization
+    salaryIndication: CampaignPostingDetailsSalaryIndication
+    title: string
+    weeklyWorkingHours: CampaignPostingDetailsWeeklyWorkingHours
+    workingLocation: CampaignPostingDetailsWorkingLocation
+    yearsOfExperience: number
+}
+
+export type CampaignPosting = {
+    clicks: number
+    name: string
+    productId: string
+}
+
+export type CampaignRecruiterInfo = {
+    id?: number | null
+    name: string
+    emailAddress?: string | null
+}
+
+export type CampaignTargetGroupData = {
+    description: string
+    vonqId: string | number
+}
+
+export type CampaignTargetGroup = {
+    educationLevel: CampaignTargetGroupData[]
+    industry: CampaignTargetGroupData[]
+    jobCategory: CampaignTargetGroupData[]
+    seniority: CampaignTargetGroupData[]
+}
+
+export type CampaignTotalPrice = {
+    amount: number
+    currency: ProductPriceCurrency
+}
+
+export type CampaignStatus = "in progress" | "offline"
+
+export type CampaignDetailsStatusOrderedProductStatus = {
+    productId: string
+    status: CampaignStatus
+    statusDescription: string | null
+}
+
+export type CampaignDetailedStatus = {
+    campaignId: string
+    status: CampaignStatus
+    orderedProductsStatuses: CampaignDetailsStatusOrderedProductStatus[]
+}
+
+export type Campaign = {
+    currency: ProductPriceCurrency
+    campaignId: string
+    campaignName: string | null
+    companyId: string
+    createdOn: string
+    customerId: string
+    orderReference: string | null
+    orderedProducts: string[]
+    orderedProductsSpecs: CampaignProductSpecs[]
+    postingDetails: CampaignPostingDetails
+    postings: CampaignPosting[]
+    recruiterInfo: CampaignRecruiterInfo
+    status: CampaignStatus
+    targetGroup: CampaignTargetGroup
+    totalPrice: CampaignTotalPrice
+    walletId: string
+    detailedStatus?: CampaignDetailedStatus //this is only added virtually on FE on demand
+}
+
+export type CampaignCreateFormTargetGroupEducationLevel =
+    TaxonomyEducationAndSeniorityLevel
+
+export type CampaignCreateFormTargetGroupSeniority = TaxonomySeniority
+
+export type CampaignCreateFormTargetGroupIndustry = ProductIndustry
+
+export type CampaignCreateFormTargetGroupJobCategory = {
+    label: string
+    value: number
+}
+
+export type CampaignCreateFormTargetGroup = {
+    educationLevel: CampaignCreateFormTargetGroupEducationLevel[]
+    seniority: CampaignCreateFormTargetGroupSeniority[]
+    industry: CampaignCreateFormTargetGroupIndustry[]
+    jobCategory: CampaignCreateFormTargetGroupJobCategory[]
+}
+
+export type CampaignCreateFormOrderedProductSpecBase = {
+    productId: string
+    utm: string
+    contractId: string
+    postingRequirements: ContractPostingRequirement[]
+}
+export type CampaignCreateFormOrderedProductSpec =
+    CampaignCreateFormOrderedProductSpecBase & { [k: string]: any }
+
+export type CampaignCreateForm = {
+    companyId: string
+    campaignName?: string | null
+    poNumber?: string
+    targetGroup: CampaignCreateFormTargetGroup
+    recruiterInfo: CampaignRecruiterInfo
+    postingDetails: {
+        title: string
+        description: string
+        organization: CampaignPostingDetailsOrganization
+        workingLocation: CampaignPostingDetailsWorkingLocation
+        yearsOfExperience: number
+        employmentType: EmploymentType
+        weeklyWorkingHours: CampaignPostingDetailsWeeklyWorkingHours
+        salaryIndication: CampaignPostingDetailsSalaryIndication
+        contactInfo: CampaignPostingDetailsContactInfo
+        jobPageUrl: string
+        applicationUrl: string
+    }
+    orderedProducts: string[] //Array of UUIDs
+    orderedProductsSpecs: Record<string, CampaignCreateFormOrderedProductSpec>
+}
+
+export type CampaignOrderRequestBodyOrderedProductsSpec = {
+    contractId: string
+    utm: string
+    productId: string
+    postingRequirements?: any
+}
+
+export type CampaignOrderRequestBody = {
+    companyId: string
+    campaignName: string | null | undefined
+    walletId?: string
+    poNumber?: string
+    recruiterInfo: Omit<CampaignRecruiterInfo, "id">
+    postingDetails: CampaignPostingDetails
+    targetGroup: CampaignTargetGroup
+    orderedProducts: string[]
+    orderedProductsSpecs: CampaignOrderRequestBodyOrderedProductsSpec[]
+    currency: string
+}
+
+export type CampaignTaxonomyNameWithLanguage = {
+    languageCode: string
+    value: string
+}
+
+export type TaxonomyEducationLevelName = CampaignTaxonomyNameWithLanguage
+
+export type TaxonomySeniorityName = CampaignTaxonomyNameWithLanguage
+
+export type TaxonomySeniority = {
+    id: number
+    name: TaxonomySeniorityName[]
+}
+
+export type TaxonomyEducationAndSeniorityLevel = {
+    id: number
+    name: TaxonomyEducationLevelName[]
+}
+
+export type TaxonomyEmploymentTypes = {
+    value: EmploymentType
+    label: string
+}
+export type TransformedPostingRequirementOption = {
+    value?: string
+    options?: { label: string; value: string; data?: any[] }[]
+    label: string
+}
+export type TransformedPostingRequirement = Omit<
+    ContractPostingRequirement,
+    "options"
+> & {
+    options: TransformedPostingRequirementOption[] | null
+}

package/src/campaign/utils.ts

@@ -0,0 +1,53 @@
+import { TransformedPostingRequirement } from "./types"
+
+export const getShouldDisplayPostingRequirement = (
+    requirement: TransformedPostingRequirement,
+    form: Record<string, any>,
+) => {
+    const getIsFacetVisible = (
+        operation: string,
+        operationValues: any[],
+        value: any,
+    ) => {
+        if (operation == "equal") {
+            return value == operationValues
+        } else if (operation == "in") {
+            if (Array.isArray(value)) {
+                const values = value.map((val) => val.value)
+                return operationValues.some((operationValue) =>
+                    values.includes(operationValue),
+                )
+            }
+            return operationValues.includes(value)
+        } else if (operation === "notempty") {
+            if (typeof value === "string") {
+                return value.trim() !== ""
+            } else if (Array.isArray(value)) {
+                return value.length > 0
+            } else if (typeof value === "object") {
+                return Object.keys(value).length > 0
+            } else {
+                return !!value
+            }
+        }
+        return false
+    }
+    let shouldShow = true
+    if (!requirement.display_rules?.show?.length) return true
+    const foundRule = requirement.display_rules.show.findIndex((rule) => {
+        const facetCheckValue = form[rule.facet]
+        if (facetCheckValue === undefined) {
+            shouldShow = false
+        }
+        return getIsFacetVisible(
+            rule.op,
+            rule.value,
+            typeof facetCheckValue === "object" &&
+                !Array.isArray(facetCheckValue)
+                ? facetCheckValue?.value
+                : facetCheckValue,
+        )
+    })
+    shouldShow = foundRule != -1
+    return shouldShow
+}

package/src/campaign/utils.types.ts

@@ -0,0 +1,59 @@
+import {
+    Campaign,
+    CampaignCreateForm,
+    CampaignCreateFormOrderedProductSpec,
+    CampaignCreateFormTargetGroup,
+    CampaignCreateFormTargetGroupEducationLevel,
+    CampaignCreateFormTargetGroupIndustry,
+    CampaignCreateFormTargetGroupJobCategory,
+    CampaignCreateFormTargetGroupSeniority,
+    CampaignOrderRequestBody,
+    CampaignOrderRequestBodyOrderedProductsSpec,
+    CampaignTargetGroup,
+    CampaignTargetGroupData,
+} from "./types"
+import { Product } from "../product/types"
+import { Contract } from "../contract/types"
+import { ModuleWithConstructorArgs } from "../types"
+import { BasketProduct } from "../basket/types"
+import { WindowHapiUtils } from "../_window/utils.types"
+
+export type WindowHapiUtilsCampaign = ModuleWithConstructorArgs<
+    {
+        getInitialCampaignForm: () => CampaignCreateForm
+        mapCampaignsAndUpdateById: (
+            campaignId: string,
+            campaign: Partial<Campaign>,
+        ) => void
+        getOrderCampaignRequestBody: () => CampaignOrderRequestBody
+        getCopyCampaignRequestBody: (
+            campaign: Campaign,
+        ) => CampaignOrderRequestBody
+        getPostBodyValuesForTargetGroupProperty: (
+            selectValue:
+                | CampaignCreateFormTargetGroupEducationLevel[]
+                | CampaignCreateFormTargetGroupSeniority[]
+                | CampaignCreateFormTargetGroupIndustry[]
+                | CampaignCreateFormTargetGroupJobCategory[]
+                | undefined,
+            type: "educationLevel" | "seniority" | "industry" | "jobCategory",
+        ) => CampaignTargetGroupData[]
+        getPostBodyForTargetGroup: (
+            targetGroup: CampaignCreateFormTargetGroup,
+        ) => CampaignTargetGroup
+        getPostBodyForOrderedProductsFromBasketProducts: (
+            productsOrContracts: (Contract | Product)[],
+        ) => string[]
+        getPostBodyForOrderedProductsSpecs: (
+            products: (Product | Contract)[],
+            orderedProductsSpecs: Record<
+                string,
+                CampaignCreateFormOrderedProductSpec
+            >,
+        ) => CampaignOrderRequestBodyOrderedProductsSpec[]
+        getPostBodyForOrderedProductsSpecsPostingRequirement: (
+            postingRequirement: any,
+        ) => any
+    },
+    { readonly utils: WindowHapiUtils }
+>

package/src/campaign/validations.types.ts

@@ -0,0 +1,215 @@
+import {
+    ZodAny,
+    ZodArray,
+    ZodNullable,
+    ZodNumber,
+    ZodObject,
+    ZodOptional,
+    ZodRecord,
+    ZodString,
+    ZodUnion,
+} from "zod"
+import { ZodProductDuration } from "../product/validations.types"
+
+export type ZodCampaignTotalPrice = ZodObject<{
+    amount: ZodNumber
+    currency: ZodString
+}>
+export type ZodCampaignEmploymentType = ZodObject<{
+    label: ZodString
+    value: ZodString
+}>
+export type ZodCampaignRecruiterInfo = ZodObject<{
+    id: ZodOptional<ZodNullable<ZodUnion<[ZodNumber, ZodString]>>>
+    name: ZodString
+    emailAddress: ZodOptional<ZodNullable<ZodString>>
+}>
+export type ZodCampaignTargetGroupData = ZodObject<{
+    description: ZodString
+    vonqId: ZodString
+}>
+export type ZodCampaignTargetGroupDatas = ZodArray<ZodCampaignTargetGroupData>
+export type ZodCampaignTargetGroup = ZodObject<{
+    educationLevel: ZodCampaignTargetGroupDatas
+    industry: ZodCampaignTargetGroupDatas
+    jobCategory: ZodCampaignTargetGroupDatas
+    seniority: ZodCampaignTargetGroupDatas
+}>
+export type ZodCampaignPosting = ZodObject<{
+    clicks: ZodNumber
+    name: ZodString
+    productId: ZodString
+}>
+export type ZodCampaignPostings = ZodArray<ZodCampaignPosting>
+export type ZodCampaignPostingDetailsContactInfo = ZodObject<{
+    emailAddress: ZodOptional<ZodNullable<ZodString>>
+    name: ZodOptional<ZodNullable<ZodString>>
+    phoneNumber: ZodOptional<ZodNullable<ZodString>>
+}>
+export type ZodCampaignPostingDetailsOrganization = ZodObject<{
+    companyLogo: ZodString
+    name: ZodString
+}>
+export type ZodCampaignPostingDetailsSalaryIndication = ZodObject<{
+    period: ZodString
+    range: ZodObject<{
+        currency: ZodOptional<ZodNullable<ZodString>>
+        from: ZodOptional<ZodNullable<ZodNumber>>
+        to: ZodNumber
+    }>
+}>
+export type ZodCampaignPostingDetailsWeeklyWorkingHours = ZodObject<{
+    from: ZodOptional<ZodNullable<ZodNumber>>
+    to: ZodNumber
+}>
+export type ZodCampaignPostingDetailsWorkingLocationPostCodeDefinition = {
+    postCode: ZodOptional<ZodNullable<ZodString>>
+}
+export type ZodCampaignPostingDetailsWorkingLocationAddressDetailsDefinition = {
+    addressLine1: ZodString
+    addressLine2: ZodOptional<ZodNullable<ZodString>>
+    allowsRemoteWork: ZodOptional<ZodNullable<ZodNumber>>
+    city: ZodString
+    country: ZodString
+    postcode: ZodString
+}
+export type ZodCampaignPostingDetailsWorkingLocation = ZodObject<
+    ZodCampaignPostingDetailsWorkingLocationAddressDetailsDefinition &
+        ZodCampaignPostingDetailsWorkingLocationPostCodeDefinition
+>
+export type ZodCampaignTaxonomyNameWithLanguage = ZodObject<{
+    languageCode: ZodString
+    value: ZodString
+}>
+export type ZodCampaignTaxonomyEducationLevel = ZodObject<{
+    id: ZodNumber
+    name: ZodArray<ZodCampaignTaxonomyNameWithLanguage>
+}>
+export type ZodCampaignTaxonomyEducationLevels =
+    ZodArray<ZodCampaignTaxonomyEducationLevel>
+export type ZodCampaignTaxonomySeniority = ZodObject<{
+    id: ZodNumber
+    name: ZodArray<ZodCampaignTaxonomyNameWithLanguage>
+}>
+export type ZodCampaignTaxonomySeniorities =
+    ZodArray<ZodCampaignTaxonomySeniority>
+export type ZodCampaignPostingDetails = ZodObject<{
+    applicationUrl: ZodString
+    description: ZodString
+    contactInfo: ZodCampaignPostingDetailsContactInfo
+    employmentType: ZodString
+    jobPageUrl: ZodString
+    organization: ZodCampaignPostingDetailsOrganization
+    salaryIndication: ZodCampaignPostingDetailsSalaryIndication
+    title: ZodString
+    weeklyWorkingHours: ZodCampaignPostingDetailsWeeklyWorkingHours
+    workingLocation: ZodCampaignPostingDetailsWorkingLocation
+    yearsOfExperience: ZodNumber
+}>
+export type ZodCampaignOrderedProductSpec = ZodObject<{
+    contractId: ZodNullable<ZodString>
+    postingRequirements: ZodNullable<ZodObject<any>>
+    productId: ZodString
+    utm: ZodNullable<ZodString>
+    deliveredOn: ZodNullable<ZodString>
+    duration: ZodString
+    durationPeriod: ZodProductDuration
+    jobBoardLink: ZodNullable<ZodString>
+    status: ZodString
+    statusDescription: ZodNullable<ZodString>
+}>
+export type ZodCampaignOrderedProductSpecs =
+    ZodArray<ZodCampaignOrderedProductSpec>
+export type ZodCampaignCreateFormOrderedProductSpecs = ZodRecord<
+    ZodString,
+    ZodAny
+>
+
+export type ZodCampaign = ZodObject<{
+    currency: ZodString
+    campaignId: ZodString
+    campaignName: ZodNullable<ZodString>
+    companyId: ZodString
+    createdOn: ZodString
+    customerId: ZodString
+    orderReference: ZodNullable<ZodString>
+    orderedProducts: ZodArray<ZodString>
+    orderedProductsSpecs: ZodCampaignOrderedProductSpecs
+    postingDetails: ZodCampaignPostingDetails
+    postings: ZodCampaignPostings
+    recruiterInfo: ZodCampaignRecruiterInfo
+    status: ZodString
+    targetGroup: ZodCampaignTargetGroup
+    totalPrice: ZodCampaignTotalPrice
+    walletId: ZodOptional<ZodNullable<ZodString>>
+    poNumber: ZodOptional<ZodNullable<ZodString>>
+}>
+export type ZodCampaigns = ZodArray<ZodCampaign>
+export type ZodCampaignCreateFormPostingDetails = ZodObject<{
+    title: ZodString
+    description: ZodString
+    organization: ZodCampaignPostingDetailsOrganization
+    workingLocation: ZodObject<ZodCampaignPostingDetailsWorkingLocationAddressDetailsDefinition>
+    yearsOfExperience: ZodNumber
+    employmentType: ZodString
+    weeklyWorkingHours: ZodCampaignPostingDetailsWeeklyWorkingHours
+    salaryIndication: ZodCampaignPostingDetailsSalaryIndication
+    jobPageUrl: ZodString
+    applicationUrl: ZodString
+}>
+export type ZodCampaignCreateFormTargetGroup = ZodObject<{
+    educationLevel: ZodCampaignTaxonomyEducationLevels
+    seniority: ZodCampaignTaxonomySeniorities
+    industry: ZodArray<ZodObject<{ id: ZodNumber; name: ZodString }>>
+    jobCategory: ZodArray<
+        ZodObject<{
+            label: ZodString
+            value: ZodNumber
+        }>
+    >
+}>
+export type ZodCampaignCreateForm = ZodObject<{
+    companyId: ZodString
+    campaignName: ZodOptional<ZodNullable<ZodString>>
+    targetGroup: ZodCampaignCreateFormTargetGroup
+    recruiterInfo: ZodCampaignRecruiterInfo
+    postingDetails: ZodCampaignCreateFormPostingDetails
+    orderedProductsSpecs: ZodCampaignCreateFormOrderedProductSpecs
+    orderedProducts: ZodArray<ZodString>
+}>
+export type WindowHapiValidationsCampaign = {
+    status: string[]
+    statusRegex: RegExp
+    supportedEmploymentType: string[]
+    employmentTypeRegex: RegExp
+    employmentType: ZodCampaignEmploymentType
+    employmentTypes: ZodArray<ZodCampaignEmploymentType>
+    salaryPeriod: string[]
+    salaryPeriodRegex: RegExp
+    totalPrice: ZodCampaignTotalPrice
+    recruiterInfo: ZodCampaignRecruiterInfo
+    targetGroupData: ZodCampaignTargetGroupData
+    targetGroupDatas: ZodCampaignTargetGroupDatas
+    targetGroup: ZodCampaignTargetGroup
+    posting: ZodCampaignPosting
+    postings: ZodCampaignPostings
+    postingDetailsContactInfo: ZodCampaignPostingDetailsContactInfo
+    postingDetailsOrganization: ZodCampaignPostingDetailsOrganization
+    postingDetailsSalaryIndication: ZodCampaignPostingDetailsSalaryIndication
+    postingDetailsWeeklyWorkingHours: ZodCampaignPostingDetailsWeeklyWorkingHours
+    postingDetailsWorkingLocation: ZodCampaignPostingDetailsWorkingLocation
+    nameWithLanguage: ZodCampaignTaxonomyNameWithLanguage
+    educationLevel: ZodCampaignTaxonomyEducationLevel
+    educationLevels: ZodCampaignTaxonomyEducationLevels
+    seniority: ZodCampaignTaxonomySeniority
+    seniorities: ZodCampaignTaxonomySeniorities
+    postingDetails: ZodCampaignPostingDetails
+    orderedProductsSpec: ZodCampaignOrderedProductSpec
+    orderedProductsSpecs: ZodCampaignOrderedProductSpecs
+    campaign: ZodCampaign
+    campaigns: ZodCampaigns
+    campaignForm: ZodCampaignCreateForm
+    campaignFormTargetGroup: ZodCampaignCreateFormTargetGroup
+    campaignFormPostingDetails: ZodCampaignCreateFormPostingDetails
+    campaignFormOrderedProductsSpecs: ZodCampaignCreateFormOrderedProductSpecs
+}

package/src/common/LocalStorage.ts

@@ -0,0 +1,123 @@
+import { isBrowser } from "./browser"
+
+export default class LocalStorage {
+    private static localStorageFull: boolean = false
+
+    static set(key: string, value: any): void {
+        try {
+            if (isBrowser && !this.localStorageFull) {
+                localStorage.setItem(key, JSON.stringify(value))
+            }
+        } catch (e) {
+            try {
+                if (isBrowser && !this.localStorageFull) {
+                    localStorage.setItem(key, JSON.stringify(value))
+                }
+            } catch (error) {
+                this.localStorageFull = true
+            }
+        }
+    }
+
+    static setPlain(key: string, value: any): void {
+        if (isBrowser) {
+            localStorage.setItem(key, value)
+        }
+    }
+
+    static remove(key: string): void {
+        if (isBrowser) {
+            localStorage.removeItem(key)
+            this.localStorageFull = false
+        }
+    }
+
+    static get(key: string): any {
+        if (isBrowser) {
+            const data = localStorage.getItem(key)
+            const value = !!data ? JSON.parse(data) : ""
+            return value
+        }
+    }
+
+    static getOrDefault<T>(key: string, defaultValue: T): T {
+        let response = defaultValue
+        if (isBrowser) {
+            const data = localStorage.getItem(key)
+            response = !!data ? JSON.parse(data) : defaultValue
+        }
+        return response
+    }
+
+    static getPlain(key: string): any {
+        if (isBrowser) {
+            return localStorage.getItem(key)
+        }
+        return null
+    }
+
+    // use with caution
+    static clear(): void {
+        if (isBrowser) {
+            localStorage.clear()
+            this.localStorageFull = false
+        }
+    }
+
+    static clearSpecific(keyChoice: (key: string) => boolean): void {
+        if (isBrowser) {
+            Object.keys(localStorage).forEach(
+                (key) => keyChoice(key) && localStorage.removeItem(key),
+            )
+            this.localStorageFull = false
+        }
+    }
+
+    static setWithExpiry = (key: string, value: any, ttl: number) => {
+        const now = new Date()
+        const item = {
+            value: value,
+            expiry: now.getTime() + ttl,
+        }
+
+        // New thing
+        localStorage.setItem(key, JSON.stringify(item))
+    }
+
+    static getWithExpiry = (key: string) => {
+        const itemStr = localStorage.getItem(key)
+
+        if (!itemStr) {
+            return null
+        }
+
+        const item = JSON.parse(itemStr)
+        const now = new Date()
+
+        if (now.getTime() > item.expiry) {
+            localStorage.removeItem(key)
+            return null
+        }
+        return item.value
+    }
+
+    static loadState = () => {
+        try {
+            const state = this.getWithExpiry("state")
+            if (state === null) {
+                return undefined
+            }
+            return state
+        } catch (err) {
+            return undefined
+        }
+    }
+
+    static saveState = (state: any) => {
+        try {
+            this.setWithExpiry("state", state, 30 * 24 * 60 * 60 * 1000) // Days * Hours * Minutes * Seconds * millis
+        } catch {
+            // ignore write errors
+        }
+    }
+}

package/src/common/browser.ts

@@ -0,0 +1,2 @@
+export const isServer = typeof window === "undefined"
+export const isBrowser = !isServer

package/src/common/color.ts

@@ -0,0 +1,9 @@
+import Color from "color"
+
+export const getColorInstanceOrUndefined = (color?: string) => {
+    if (color?.startsWith("#")) {
+        return Color(color)
+    }
+
+    return undefined
+}