@vonq/hapi-elements-types 1.20.0 → 1.22.0

package/README.md

@@ -15,7 +15,7 @@ yarn add -D @vonq/hapi-elements-types
 
 All the types have been exported in a single file so you can get started using the types as such:
 ```
-import {CreateCampaignForm} from "@vonq/hapi-elements-types";
+import {CampaignCreateForm} from "@vonq/hapi-elements-types";
 
-const campaignObject: CreateCampaignForm = {} //Typescript will warn about missing properties
+const campaignObject: CampaignCreateForm = {} //Typescript will warn about missing properties
 ```

package/_window/auth.types.ts

@@ -8,7 +8,7 @@ export type WindowHapiAuth = WindowHapiModuleWithConstructorArgs<
     {
         partnerToken: string | undefined // used for impersonation
         clientToken: string | undefined
-        walletCurrency: ProductPriceCurrency | undefined
+        walletCurrency: ProductPriceCurrency
     },
     { readonly core: WindowHapiClassInterface }
 >

package/_window/service.types.ts

@@ -20,10 +20,9 @@ import { WindowHapiServiceTalentMindResume } from "../talentMindResume/service.t
 import { WindowHapiServiceTalentMindEvaluation } from "../talentMindEvaluation/service.types"
 import { WindowHapiServiceDebugging } from "../debugging/service.types"
 
