@vonq/hapi-elements-types 1.18.0 → 1.19.0

package/_window/routing.types.ts

@@ -18,6 +18,7 @@ export type WindowHapiRouting = WindowHapiModuleWithConstructorArgs<
         setOrigin: (origin: string) => void
         setQueryParams: (params: WindowHapiRoutingQueryParams) => void
         onRouteChange: () => void
+        onAfterSetQueryParams: () => void
     },
     { readonly core: WindowHapiClassInterface }
 >

package/_window/utils.types.ts

@@ -9,6 +9,7 @@ import {
     WindowHapiModuleWithConstructorArgs,
 } from "./window"
 import { WindowHapiUtilsModal } from "../modal/utils.types"
+import { WindowHapiUtilsRouter } from "../routing/utils.types"
 
 export type WindowHapiUtils = WindowHapiModuleWithConstructorArgs<
     {
@@ -22,6 +23,16 @@ export type WindowHapiUtils = WindowHapiModuleWithConstructorArgs<
             parentLabel?: any,
             canSelectParentCategoriesThatHasOptions?: boolean,
         ) => { label: string; value: any }[]
+        pushAfter: (
+            array: any[],
+            findPredicate: (item: any, index: number) => boolean,
+            itemsToPush: any[],
+        ) => any[]
+        pushBefore: (
+            array: any[],
+            findPredicate: (item: any, index: number) => boolean,
+            itemsToPush: any[],
+        ) => any[]
         getComponentNameIndexSuffix: (instanceName: string) => string
         getIframeLoadingSpinner: () => HTMLDivElement
         product: WindowHapiUtilsProduct
@@ -30,6 +41,7 @@ export type WindowHapiUtils = WindowHapiModuleWithConstructorArgs<
         basket: WindowHapiUtilsBasket
         orderJourney: WindowHapiUtilsOrderJourney
         modal: WindowHapiUtilsModal
+        router: WindowHapiUtilsRouter
 
         utilities: {
             [WindowHapiModuleName.basket]: WindowHapiUtilsBasket
@@ -38,6 +50,7 @@ export type WindowHapiUtils = WindowHapiModuleWithConstructorArgs<
             [WindowHapiModuleName.product]: WindowHapiUtilsProduct
             [WindowHapiModuleName.orderJourney]: WindowHapiUtilsOrderJourney
             [WindowHapiModuleName.modal]: WindowHapiUtilsModal
+            [WindowHapiModuleName.router]: WindowHapiUtilsRouter
         }
     },
     { readonly core: WindowHapiClassInterface }

package/alert/enums.ts

@@ -8,6 +8,7 @@ export enum AlertKey {
     "campaignCopyProductsContractsDeletedWarning" = "campaign-copy-contract-warning",
     campaignOrderSuccess = "campaign-order-success",
     campaignCopySuccess = "campaign-copy-success",
+    campaignSaveSuccess = "campaign-save-success",
     buttonCopySuccess = "copy-button-success",
     productAddToBasket = "add-product-to-basket-success",
     productRemoveFromBasket = "remove-product-from-basket-warning",

package/basket/state.types.ts

@@ -1,4 +1,4 @@
-import { Product } from "../product/types"
+import { Product, ProductOrderDeliveryTime } from "../product/types"
 import { BasketProduct } from "./types"
 import { Contract } from "../contract/types"
 
@@ -12,4 +12,6 @@ export type BasketState = {
     totalInWalletCurrency: number
     totalExceedsMaxPurchaseOrder: boolean
     productsAreLoading: boolean
+    deliveryAndProcessingTimes: ProductOrderDeliveryTime | null
+    deliveryAndProcessingTimesAreLoading: boolean
 }

package/basket/utils.types.ts

@@ -43,6 +43,9 @@ export type WindowHapiUtilsBasket = WindowHapiModuleWithConstructorArgs<
             products: (Product | Contract)[],
             currency: ProductPriceCurrency,
         ) => number
+        prepareCampaignFormOrderedProducts: (
+            productOrContractIds: (Product | Contract)[],
+        ) => void
     },
     { readonly utils: WindowHapiUtils }
 >

package/basket/validations.types.ts

@@ -18,8 +18,15 @@ export type ZodBasketProductMeta = ZodObject<{
 }>
 export type ZodBasketProductsMeta = ZodArray<ZodBasketProductMeta>
 
+export type ZodBasketDeliveryAndProcessingTimes = ZodObject<{
+    days_to_process: ZodNumber
+    days_to_setup: ZodNumber
+    total_days: ZodNumber
+}>
+
 export type WindowHapiValidationsBasket = {
     contractsOrProducts: ZodContractsOrProducts
     productMeta: ZodBasketProductMeta
     productsMeta: ZodBasketProductsMeta
+    deliveryAndProcessingTimes: ZodBasketDeliveryAndProcessingTimes
 }

package/campaign/api.types.ts

@@ -1,7 +1,9 @@
 import { AxiosRequestConfig } from "axios"
 import {
     Campaign,
+    CampaignEditRequestBody,
     CampaignOrderRequestBody,
+    CampaignPostingRequirementsValidateRequestBody,
     TaxonomyEducationAndSeniorityLevel,
 } from "./types"
 import { ProductSupportingContractsComplete } from "../product/types"