-export type HapiServiceFunctionLifecycleHookCallbackHandler = () =>
-    | void
-    | never
-    | Promise<void | never>
+export type HapiServiceFunctionLifecycleHookCallbackHandler = (
+    ...args: any[]
+) => void | never | Promise<void | never>
 
 export type HapiServiceFunctionLifecycleHookHandler = (
     callback: HapiServiceFunctionLifecycleHookCallbackHandler,

package/_window/state.types.ts

@@ -57,7 +57,7 @@ export type WindowHapiState = WindowHapiModuleWithConstructorArgs<
         handleDefaultStateFromQueryParams: (params: string | string[]) => void
         rehydrateInitialState: (
             initialState: Record<string, any>,
-            getStateModuleName: (storeName: string) => string,
+            getStateModuleName?: (storeName: string) => string,
         ) => void
         onBeforeStateChange: () => void
         onAfterStateChange: () => void

package/_window/window.ts

@@ -12,6 +12,7 @@ import { WindowHapiService } from "./service.types"
 import { WindowHapiQA } from "./qa.types"
 import { WindowHapiLogger } from "../common/logger/types"
 import {
+    HapiFeatureBranch,
     HapiWebComponent,
     RecursivePartial,
     WindowHapiSubmoduleName,
@@ -126,6 +127,7 @@ export type WindowHapiConfigSubmodule = {
     htmlTemplates: Record<string, string>
     walletCurrency: ProductPriceCurrency
     isUsingGETMethod: boolean
+    featureBranches: HapiFeatureBranch[]
 }
 
 export type WindowHapiClassInterface = {

package/basket/service.types.ts

@@ -22,12 +22,16 @@ export type BasketServiceRemoveContractsWithConflictingGroupsHandler = (
     contractThatUserTriedToAdd: Contract,
 ) => void
 export type BasketServiceKeepContractsWithConflictingGroupsHandler = () => void
+export type BasketServiceSetProductsMetaHandler = (
+    meta: BasketProduct[],
+) => Promise<void>
 
 export type WindowHapiServiceBasket = WindowHapiModuleWithConstructorArgs<
     {
         onAfterGetBasketData: (
             basketItemData: (Contract | Product)[],
         ) => BasketProduct[]
+        setProductsMeta: BasketServiceSetProductsMetaHandler
         getProducts: HapiServiceFunctionWithLifecycleHooks<BasketServiceGetProductsHandler>
         addProductOrContractById: HapiServiceFunctionWithLifecycleHooks<BasketServiceAddProductOrContractByIdHandler>
         removeProductOrContractById: HapiServiceFunctionWithLifecycleHooks<BasketServiceRemoveProductOrContractByIdHandler>

package/campaign/types.ts

@@ -208,9 +208,9 @@ export type CampaignCreateForm = {
     companyId: string
     currency: ProductPriceCurrency | null
     campaignName?: string | null
-    poNumber: string | null
+    poNumber?: string | null
     orderReference?: string | null
-    paymentMethod: OrderJourneyPaymentMethod | null
+    paymentMethod?: OrderJourneyPaymentMethod | null
     targetGroup: CampaignCreateFormTargetGroup
     recruiterInfo: CampaignRecruiterInfo
     postingDetails: CampaignCreateFormPostingDetails

package/campaign/validations.types.ts

@@ -185,8 +185,10 @@ export type ZodCampaignCreateFormTargetGroup = ZodObject<{
 export type ZodCampaignCreateForm = ZodObject<{
     companyId: ZodString
     campaignName: ZodOptional<ZodNullable<ZodString>>
-    poNumber: ZodNullable<ZodString>
-    paymentMethod: ZodNullable<ZodNativeEnum<typeof OrderJourneyPaymentMethod>>
+    poNumber: ZodOptional<ZodNullable<ZodString>>
+    paymentMethod: ZodOptional<
+        ZodNullable<ZodNativeEnum<typeof OrderJourneyPaymentMethod>>
+    >
     targetGroup: ZodCampaignCreateFormTargetGroup
     recruiterInfo: ZodCampaignRecruiterInfo
     postingDetails: ZodCampaignCreateFormPostingDetails

package/common/types.ts

@@ -126,10 +126,7 @@ export type PostingRequirementType =
     | "TEXTAREA"
     | "AUTOCOMPLETE"
     | "STATISCH"
-    | "IMAGE-URL"
-    | "VIDEO-URL"
-    | "IMAGE-PREVIEW"
-    | "DYNAMISCH"
+    | "FILE-URL"
 
 export type PostingRequirementRuleName =
     | "int"
@@ -148,11 +145,23 @@ export type PostingRequirementRuleName =
     | "before"
     | "after"
     | "url"
+    | "fileMimeType"
+    | "fileMimeSubType"
+    | "editorTest"
+    | "libraryTest"
+    | "autocomplete"
+    | "statictype"
+    | "staticsubtype"
 
 export type PostingRequirementRule = {
     rule: PostingRequirementRuleName
     data: string
 }
+
+export type PostingRequirementRuleWithObjectData = {
+    data: Record<string, any>
+} & Omit<PostingRequirementRule, "data">
+
 export type PostingRequirementDisplayRuleShow = {
     facet: string
     value: any
@@ -193,7 +202,9 @@ export type PostingRequirement = {
     required: boolean
     sort: string
     type: PostingRequirementType
-    rules?: PostingRequirementRule[] | null
+    rules?:
+        | (PostingRequirementRule | PostingRequirementRuleWithObjectData)[]
+        | null
     group_id?: string | number
 }
 export type PostingRequirementLabelsMap = Record<string, string>
@@ -232,3 +243,34 @@ export type PostingRequirementsAutocompleteRequestOption = {
     key: string
     value: string | string[]
 }
+export type FormFacetsFieldType =
+    | "input"
+    | "textarea"
+    | "select"
+    | "select-multi"
+    | "select-tree-async"
+    | "select-tree"
+    | "select-tree-autocomplete"
+    | "input-tag"
+    | "date"
+    | "select-autocomplete"
+    | "select-multi-autocomplete"
+    | "heading"
+    | "file-upload"
+    | "unknown"
+export type ContractPostingRequirementFieldAutocompleteRequestOption = {
+    key: string
+    value: string | string[]
+}
+export type ProductPostingRequirementFieldAutocompleteRequestOption = {
+    key: string
+    value: string | string[]
+}
+
+export type HapiFeatureBranch = {
+    name: string
+    url: string
+    docsUrl: string
+    changelogUrls: { url: string; scope: string }[]
+    releaseDate: string
+}

package/contract/state.types.ts

@@ -26,4 +26,5 @@ export type ContractState = {
     groupIsCreating: boolean
     groupCreateError: string | null
     groupForm: ContractGroupCreateForm
+    groupFormIsValid: boolean
 }

package/debugging/index.ts

@@ -1,4 +1,4 @@
 // created from 'create-ts-index'
 
 export * from "./state.types"
-export type { HapiDebuggingLogs } from "./types"
+export * from "./types"

package/modal/enums.ts

@@ -20,4 +20,13 @@ export enum ModalKeys {
     contractPostingRequirementsSmartFillSuccess = "contract-posting-requirements-smart-fill-success",
     talentMindEvaluateJobWithResume = "talentmind-evaluate-job-with-resume",
     talentMindEvaluateResumeWithJob = "talentmind-evaluate-resume-with-job",
+    "mediaEditor" = "media-editor",
+    "uploadWidget" = "upload-widget",
+    "mediaLibrary" = "media-library",
+}
+
+export enum FilePickerModalPropsActionFor {
+    postingOrganization = "posting-organization",
+    talentmindResume = "talentmind-resume",
+    postingRequirements = "posting-requirements",
 }

package/modal/types.ts

@@ -1,13 +1,12 @@
 import { Product } from "../product/types"
 import { Contract } from "../contract/types"
-import { ModalKeys, ModalZone } from "./enums"
+import { FilePickerModalPropsActionFor, ModalKeys, ModalZone } from "./enums"
 import { AnyNonFunction, TransformedPostingRequirement } from "../common/types"
 import { Campaign } from "../campaign"
 import { TalentMindResume } from "../talentMindResume/types"
 import { TalentMindJob } from "../talentMindJob/types"
 import { OrderJourneyPaymentMethod } from "../orderJourney"
 import { PickerDisplayMode } from "filestack-js"
-import { HapiBoxProps } from "../../src/components/reusable/Box"
 
 export type ProductDetailModalProps = {
     id: string
@@ -45,7 +44,7 @@ export type FilePickerOptions = {
     maxSize?: number
     displayMode?: PickerDisplayMode
     container?: string
-    containerProps?: HapiBoxProps
+    containerProps?: Record<string, any>
     imageMax?: [number, number]
     imageMin?: [number, number]
     showTransformations?: boolean
@@ -67,6 +66,20 @@ export type TalentMindEvaluateResumeWithJobModalProps = {
     job: TalentMindJob
 }
 
+export type FilePickerModalPropsActionDataPostingRequirements = {
+    requirement: TransformedPostingRequirement
+    id: string | number
+    mimeTypesFull: string[]
+    mimeTypesSplit?: { mimeType: string; mimeSubType: string }[]
+}
+export type FilePickerModalPropsActionData =
+    FilePickerModalPropsActionDataPostingRequirements
+
+export type FilePickerModalProps = {
+    actionFor: FilePickerModalPropsActionFor
+    actionData?: FilePickerModalPropsActionData
+}
+
 export type ModalProps = AnyNonFunction<
     | ProductDetailModalProps
     | UTMCodesModalProps
@@ -75,6 +88,7 @@ export type ModalProps = AnyNonFunction<
     | ContractRemoveConfirmationModalProps
     | ContractGroupConflictInfoModalProps
     | ContractPostingRequirementsSmartFillResponseModalProps
+    | FilePickerModalProps
     | BasketModalProps
     | WalletModalProps
 >

package/modal/utils.types.ts

@@ -1,10 +1,12 @@
 import { WindowHapiUtils } from "../_window/utils.types"
 import { WindowHapiModuleWithConstructorArgs } from "../_window"
 import { ModalKeys } from "./enums"
+import { Modals } from "./types"
 
 export type WindowHapiUtilsModal = WindowHapiModuleWithConstructorArgs<
     {
         modalKeys: typeof ModalKeys
+        getIsModalOpen: (key: ModalKeys, modals: Modals) => boolean
     },
     { readonly utils: WindowHapiUtils }
 >

package/orderJourney/state.types.ts

@@ -29,6 +29,7 @@ export type OrderJourneyState = {
     paymentMethodsEnabled: OrderJourneyPaymentMethod[]
     hidePrefilledFields: boolean
     orderErrors: OrderJourneyOrderErrors | null
+    stepActiveOrderErrors: OrderJourneyOrderErrors | null
     /* Onboarding */
     onboardingStep: OrderJourneyStep
     onboardingStepData: Record<string, any>

package/orderJourney/types.ts

@@ -87,13 +87,49 @@ export type OrderJourneyOrderErrorsCampaignIsValidButPostingRequirementsInvalid
         has_errors: boolean
     }
 
+export type OrderJourneyOrderErrorsRecruiterInfo = {
+    name?: string[]
+    emailAddress?: string[]
+}
+
+export type OrderJourneyOrderErrorsTargetGroup = string[]
+
+export type OrderJourneyOrderErrorsPostingDetails = {
+    title?: string[]
+    description?: string[]
+    employmentType?: string[]
+    organization?: {
+        name?: string[]
+        companyLogo?: string[]
+    }
+    salaryIndication?: {
+        period?: string[]
+        to?: string[]
+        from?: string[]
+        currency?: string[]
+    }
+    weeklyWorkingHours?: {
+        from?: string[]
+        to?: string[]
+    }
+    workingLocation?: {
+        addressLine1?: string[]
+        addressLine2?: string[]
+        city?: string[]
+        country?: string[]
+        postcode?: string[]
+    }
+    jobPageUrl?: string[]
+    applicationUrl?: string[]
+}
+
 export type OrderJourneyOrderErrorsCampaignIsInvalid = {
-    postingDetails: Record<string, any>
-    recruiterInfo: Record<string, any>
-    targetGroup: Record<string, any>
-    orderedProducts: string[]
+    postingDetails?: OrderJourneyOrderErrorsPostingDetails
+    recruiterInfo?: OrderJourneyOrderErrorsRecruiterInfo
+    targetGroup?: OrderJourneyOrderErrorsTargetGroup
+    orderedProducts?: string[]
     orderedProductsSpecs?: any[]
-    walletId: string
+    walletId?: string
 }
 
 // HAPI Backend validation works in this order:

package/package.json

@@ -1,7 +1,7 @@
 {
   "private": false,
   "name": "@vonq/hapi-elements-types",
-  "version": "1.20.0",
+  "version": "1.22.0",
   "description": "This package contains Typescript definitions for HAPI Elements",
   "author": "VONQ HAPI Team",
   "license": "BSD-3-Clause",
@@ -18,6 +18,7 @@
     "@datadog/browser-logs": "^4.34.2",
     "axios": "^1.3.4",
     "color": "^4.2.3",
+    "filestack-js": "^3.27.0",
     "is-promise": "^4.0.0",
     "lodash": "^4.17.21",
     "mobx": "^6.8.0",

package/product/types.ts

@@ -52,6 +52,7 @@ export type Product = {
     audience_group: "niche" | "generic"
     cross_postings: string[]
     channel: ProductSupportingContractsPartial
+    bundle_products_ids?: string[]
     description: string | null
     title: string
     duration: ProductDuration
@@ -78,6 +79,7 @@ export type ProductBoardType =
     | "social media"
     | "publication"
     | "community"
+    | "product_bundle"
 
 export type ProductType = {
     type: ProductBoardType

package/product/validations.types.ts

@@ -99,6 +99,7 @@ export type ZodProductWithSupportForContractsFilters = ZodObject<{
 }>
 
 export type ZodProduct = ZodObject<{
+    bundle_products_ids: ZodOptional<ZodArray<ZodString>>
     allow_orders: ZodBoolean
     audience_group: ZodString
     cross_postings: ZodProductCrossPostings