@@ -17,11 +19,15 @@ export type WindowHapiAPICampaignConfigs = {
     getEducationLevels: AxiosRequestConfig
     getSeniorities: AxiosRequestConfig
     orderCampaign: AxiosRequestConfig
+    validateCampaign: AxiosRequestConfig
+    validateCampaignPostingRequirements: AxiosRequestConfig
+    saveCampaign: AxiosRequestConfig
 }
 export type WindowHapiAPICampaignRequests = {
     getCampaigns: (
         offset?: number,
         limit?: number,
+        labels?: Record<string, string> | null,
     ) => Promise<PaginatedAPIResponseV2<Campaign>>
     getCampaign: (campaignId: string) => Promise<Campaign>
     getCampaignDetail: (
@@ -35,6 +41,11 @@ export type WindowHapiAPICampaignRequests = {
     getEducationLevels: () => Promise<TaxonomyEducationAndSeniorityLevel[]>
     getSeniorities: () => Promise<TaxonomyEducationAndSeniorityLevel[]>
     orderCampaign: (postBody: CampaignOrderRequestBody) => Promise<Campaign>
+    saveCampaign: (postBody: CampaignEditRequestBody) => Promise<Campaign>
+    validateCampaign: (postBody: CampaignOrderRequestBody) => Promise<Campaign>
+    validateCampaignPostingRequirements: (
+        campaign: CampaignPostingRequirementsValidateRequestBody,
+    ) => Promise<Campaign>
 }
 export type WindowHapiAPICampaign = WindowHapiModuleWithConstructorArgs<
     WindowHapiAPIModule<

package/campaign/service.types.ts

@@ -3,13 +3,21 @@ import {
     WindowHapiService,
 } from "../_window/service.types"
 import { ProductSupportingContractsComplete } from "../product/types"
-import { Campaign, TaxonomyEducationAndSeniorityLevel } from "./types"
+import {
+    Campaign,
+    CampaignCreateForm,
+    CampaignEditForm,
+    CampaignOrderRequestBody,
+    TaxonomyEducationAndSeniorityLevel,
+} from "./types"
 import { PaginatedAPIResponseV2 } from "../common/types"
 import { WindowHapiModuleWithConstructorArgs } from "../_window"
+import { AlertKey } from "../alert"
 
 export type CampaignServiceGetCampaignsHandler = (
     offset?: number,
     limit?: number,
+    labels?: Record<string, string> | null,
 ) => Promise<PaginatedAPIResponseV2<Campaign>>
 export type CampaignServiceGetCampaignDetailHandler = (
     campaignId: string,
@@ -33,7 +41,23 @@ export type CampaignServiceCopyCampaignHandler = (
     campaign: Campaign,
     withExistingProducts: boolean,
 ) => Promise<Campaign>
-
+export type CampaignServiceEditCampaignHandler = (
+    campaign: Campaign,
+) => Promise<Campaign>
+export type CampaignServiceSaveCampaignHandler = (
+    campaign: CampaignEditForm,
+) => Promise<Campaign>
+export type CampaignServiceValidateContractPostingRequirementsWithCampaignHandler =
+    (contractId: string, requestBody: CampaignOrderRequestBody) => Promise<any>
+export type CampaignServiceValidateCampaignHandler = (
+    requestBody: CampaignOrderRequestBody,
+) => Promise<any>
+export type CampaignServiceGetCopyCampaignRequestBodyHandler = (
+    campaign: Campaign,
+) => CampaignCreateForm
+export type CampaignServiceGetEditCampaignRequestBodyHandler = (
+    campaign: Campaign,
+) => CampaignCreateForm
 export type WindowHapiServiceCampaign = WindowHapiModuleWithConstructorArgs<
     {
         getCampaigns: HapiServiceFunctionWithLifecycleHooks<CampaignServiceGetCampaignsHandler>
@@ -44,7 +68,13 @@ export type WindowHapiServiceCampaign = WindowHapiModuleWithConstructorArgs<
         getSeniorities: HapiServiceFunctionWithLifecycleHooks<CampaignServiceGetSenioritiesHandler>
         orderCampaign: HapiServiceFunctionWithLifecycleHooks<CampaignServiceOrderCampaignHandler>
         copyCampaign: HapiServiceFunctionWithLifecycleHooks<CampaignServiceCopyCampaignHandler>
-        onAfterOrderCampaignSuccess: () => void
+        editCampaign: HapiServiceFunctionWithLifecycleHooks<CampaignServiceEditCampaignHandler>
+        onAfterOrderCampaignSuccess: (alertKey: AlertKey) => void
+        validateContractPostingRequirementsWithCampaign: HapiServiceFunctionWithLifecycleHooks<CampaignServiceValidateContractPostingRequirementsWithCampaignHandler>
+        saveCampaign: HapiServiceFunctionWithLifecycleHooks<CampaignServiceSaveCampaignHandler>
+        validateCampaign: HapiServiceFunctionWithLifecycleHooks<CampaignServiceValidateCampaignHandler>
+        getCopyCampaignRequestBody: HapiServiceFunctionWithLifecycleHooks<CampaignServiceGetCopyCampaignRequestBodyHandler>
+        getEditCampaignRequestBody: HapiServiceFunctionWithLifecycleHooks<CampaignServiceGetEditCampaignRequestBodyHandler>
     },
     { readonly service: WindowHapiService }
 >

package/campaign/state.types.ts

@@ -1,6 +1,7 @@
 import {
     Campaign,
     CampaignCreateForm,
+    CampaignEditForm,
     TaxonomyEducationAndSeniorityLevel,
     TaxonomyEmploymentTypes,
     TaxonomySeniority,
@@ -12,7 +13,7 @@ export type CampaignState = {
     campaigns: Campaign[]
     campaignsPaginationMeta: PaginationResponseV2
     campaignsAreLoading: boolean
-    campaignForm: CampaignCreateForm
+    campaignForm: CampaignCreateForm | CampaignEditForm
     campaignIsCreating: boolean
     /* Education Levels */
     educationLevels: TaxonomyEducationAndSeniorityLevel[]

package/campaign/types.ts

@@ -1,11 +1,8 @@
 import { ProductDuration, ProductIndustry } from "../product/types"
-import {
-    ContractPostingRequirement,
-    ContractPostingRequirementOptionRequiresField,
-} from "../contract/types"
 import { ProductPriceCurrency } from "../product/enums"
 import { EmploymentType, SalaryPeriod } from "./enums"
 import { OrderJourneyPaymentMethod } from "../orderJourney"
+import { PostingRequirement } from "../common"
 
 export type CampaignProductSpecs = {
     contractId: string | null
@@ -133,6 +130,7 @@ export type CampaignDetailedStatus = {
 }
 
 export type Campaign = {
+    labels: Record<string, string> | null
     currency: ProductPriceCurrency
     campaignId: string
     campaignName: string | null
@@ -152,6 +150,7 @@ export type Campaign = {
     totalPrice: CampaignTotalPrice
     walletId: string
     detailedStatus?: CampaignDetailedStatus //this is only added virtually on FE on demand
+    isEditable: boolean
 }
 
 export type CampaignCreateFormTargetGroupEducationLevel =
@@ -177,7 +176,8 @@ export type CampaignCreateFormOrderedProductSpecBase = {
     productId: string
     utm: string
     contractId: string
-    postingRequirements: ContractPostingRequirement[]
+    postingRequirements: PostingRequirement[]
+    postingDurationDays: number | null
 }
 export type CampaignCreateFormOrderedProductSpec =
     CampaignCreateFormOrderedProductSpecBase & { [k: string]: any }
@@ -197,11 +197,12 @@ export type CampaignCreateFormPostingDetails = {
 }
 
 export type CampaignCreateForm = {
+    labels: Record<string, string> | null
     companyId: string
     currency: ProductPriceCurrency | null
     campaignName?: string | null
     poNumber: string | null
-    orderReference?: string
+    orderReference?: string | null
     paymentMethod: OrderJourneyPaymentMethod | null
     targetGroup: CampaignCreateFormTargetGroup
     recruiterInfo: CampaignRecruiterInfo
@@ -210,19 +211,42 @@ export type CampaignCreateForm = {
     orderedProductsSpecs: Record<string, CampaignCreateFormOrderedProductSpec>
 }
 
+export type CampaignEditForm = Omit<
+    CampaignCreateForm,
+    | "companyId"
+    | "currency"
+    | "poNumber"
+    | "orderReference"
+    | "paymentMethod"
+    | "postingDetails"
+    | "orderedProductsSpecs"
+> & {
+    campaignId: string
+    postingDetails: Omit<
+        CampaignCreateFormPostingDetails,
+        "applicationUrl" | "jobPageUrl"
+    >
+    orderedProductsSpecs: Record<
+        string,
+        Omit<CampaignCreateFormOrderedProductSpec, "postingDurationDays">
+    >
+}
+
 export type CampaignOrderRequestBodyOrderedProductsSpec = {
     contractId?: string
     utm: string
     productId?: string
-    postingRequirements?: any
+    postingRequirements?: Record<string, any>
+    postingDurationDays: number | null
 }
 
 export type CampaignOrderRequestBody = {
+    labels: Record<string, string> | null
     companyId: string
     campaignName: string | null | undefined
     walletId?: string
     poNumber?: string | null
-    orderReference?: string
+    orderReference?: string | null
     recruiterInfo: Omit<CampaignRecruiterInfo, "id">
     paymentMethod: OrderJourneyPaymentMethod | null
     postingDetails: CampaignPostingDetails
@@ -231,6 +255,34 @@ export type CampaignOrderRequestBody = {
     orderedProductsSpecs: CampaignOrderRequestBodyOrderedProductsSpec[]
 }
 
+export type CampaignEditRequestBody = Omit<
+    CampaignOrderRequestBody,
+    | "walletId"
+    | "poNumber"
+    | "orderReference"
+    | "companyId"
+    | "postingDetails"
+    | "orderedProductsSpecs"
+    | "paymentMethod"
+> & {
+    campaignId: string
+    postingDetails: Omit<
+        CampaignPostingDetails,
+        "applicationUrl" | "jobPageUrl"
+    >
+    orderedProductsSpecs: Omit<
+        CampaignOrderRequestBodyOrderedProductsSpec,
+        "utm" | "productId" | "contractId" | "postingDurationDays"
+    >[]
+}
+
+export type CampaignPostingRequirementsValidateRequestBody = {
+    contract_id: string
+    product_id: string
+    posting_requirements: { name: string; value: any }[]
+    vacancy: { name: string; value: any }[]
+}
+
 export type CampaignTaxonomyNameWithLanguage = {
     languageCode: string
     value: string
@@ -254,15 +306,11 @@ export type TaxonomyEmploymentTypes = {
     value: EmploymentType
     label: string
 }
-export type TransformedPostingRequirementOption = {
-    value?: string
-    data?: any[]
-    requires?: ContractPostingRequirementOptionRequiresField[] | null
-    label: string
-}
-export type TransformedPostingRequirement = Omit<
-    ContractPostingRequirement,
-    "options"
-> & {
-    options: TransformedPostingRequirementOption[] | null
+
+export type CampaignPostingRequirementsValidateResponse = {
+    has_errors: boolean
+    errors: {
+        credentials: Record<string, any>
+        posting_requirements: Record<string, any>
+    }
 }

package/campaign/utils.types.ts

@@ -7,8 +7,11 @@ import {
     CampaignCreateFormTargetGroupIndustry,
     CampaignCreateFormTargetGroupJobCategory,
     CampaignCreateFormTargetGroupSeniority,
+    CampaignEditForm,
+    CampaignEditRequestBody,
     CampaignOrderRequestBody,
     CampaignOrderRequestBodyOrderedProductsSpec,
+    CampaignPostingRequirementsValidateResponse,
     CampaignTargetGroup,
     CampaignTargetGroupData,
 } from "./types"
@@ -16,6 +19,10 @@ import { Product } from "../product/types"
 import { Contract } from "../contract/types"
 import { WindowHapiUtils } from "../_window/utils.types"
 import { WindowHapiModuleWithConstructorArgs } from "../_window"
+import {
+    OrderJourneyOrderErrors,
+    OrderJourneyOrderErrorsCampaignIsValidButPostingRequirementsInvalid,
+} from "../orderJourney"
 
 export type WindowHapiUtilsCampaign = WindowHapiModuleWithConstructorArgs<
     {
@@ -25,7 +32,11 @@ export type WindowHapiUtilsCampaign = WindowHapiModuleWithConstructorArgs<
             campaign: Partial<Campaign>,
         ) => void
         getOrderCampaignRequestBody: () => CampaignOrderRequestBody
+        getEditCampaignRequestBody: (
+            campaignForm: CampaignEditForm,
+        ) => CampaignEditRequestBody
         getCopyCampaignRequestBody: (campaign: Campaign) => CampaignCreateForm
+        getCampaignEditForm: (campaign: Campaign) => CampaignEditForm
         getPostBodyValuesForTargetGroupProperty: (
             selectValue:
                 | CampaignCreateFormTargetGroupEducationLevel[]
@@ -51,6 +62,16 @@ export type WindowHapiUtilsCampaign = WindowHapiModuleWithConstructorArgs<
         getPostBodyForOrderedProductsSpecsPostingRequirement: (
             postingRequirement: any,
         ) => any
+        transformValidatePostingRequirementsWithCampaignErrorsToOrderErrors: (
+            response: CampaignPostingRequirementsValidateResponse,
+            requestBody: CampaignOrderRequestBody,
+            indexOfProductOrContract: number,
+        ) => OrderJourneyOrderErrors
+        getMergedOrderErrorsWithPostingRequirementsValidation: (
+            existingErrors: OrderJourneyOrderErrors | null,
+            newErrors: OrderJourneyOrderErrorsCampaignIsValidButPostingRequirementsInvalid,
+            indexOfNewPostingRequirements: number,
+        ) => OrderJourneyOrderErrors
     },
     { readonly utils: WindowHapiUtils }
 >

package/common/types.ts

@@ -107,6 +107,103 @@ export type HapiWebComponent = {
         "campaignId": "campaign.getRandomCampaignId" //campaignId being the path parameter like [campaignId].tsx
     }
     */
+    // some widgets have query params, we need to mock them
+    qaMockQueryParams?: Record<string, string>
     enableNextJSDivScroll?: boolean
     loadingLazyIframe?: boolean
+    isHiddenOnDocumentation?: boolean
+}
+export type PostingRequirementType =
+    | "SELECT"
+    | "SELECT-MAP_ONLY"
+    | "TEXT"
+    | "MULTIPLE"
+    | "HIER"
+    | "TEXTEXPAND"
+    | "DATE"
+    | "TEXTAREA"
+    | "AUTOCOMPLETE"
+    | "STATISCH"
+    | "IMAGE-URL"
+    | "VIDEO-URL"
+    | "IMAGE-PREVIEW"
+    | "DYNAMISCH"
+export type PostingRequirementRule = {
+    rule: string
+    data: string
+}
+export type PostingRequirementDisplayRuleShow = {
+    facet: string
+    value: any
+    op: "notempty" | "equal" | "in"
+}
+export type PostingRequirementDisplayRule = {
+    show: PostingRequirementDisplayRuleShow[]
+}
+export type PostingRequirementAutocompleteParametersSourceSingle = {
+    field?: string
+    facet?: string
+}
+export type PostingRequirementAutocompleteParametersSourceMultiple = {
+    [key: string]:
+        | PostingRequirementAutocompleteParametersSourceSingle
+        | PostingRequirementAutocompleteParametersSourceSingle[]
+}
+export type PostingRequirementParametersSource =
+    | PostingRequirementAutocompleteParametersSourceSingle
+    | PostingRequirementAutocompleteParametersSourceMultiple
+export type PostingRequirementAutocomplete = {
+    required_parameters: string[] | null
+    parameters_source: PostingRequirementParametersSource | null
+}
+export type PostingRequirementGroup = {
+    id: string
+    name: string
+    sort: number
+}
+export type PostingRequirement = {
+    name: string
+    label: string
+    description?: string
+    display_rules: PostingRequirementDisplayRule | null
+    autocomplete: PostingRequirementAutocomplete | null
+    options: PostingRequirementOption[] | null
+    required: boolean
+    sort: string
+    type: PostingRequirementType
+    rules?: PostingRequirementRule[] | null
+    group_id?: string
+}
+export type PostingRequirementOptionRequiresField = {
+    field: {
+        name: string
+    }
+}
+export type PostingRequirementOption = {
+    default?: string
+    key: string
+    label: string
+    data?: any[]
+    labels?: Record<"default", string>
+    sort: string
+    parent?: string
+    requires?: PostingRequirementOptionRequiresField[] | null
+}
+export type TransformedPostingRequirementOption = {
+    value?: string
+    data?: any[]
+    requires?: PostingRequirementOptionRequiresField[] | null
+    label: string
+}
+export type PostingRequirementReactiveDescription = { description: string }
+export type TransformedPostingRequirement = Omit<
+    PostingRequirement,
+    "options"
+> & {
+    options: TransformedPostingRequirementOption[] | null
+}
+export type Facet = {}
+export type PostingRequirementsAutocompleteRequestOption = {
+    key: string
+    value: string | string[]
 }

package/contract/service.types.ts

@@ -3,19 +3,17 @@ import {
     WindowHapiService,
 } from "../_window/service.types"
 import { OrderJourneyStepKey } from "../orderJourney/enums"
+import { Contract, ContractCredential, ContractGroup } from "./types"
 import {
-    Contract,
-    ContractCredential,
-    ContractGroup,
-    ContractPostingRequirementsAutocompleteRequestOption,
-} from "./types"
-import { PaginatedAPIResponseV1 } from "../common/types"
+    PostingRequirementsAutocompleteRequestOption,
+    PaginatedAPIResponseV1,
+} from "../common/types"
 import { WindowHapiModuleWithConstructorArgs } from "../_window"
 
 export type ContractServiceGetContractPostingRequirementOptionsHandler = (
     contractId: string,
     fieldName: string,
-    autocompleteRequestOptions: ContractPostingRequirementsAutocompleteRequestOption[],
+    autocompleteRequestOptions: PostingRequirementsAutocompleteRequestOption[],
 ) => Promise<any>
 export type ContractServiceGetContractsHandler = (
     offset: number,

package/contract/types.ts

@@ -16,85 +16,6 @@ export type ContractCredential = {
     options: ContractCredentialOption[] | null
 }
 
-export type ContractFacet = {}
-
-export type ContractPostingRequirementType =
-    | "SELECT"
-    | "SELECT-MAP_ONLY"
-    | "TEXT"
-    | "MULTIPLE"
-    | "HIER"
-    | "TEXTEXPAND"
-    | "DATE"
-    | "TEXTAREA"
-    | "AUTOCOMPLETE"
-    | "STATISCH"
-
-export type ContractPostingRequirementRule = {
-    rule: string
-    data: string
-}
-
-export type ContractPostingRequirementDisplayRuleShow = {
-    facet: string
-    value: any
-    op: "notempty" | "equal" | "in"
-}
-
-export type ContractPostingRequirementDisplayRule = {
-    show: ContractPostingRequirementDisplayRuleShow[]
-}
-
-export type ContractPostingRequirementAutocompleteParametersSourceSingle = {
-    field?: string
-    facet?: string
-}
-
-export type ContractPostingRequirementAutocompleteParametersSourceMultiple = {
-    [
-        key: string
-    ]: ContractPostingRequirementAutocompleteParametersSourceSingle[]
-}
-
-export type ContractPostingRequirementParametersSource =
-    | ContractPostingRequirementAutocompleteParametersSourceSingle
-    | ContractPostingRequirementAutocompleteParametersSourceMultiple
-
-export type ContractPostingRequirementAutocomplete = {
-    required_parameters: string[] | null
-    parameters_source: ContractPostingRequirementParametersSource | null
-}
-
-export type ContractPostingRequirement = {
-    name: string
-    label: string
-    description?: string
-    display_rules: ContractPostingRequirementDisplayRule | null
-    autocomplete: ContractPostingRequirementAutocomplete | null
-    options: ContractPostingRequirementOption[] | null
-    required: boolean
-    sort: string
-    type: ContractPostingRequirementType
-    rules?: ContractPostingRequirementRule[] | null
-}
-
-export type ContractPostingRequirementOptionRequiresField = {
-    field: {
-        name: string
-    }
-}
-
-export type ContractPostingRequirementOption = {
-    default?: string
-    key: string
-    label: string
-    data?: any[]
-    labels?: Record<"default", string>
-    sort: string
-    parent?: string
-    requires: ContractPostingRequirementOptionRequiresField[] | null
-}
-
 export type ContractPurchasePrice = {
     amount: number | null
     currency: string | null
@@ -111,6 +32,7 @@ export type ContractCreateForm = {
     purchase_price: ContractPurchasePrice
     credits: string | null
     followed_instructions: boolean
+    posting_duration_days: number | null
     allow_renegotiation: boolean
 }
 
@@ -137,6 +59,7 @@ export type Contract = {
     facets?: any[]
     product: ContractProduct
     purchase_price: ContractPurchasePrice | null
+    posting_duration_days: number | null
     group: ContractGroup | null
 }
 
@@ -148,7 +71,3 @@ export type ContractGroup = {
 }
 
 export type ContractGroupSelected = ContractGroup | "add-new" | null
-export type ContractPostingRequirementsAutocompleteRequestOption = {
-    key: string
-    value: string | string[]
-}

package/contract/validations.types.ts

@@ -60,6 +60,12 @@ export type ZodContractCreateForm = ZodObject<{
     purchase_price: ZodContractPurchasePrice
     credits: ZodContractCredits
     followed_instructions: ZodOptional<ZodBoolean>
+    posting_duration_days: ZodUnion<
+        [
+            ZodOptional<ZodNullable<ZodNumber>>,
+            ZodOptional<ZodNullable<ZodNumber>>,
+        ]
+    >
     allow_renegotiation: ZodOptional<ZodBoolean>
 }>
 export type ZodContractPostingRequirementAutocompleteRequestOptions = ZodRecord<

package/modal/enums.ts

@@ -11,6 +11,7 @@ export enum ModalKeys {
     campaignCopyJourney = "campaign-confirm-copy",
     campaignStatusDetail = "campaign-status-detail",
     campaignCopySelection = "contract-copy-selection",
+    campaignEdit = "campaign-edit",
     basketRemoveProductConfirmation = "remove-product-from-basket",
     contractRemoveConfirmation = "contract-remove-confirmation",
     contractGroupConflictInfo = "contract-group-conflict-info",

package/modal/types.ts

@@ -1,10 +1,13 @@
 import { Product } from "../product/types"
 import { Contract } from "../contract/types"
 import { ModalKeys, ModalZone } from "./enums"
-import { AnyNonFunction } from "../common/types"
-import { Campaign, TransformedPostingRequirement } from "../campaign"
+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
@@ -23,6 +26,9 @@ export type CampaignCopySelectionModalProps = {
     products: (Product | Contract)[]
     campaign: Campaign
 }
+export type CampaignEditModalProps = {
+    campaign?: Campaign
+}
 export type ContractPostingRequirementsSmartFillResponseModalProps = {
     response: Record<string, any>
     postingRequirements: Record<string, TransformedPostingRequirement>
@@ -33,9 +39,23 @@ export type FilePickerOptions = {
     uploadInBackground?: boolean
     maxFiles?: number
     maxSize?: number
+    displayMode?: PickerDisplayMode
+    container?: string
+    containerProps?: HapiBoxProps
+    imageMax?: [number, number]
+    imageMin?: [number, number]
+    showTransformations?: boolean
+}
+export type BasketModalProps = {
+    canDeleteProducts?: boolean
+    showDeliveryTime?: boolean
+    showAmounts?: boolean
+}
+export type WalletModalProps = {
+    showBalance?: boolean
+    paymentMethod: OrderJourneyPaymentMethod | null
 }
-export type BasketModalProps = {}
-export type WalletModalProps = {}
+export type WalletPurchaseOrderModalProps = {}
 export type TalentMindEvaluateJobWithResumeModalProps = {
     resume: TalentMindResume
 }

package/orderJourney/enums.ts

@@ -12,6 +12,7 @@ export enum OrderJourneyStepKey {
     postingWorkingLocation = "posting-working-location",
     postingURLs = "posting-urls",
     contractChannelPostingRequirements = "contract-channel-posting-requirements",
+    productChannelPostingRequirements = "product-channel-posting-requirements",
     postingUTMCodes = "posting-utm-codes",
     orderReview = "order-review",
     paymentMethod = "payment-method",

package/orderJourney/service.types.ts

@@ -10,11 +10,13 @@ import { OrderJourneyStepKey } from "./enums"
 
 export type OrderJourneyServiceSwitchToNextStepHandler = () => Promise<void>
 export type OrderJourneyServiceSwitchToPreviousStepHandler = () => Promise<void>
+export type OrderJourneyServiceRestartJourneyHandler = () => void
 
 export type WindowHapiServiceOrderJourney = WindowHapiModuleWithConstructorArgs<
     {
         switchToNextStep: HapiServiceFunctionWithLifecycleHooks<OrderJourneyServiceSwitchToNextStepHandler>
         switchToPreviousStep: HapiServiceFunctionWithLifecycleHooks<OrderJourneyServiceSwitchToPreviousStepHandler>
+        restartJourney: HapiServiceFunctionWithLifecycleHooks<OrderJourneyServiceRestartJourneyHandler>
         getValidators: () => Record<string, NestedValidatorKeys>
         getErrorMessages: () => Record<string, Record<string, any> | undefined>
         getBlurredFields: () => Record<string, Record<string, any> | undefined>
@@ -49,6 +51,24 @@ export type WindowHapiServiceOrderJourney = WindowHapiModuleWithConstructorArgs<
             >,
         ) => void
         setContractStepsSubmittedSteps: (steps: Record<string, boolean>) => void
+        setContractStepsValidators: (
+            validators: NestedValidatorKeys,
+            replaceAsIs: boolean,
+        ) => void
+        setProductStepsBlurredFields: (
+            fields: Record<string, Record<string, boolean>>,
+        ) => Record<string, UseValidatorResult> | null
+        setProductStepsErrorMessages: (
+            messages: Record<
+                string,
+                Record<string, MessageDescriptor | boolean>
+            >,
+        ) => void
+        setProductStepsSubmittedSteps: (steps: Record<string, boolean>) => void
+        setProductStepsValidators: (
+            validators: NestedValidatorKeys,
+            replaceAsIs: boolean,
+        ) => void
         getSetters: (
             steps: Record<string, boolean>,
         ) => Record<string, (step: OrderJourneyStep) => any>

package/orderJourney/state.types.ts

@@ -5,6 +5,8 @@ import {
     OrderJourneyUTMStepData,
     OrderJourneyUTMStepValidations,
     OrderJourneyOrderReviewStepData,
+    OrderJourneyProductStep,
+    OrderJourneyOrderErrors,
 } from "./types"
 import { MessageDescriptor } from "react-intl"
 import { NestedValidatorKeys, UseValidatorResult } from "../common/types"
@@ -25,7 +27,7 @@ export type OrderJourneyState = {
     paymentMethodsAvailable: OrderJourneyPaymentMethod[]
     paymentMethodsEnabled: OrderJourneyPaymentMethod[]
     hidePrefilledFields: boolean
-    orderErrors: Record<string, any> | null
+    orderErrors: OrderJourneyOrderErrors | null
     /* Onboarding */
     onboardingStep: OrderJourneyStep
     onboardingStepData: Record<string, any>
@@ -85,6 +87,14 @@ export type OrderJourneyState = {
     contractStepsValidators: Record<string, Record<string, NestedValidatorKeys>>
     contractStepsData: Record<string, Record<string, any>>
     contractStepsValidations: Record<string, UseValidatorResult> | null
+    /* Product Fields */
+    productSteps: OrderJourneyProductStep[]
+    productStepsBlurredFields: Record<string, Record<string, boolean>>
+    productStepsSubmittedSteps: Record<string, boolean>
+    productStepsErrorMessages: Record<string, Record<string, MessageDescriptor>>
+    productStepsValidators: Record<string, Record<string, NestedValidatorKeys>>
+    productStepsData: Record<string, Record<string, any>>
+    productStepsValidations: Record<string, UseValidatorResult> | null
     /* UTM Codes */
     utmCodesStep: OrderJourneyStep
     utmCodesStepData: OrderJourneyUTMStepData

package/orderJourney/types.ts

@@ -31,6 +31,11 @@ export type OrderJourneyContractStep = Omit<
     "blurredFields" | "isSubmitted" | "errorMessagesIntlDescriptors"
 >
 
+export type OrderJourneyProductStep = Omit<
+    OrderJourneyStep,
+    "blurredFields" | "isSubmitted" | "errorMessagesIntlDescriptors"
+>
+
 export type UTMMap = {
     value: string
     mapToName: boolean
@@ -61,4 +66,36 @@ export type OrderJourneyUTMStepValidations = {
 
 export type OrderJourneyOrderReviewStepData = {
     accordionsOpen: OrderJourneyStepKey[]
+    accordionsEnabled: OrderJourneyStepKey[]
+}
+
+export type OrderJourneyOrderErrorsCampaignIsValidButPostingRequirementsInvalid =
+    {
+        errors: {
+            orderedProducts: Record<string, any>[]
+            orderedProductsSpecs: Partial<{
+                credentials: Record<string, any>
+                posting_requirements: Record<string, any>
+                postingRequirements?: string[]
+            }>[]
+            walletId?: string
+        }
+        has_errors: boolean
+    }
+
+export type OrderJourneyOrderErrorsCampaignIsInvalid = {
+    postingDetails: Record<string, any>
+    recruiterInfo: Record<string, any>
+    targetGroup: Record<string, any>
+    orderedProducts: string[]
+    walletId: string
 }
+
+// HAPI Backend validation works in this order:
+// - it validates the campaign first, if campaign itself is not valid, it does not validate the posting requirements at all
+// - if campaign is valid, then it validates posting requirements
+// because of this, the response BE sends changes
+// backend does not validate the entire form in one go
+export type OrderJourneyOrderErrors =
+    | OrderJourneyOrderErrorsCampaignIsValidButPostingRequirementsInvalid
+    | OrderJourneyOrderErrorsCampaignIsInvalid

package/orderJourney/validations.types.ts

@@ -36,6 +36,9 @@ export type ZodOrderJourneyOrderReviewStepData = ZodObject<{
     accordionsOpen: ZodArray<
         ZodUnion<[ZodNativeEnum<typeof OrderJourneyStepKey>, ZodString]>
     >
+    accordionsEnabled: ZodArray<
+        ZodUnion<[ZodNativeEnum<typeof OrderJourneyStepKey>, ZodString]>
+    >
 }>
 export type WindowHapiValidationsOrderJourney = {
     supportedStepKeys: OrderJourneyStepKey[]

package/package.json

@@ -1,7 +1,7 @@
 {
   "private": false,
   "name": "@vonq/hapi-elements-types",
-  "version": "1.18.0",
+  "version": "1.19.0",
   "description": "This package contains Typescript definitions for HAPI Elements",
   "author": "VONQ HAPI Team",
   "license": "BSD-3-Clause",

package/product/api.types.ts

@@ -11,7 +11,11 @@ import {
     ProductWithSupportForContractsFilters,
 } from "./types"
 import { WindowHapiAPI, WindowHapiAPIModule } from "../_window/api.types"
-import { PaginatedAPIResponseV1, PaginationLimitOffset } from "../common/types"
+import {
+    PaginatedAPIResponseV1,
+    PaginationLimitOffset,
+    PostingRequirement,
+} from "../common/types"
 import { WindowHapiModuleWithConstructorArgs } from "../_window"
 
 export type WindowHapiAPIProductConfigs = {
@@ -25,6 +29,8 @@ export type WindowHapiAPIProductConfigs = {
     getJobTitles: AxiosRequestConfig
     getLocations: AxiosRequestConfig
     calculateDeliveryTime: AxiosRequestConfig
+    getPostingRequirementOptions: AxiosRequestConfig
+    getPostingRequirements: AxiosRequestConfig
 }
 export type WindowHapiAPIProductRequests = {
     getProduct: (productId: number | string) => Promise<Product>
@@ -44,6 +50,14 @@ export type WindowHapiAPIProductRequests = {
         filters?: ProductWithSupportForContractsFilters,
         limitOffset?: PaginationLimitOffset,
     ) => Promise<PaginatedAPIResponseV1<ProductSupportingContractsPartial>>
+    getPostingRequirementOptions: (
+        productId: string,
+        fieldName: string,
+        autocompleteRequestOptions: Record<string, string | string[]>,
+    ) => Promise<any>
+    getPostingRequirements: (
+        productId: string | number,
+    ) => Promise<PostingRequirement[]>
     getIndustries: () => Promise<ProductIndustry[]>
     getJobFunctions: () => Promise<ProductJobFunction[]>
     getJobTitles: (

package/product/enums.ts

@@ -10,3 +10,11 @@ export enum ProductPriceCurrency {
     "GBP" = "GBP",
     "AUD" = "AUD",
 }
+
+export enum ProductSortBy {
+    "recommendedFirst" = "recommendedFirst",
+    "createdNewestToOldest" = "created.desc",
+    "createdOldestToNewest" = "created.asc",
+    "priceHighToLow" = "list_price.desc",
+    "priceLowToHigh" = "list_price.asc",
+}

package/product/service.types.ts

@@ -12,13 +12,19 @@ import {
     ProductSupportingContractsComplete,
     ProductSupportingContractsPartial,
 } from "./types"
-import { PaginatedAPIResponseV1, PaginationResponseV1 } from "../common/types"
+import {
+    PaginatedAPIResponseV1,
+    PaginationResponseV1,
+    PostingRequirement,
+    PostingRequirementsAutocompleteRequestOption,
+} from "../common/types"
 import { WindowHapiModuleWithConstructorArgs } from "../_window"
 
 export type ProductServiceGetFilteredProductsHandler = (
     meta?: PaginationResponseV1 | null,
     filters?: Partial<ProductFilterQueryParams>,
 ) => Promise<Product[]>
+export type ProductServiceLoadMoreProductsHandler = () => Promise<Product[]>
 export type ProductServiceGetProductWithContractsSupportByIdHandler = (
     id: string | number,
 ) => Promise<ProductSupportingContractsComplete>
@@ -53,8 +59,19 @@ export type ProductServiceGetIndustriesHandler = () => Promise<
 
 export type ProductServiceSetArbitraryJobTitle = (text: string) => void
 
+export type ProductServiceGetProductPostingRequirementOptionsHandler = (
+    productId: string,
+    fieldName: string,
+    autocompleteRequestOptions: PostingRequirementsAutocompleteRequestOption[],
+) => Promise<any>
+
+export type ProductServiceGetProductPostingRequirementsHandler = (
+    productId: string | number,
+) => Promise<PostingRequirement[]>
+
 export type WindowHapiServiceProduct = WindowHapiModuleWithConstructorArgs<
     {
+        loadMoreProducts: HapiServiceFunctionWithLifecycleHooks<ProductServiceLoadMoreProductsHandler>
         setArbitraryJobTitle: ProductServiceSetArbitraryJobTitle
         getProductWithContractsSupportById: HapiServiceFunctionWithLifecycleHooks<ProductServiceGetProductWithContractsSupportByIdHandler>
         getProductsWithContractsSupport: HapiServiceFunctionWithLifecycleHooks<ProductServiceGetProductsWithContractsSupportHandler>
@@ -66,6 +83,8 @@ export type WindowHapiServiceProduct = WindowHapiModuleWithConstructorArgs<
         getJobTitles: HapiServiceFunctionWithLifecycleHooks<ProductServiceGetJobTitlesHandler>
         getJobFunctions: HapiServiceFunctionWithLifecycleHooks<ProductServiceGetJobFunctionsHandler>
         getIndustries: HapiServiceFunctionWithLifecycleHooks<ProductServiceGetIndustriesHandler>
+        getProductPostingRequirementOptions: HapiServiceFunctionWithLifecycleHooks<ProductServiceGetProductPostingRequirementOptionsHandler>
+        getProductPostingRequirements: HapiServiceFunctionWithLifecycleHooks<ProductServiceGetProductPostingRequirementsHandler>
     },
     { readonly service: WindowHapiService }
 >

package/product/state.types.ts

@@ -7,7 +7,7 @@ import {
     ProductSupportingContractsPartial,
 } from "./types"
 import { PaginationResponseV1 } from "../common/types"
-import { ProductPriceCurrency } from "./enums"
+import { ProductPriceCurrency, ProductSortBy } from "./enums"
 
 export type ProductState = {
     /* Products */
@@ -20,8 +20,11 @@ export type ProductState = {
     productsAreLoading: boolean
     productNameInput: string
     jobRegionsIdsSelected: number[]
+    filtersAccordionIsOpen: boolean
     /* Product Price Display Currency */
     displayCurrency: ProductPriceCurrency
+    /* Sort By */
+    searchSortBy: ProductSortBy
     /* Locations */
     jobRegions: ProductLocation[]
     /* Job Titles */

package/product/types.ts

@@ -1,9 +1,10 @@
-import { ProductFilterRecommendations, ProductPriceCurrency } from "./enums"
 import {
-    ContractCredential,
-    ContractFacet,
-    ContractPostingRequirement,
-} from "../contract/types"
+    ProductFilterRecommendations,
+    ProductPriceCurrency,
+    ProductSortBy,
+} from "./enums"
+import { ContractCredential } from "../contract/types"
+import { Facet, PostingRequirement } from "../common"
 
 export type ProductRange = "hours" | "days" | "weeks" | "months"
 
@@ -61,6 +62,8 @@ export type Product = {
     vonq_price: ProductPrice[]
     time_to_process: ProductDuration
     time_to_setup: ProductDuration
+    is_recommended?: boolean
+    has_posting_requirements: boolean
 } & ProductLogos &
     ProductType
 
@@ -127,6 +130,7 @@ export type ProductFilterQueryParams = {
     filterProductRecommendations: ProductFilterRecommendations
     filterMyContractSupportedOnly: boolean
     searchTextInput: string
+    searchSortBy: ProductSortBy
 }
 
 export type ProductSearchFilters = {
@@ -142,15 +146,7 @@ export type ProductSearchFilters = {
     mcEnabled?: boolean
     name?: string
     recommended?: boolean
-    sortBy?:
-        | "relevant"
-        | "recent"
-        | "order_frequency.desc"
-        | "order_frequency.asc"
-        | "created.desc"
-        | "created.asc"
-        | "list_price.desc"
-        | "list_price.asc"
+    sortBy?: ProductSortBy
 }
 
 export type ProductWithSupportForContractsFilters = {
@@ -159,10 +155,10 @@ export type ProductWithSupportForContractsFilters = {
 export type ProductSupportingContractsComplete = ProductLogos &
     ProductSupportingContractsPartial & {
         contract_credentials: ContractCredential[]
-        contract_facets?: ContractFacet[]
+        contract_facets?: Facet[]
         feed_url: string | null
         manual_setup_required: boolean
-        posting_requirements: ContractPostingRequirement[]
+        posting_requirements: PostingRequirement[]
         setup_instructions: string //html;
     }
 
@@ -170,3 +166,8 @@ export type ProductUserProvidedFilters = Omit<
     ProductFilterQueryParams,
     "filterProductRecommendations" | "filterMyContractSupportedOnly"
 >
+
+export type ProductPostingRequirementsAutocompleteRequestOption = {
+    key: string
+    value: string | string[]
+}

package/product/utils.types.ts

@@ -2,11 +2,12 @@ import { ProductFilterQueryParams, ProductUserProvidedFilters } from "./types"
 import { PaginationResponseV1 } from "../common/types"
 import { WindowHapiUtils } from "../_window/utils.types"
 import { WindowHapiModuleWithConstructorArgs } from "../_window"
-import { ProductPriceCurrency } from "./enums"
+import { ProductPriceCurrency, ProductSortBy } from "./enums"
 
 export type WindowHapiUtilsProduct = WindowHapiModuleWithConstructorArgs<
     {
         currencyKeys: typeof ProductPriceCurrency
+        sortByKeys: typeof ProductSortBy
         getUserProvidedFilters: () => ProductUserProvidedFilters
         getProductsQueryParams: (
             params: Partial<ProductFilterQueryParams>,

package/product/validations.types.ts

@@ -26,8 +26,8 @@ export type ZodProductChannel = ZodObject<{
 }>
 
 export type ZodProductDuration = ZodObject<{
-    range: ZodString
-    period: ZodNumber
+    range: ZodNullable<ZodString>
+    period: ZodNullable<ZodNumber>
 }>
 
 export type ZodProductIndustry = ZodObject<{
@@ -109,6 +109,7 @@ export type ZodProduct = ZodObject<{
     industries: ZodProductIndustries
     job_functions: ZodProductJobFunctions
     locations: ZodProductLocationsPartial
+    is_recommended: ZodOptional<ZodBoolean>
     mc_enabled: ZodBoolean
     mc_only: ZodBoolean
     product_id: ZodString

package/routing/utils.types.ts

@@ -0,0 +1,14 @@
+import { WindowHapiUtils } from "../_window/utils.types"
+import {
+    WindowHapiModuleWithConstructorArgs,
+    WindowHapiRoutingQueryParams,
+} from "../_window"
+
+export type WindowHapiUtilsRouter = WindowHapiModuleWithConstructorArgs<
+    {
+        convertSearchStringToQueryParams: (
+            searchString?: string,
+        ) => WindowHapiRoutingQueryParams
+    },
+    { readonly utils: WindowHapiUtils }
+>

package/theming/types.ts

@@ -85,6 +85,7 @@ export type HapiThemeRule =
     | "userJourneyBar"
     | "card"
     | "productCard"
+    | "campaignCard"
     | "tabHeaders"
     | "tabHeader"
     | "tabPanels"