@vonq/hapi-elements-types 1.3.0 → 1.5.0

package/src/consts.ts

@@ -0,0 +1,980 @@
+import { MessageDescriptor } from "react-intl"
+import { EmploymentType, SalaryPeriod } from "./campaign/enums"
+import { CampaignCreateForm } from "./campaign/types"
+import { WindowHAPIInterface } from "./types"
+import { isBrowser } from "./common/browser"
+import { WindowHapiModuleName } from "../enums"
+import { ContractCreateForm } from "./contract/types"
+import { OrderJourneyStepKey } from "./orderJourney/enums"
+
+export const UI_BODY_SELECTOR = "hapi__body"
+export const COOKIE_PREFIX = "HAPI_"
+export const DEBUG_COOKIE_PREFIX = "HAPI_DEBUG_COOKIE_"
+
+export const DEBUG_COOKIE_USER_CUSTOMER_ID =
+    DEBUG_COOKIE_PREFIX + "USER_CUSTOMER_ID"
+export const COOKIE_USER_ACCESS_TOKEN = COOKIE_PREFIX + "USER_ACCESS_TOKEN"
+
+export const DEBUG_COOKIE_PARTNER_ID = DEBUG_COOKIE_PREFIX + "PARTNER_ID"
+export const DEBUG_COOKIE_PARTNER_TOKEN = DEBUG_COOKIE_PREFIX + "PARTNER_TOKEN"
+export const DEBUG_COOKIE_ARE_LOGS_ENABLED =
+    DEBUG_COOKIE_PREFIX + "LOGS_ENABLED"
+export const DEBUG_COOKIE_IS_GOOGLE_MAPS_ENABLED =
+    DEBUG_COOKIE_PREFIX + "IS_GOOGLE_MAPS_ENABLED"
+
+// it is ending with 98 because for the debug panel button we do +1 which becomes 99
+export const UI_MODALS_AND_ALERTS_Z_INDEX = 9999998
+
+export const CURRENCY_LIST = [
+    { label: "Afghan Afghani", value: "AFA" },
+    { label: "Albanian Lek", value: "ALL" },
+    { label: "Algerian Dinar", value: "DZD" },
+    { label: "Angolan Kwanza", value: "AOA" },
+    { label: "Argentine Peso", value: "ARS" },
+    { label: "Armenian Dram", value: "AMD" },
+    { label: "Aruban Florin", value: "AWG" },
+    { label: "Australian Dollar", value: "AUD" },
+    { label: "Azerbaijani Manat", value: "AZN" },
+    { label: "Bahamian Dollar", value: "BSD" },
+    { label: "Bahraini Dinar", value: "BHD" },
+    { label: "Bangladeshi Taka", value: "BDT" },
+    { label: "Barbadian Dollar", value: "BBD" },
+    { label: "Belarusian Ruble", value: "BYR" },
+    { label: "Belgian Franc", value: "BEF" },
+    { label: "Belize Dollar", value: "BZD" },
+    { label: "Bermudan Dollar", value: "BMD" },
+    { label: "Bhutanese Ngultrum", value: "BTN" },
+    { label: "Bitcoin", value: "BTC" },
+    { label: "Bolivian Boliviano", value: "BOB" },
+    { label: "Bosnia-Herzegovina Convertible Mark", value: "BAM" },
+    { label: "Botswanan Pula", value: "BWP" },
+    { label: "Brazilian Real", value: "BRL" },
+    { label: "British Pound Sterling", value: "GBP" },
+    { label: "Brunei Dollar", value: "BND" },
+    { label: "Bulgarian Lev", value: "BGN" },
+    { label: "Burundian Franc", value: "BIF" },
+    { label: "Cambodian Riel", value: "KHR" },
+    { label: "Canadian Dollar", value: "CAD" },
+    { label: "Cape Verdean Escudo", value: "CVE" },
+    { label: "Cayman Islands Dollar", value: "KYD" },
+    { label: "CFA Franc BCEAO", value: "XOF" },
+    { label: "CFA Franc BEAC", value: "XAF" },
+    { label: "CFP Franc", value: "XPF" },
+    { label: "Chilean Peso", value: "CLP" },
+    { label: "Chinese Yuan", value: "CNY" },
+    { label: "Colombian Peso", value: "COP" },
+    { label: "Comorian Franc", value: "KMF" },
+    { label: "Congolese Franc", value: "CDF" },
+    { label: "Costa Rican Colón", value: "CRC" },
+    { label: "Croatian Kuna", value: "HRK" },
+    { label: "Cuban Convertible Peso", value: "CUC" },
+    { label: "Czech Republic Koruna", value: "CZK" },
+    { label: "Danish Krone", value: "DKK" },
+    { label: "Djiboutian Franc", value: "DJF" },
+    { label: "Dominican Peso", value: "DOP" },
+    { label: "East Caribbean Dollar", value: "XCD" },
+    { label: "Egyptian Pound", value: "EGP" },
+    { label: "Eritrean Nakfa", value: "ERN" },
+    { label: "Estonian Kroon", value: "EEK" },
+    { label: "Ethiopian Birr", value: "ETB" },
+    { label: "Euro", value: "EUR" },
+    { label: "Falkland Islands Pound", value: "FKP" },
+    { label: "Fijian Dollar", value: "FJD" },
+    { label: "Gambian Dalasi", value: "GMD" },
+    { label: "Georgian Lari", value: "GEL" },
+    { label: "German Mark", value: "DEM" },
+    { label: "Ghanaian Cedi", value: "GHS" },
+    { label: "Gibraltar Pound", value: "GIP" },
+    { label: "Greek Drachma", value: "GRD" },
+    { label: "Guatemalan Quetzal", value: "GTQ" },
+    { label: "Guinean Franc", value: "GNF" },
+    { label: "Guyanaese Dollar", value: "GYD" },
+    { label: "Haitian Gourde", value: "HTG" },
+    { label: "Honduran Lempira", value: "HNL" },
+    { label: "Hong Kong Dollar", value: "HKD" },
+    { label: "Hungarian Forint", value: "HUF" },
+    { label: "Icelandic Króna", value: "ISK" },
+    { label: "Indian Rupee", value: "INR" },
+    { label: "Indonesian Rupiah", value: "IDR" },
+    { label: "Iranian Rial", value: "IRR" },
+    { label: "Iraqi Dinar", value: "IQD" },
+    { label: "Israeli New Sheqel", value: "ILS" },
+    { label: "Italian Lira", value: "ITL" },
+    { label: "Jamaican Dollar", value: "JMD" },
+    { label: "Japanese Yen", value: "JPY" },
+    { label: "Jordanian Dinar", value: "JOD" },
+    { label: "Kazakhstani Tenge", value: "KZT" },
+    { label: "Kenyan Shilling", value: "KES" },
+    { label: "Kuwaiti Dinar", value: "KWD" },
+    { label: "Kyrgystani Som", value: "KGS" },
+    { label: "Laotian Kip", value: "LAK" },
+    { label: "Latvian Lats", value: "LVL" },
+    { label: "Lebanese Pound", value: "LBP" },
+    { label: "Lesotho Loti", value: "LSL" },
+    { label: "Liberian Dollar", value: "LRD" },
+    { label: "Libyan Dinar", value: "LYD" },
+    { label: "Lithuanian Litas", value: "LTL" },
+    { label: "Macanese Pataca", value: "MOP" },
+    { label: "Macedonian Denar", value: "MKD" },
+    { label: "Malagasy Ariary", value: "MGA" },
+    { label: "Malawian Kwacha", value: "MWK" },
+    { label: "Malaysian Ringgit", value: "MYR" },
+    { label: "Maldivian Rufiyaa", value: "MVR" },
+    { label: "Mauritanian Ouguiya", value: "MRO" },
+    { label: "Mauritian Rupee", value: "MUR" },
+    { label: "Mexican Peso", value: "MXN" },
+    { label: "Moldovan Leu", value: "MDL" },
+    { label: "Mongolian Tugrik", value: "MNT" },
+    { label: "Moroccan Dirham", value: "MAD" },
+    { label: "Mozambican Metical", value: "MZM" },
+    { label: "Myanmar Kyat", value: "MMK" },
+    { label: "Namibian Dollar", value: "NAD" },
+    { label: "Nepalese Rupee", value: "NPR" },
+    { label: "Netherlands Antillean Guilder", value: "ANG" },
+    { label: "New Taiwan Dollar", value: "TWD" },
+    { label: "New Zealand Dollar", value: "NZD" },
+    { label: "Nicaraguan Córdoba", value: "NIO" },
+    { label: "Nigerian Naira", value: "NGN" },
+    { label: "North Korean Won", value: "KPW" },
+    { label: "Norwegian Krone", value: "NOK" },
+    { label: "Omani Rial", value: "OMR" },
+    { label: "Pakistani Rupee", value: "PKR" },
+    { label: "Panamanian Balboa", value: "PAB" },
+    { label: "Papua New Guinean Kina", value: "PGK" },
+    { label: "Paraguayan Guarani", value: "PYG" },
+    { label: "Peruvian Nuevo Sol", value: "PEN" },
+    { label: "Philippine Peso", value: "PHP" },
+    { label: "Polish Zloty", value: "PLN" },
+    { label: "Qatari Rial", value: "QAR" },
+    { label: "Romanian Leu", value: "RON" },
+    { label: "Russian Ruble", value: "RUB" },
+    { label: "Rwandan Franc", value: "RWF" },
+    { label: "Salvadoran Colón", value: "SVC" },
+    { label: "Samoan Tala", value: "WST" },
+    { label: "Saudi Riyal", value: "SAR" },
+    { label: "Serbian Dinar", value: "RSD" },
+    { label: "Seychellois Rupee", value: "SCR" },
+    { label: "Sierra Leonean Leone", value: "SLL" },
+    { label: "Singapore Dollar", value: "SGD" },
+    { label: "Slovak Koruna", value: "SKK" },
+    { label: "Solomon Islands Dollar", value: "SBD" },
+    { label: "Somali Shilling", value: "SOS" },
+    { label: "South African Rand", value: "ZAR" },
+    { label: "South Korean Won", value: "KRW" },
+    { label: "Special Drawing Rights", value: "XDR" },
+    { label: "Sri Lankan Rupee", value: "LKR" },
+    { label: "St. Helena Pound", value: "SHP" },
+    { label: "Sudanese Pound", value: "SDG" },
+    { label: "Surinamese Dollar", value: "SRD" },
+    { label: "Swazi Lilangeni", value: "SZL" },
+    { label: "Swedish Krona", value: "SEK" },
+    { label: "Swiss Franc", value: "CHF" },
+    { label: "Syrian Pound", value: "SYP" },
+    { label: "São Tomé and Príncipe Dobra", value: "STD" },
+    { label: "Tajikistani Somoni", value: "TJS" },
+    { label: "Tanzanian Shilling", value: "TZS" },
+    { label: "Thai Baht", value: "THB" },
+    { label: "Tongan Pa'anga", value: "TOP" },
+    { label: "Trinidad & Tobago Dollar", value: "TTD" },
+    { label: "Tunisian Dinar", value: "TND" },
+    { label: "Turkish Lira", value: "TRY" },
+    { label: "Turkmenistani Manat", value: "TMT" },
+    { label: "Ugandan Shilling", value: "UGX" },
+    { label: "Ukrainian Hryvnia", value: "UAH" },
+    { label: "United Arab Emirates Dirham", value: "AED" },
+    { label: "Uruguayan Peso", value: "UYU" },
+    { label: "US Dollar", value: "USD" },
+    { label: "Uzbekistan Som", value: "UZS" },
+    { label: "Vanuatu Vatu", value: "VUV" },
+    { label: "Venezuelan BolÃvar", value: "VEF" },
+    { label: "Vietnamese Dong", value: "VND" },
+    { label: "Yemeni Rial", value: "YER" },
+    { label: "Zambian Kwacha", value: "ZMK" },
+]
+
+export const SALARY_PERIOD = [
+    { label: "Monthly", translationKey: "common.monthly", value: "monthly" },
+    { label: "Yearly", translationKey: "common.yearly", value: "yearly" },
+]
+
+export type MockCampaignCreateForm = Omit<CampaignCreateForm, "basketProducts">
+export const MOCK_CAMPAIGN: MockCampaignCreateForm = {
+    campaignName: "Mock Campaign Name",
+    companyId: "auth0|6086b73d84219c006826737d",
+    recruiterInfo: {
+        name: "Marian Mazarovici",
+        emailAddress: "marian@vonq.com",
+    },
+    postingDetails: {
+        title: "Senior Data Engineer - Recruitment Analytics",
+        description:
+            '<section id="st-companyDescription" class="job-section">\n<div>\n<h2 class="title">Company Description</h2>\n</div>\n<div class="wysiwyg">\n<p>At VONQ we publish jobs online - uncomplicated and more successful for everyone.</p>\n<p>Every day, we impact the lives of thousands of&nbsp;people looking for their next job!&nbsp;We know how to distribute your vacancies whether you&rsquo;re looking for 30 top talent roles or need to manage 30,000 job ads. With reliable job distribution automation, data-driven channel recommendations, programmatic advertising options, recruitment marketing experts and meaningful reports.</p>\n<p>Today, over 1000 leading companies - including over 25 Global Fortune 500s - use VONQ everyday to strengthen their employer brand and recruit talent. With a global network of partners who implement our technology seamlessly in their HR tech, you can use VONQ job distribution wherever you are, no matter what applicant tracking system you use. We are headquartered in Rotterdam, NL and have offices in Amsterdam, Groningen, D&uuml;sseldorf, DE and London, UK. Hiring? VONQ it.</p>\n</div>\n</section>\n<section id="st-jobDescription" class="job-section">\n<div>\n<h2 class="title">Job Description</h2>\n</div>\n<div class="wysiwyg">\n<p>As one of our Data Engineers, you&rsquo;ll have a huge contribution to our flagship contract: the Job Marketing Platform (JMP). It&rsquo;s a data-driven application with a recommendation engine that advises recruiters how they should reach their target audience online. The platform is used daily by many clients, and we have an ambitious roadmap to build it out further!<br /><br />Your challenge? You&rsquo;ll work on the analytics part of our platform where we provide insights to our customers on how applicants act while applying to a certain position. You&rsquo;ll engineer data pipelines to integrate data sources from tracking systems (Snowplow) and other systems to build and visualize insights!<br /><br /><strong>How you get the job done</strong></p>\n<ul>\n<li>Work in a multidisciplinary agile team</li>\n<li>Take part in critical contract design efforts and hands-on with the implementation</li>\n<li>Contribute to the scalable streaming data processing application, environment and tools for resources efficiency</li>\n<li>Work with Big Data and web tracking technologies</li>\n<li>Engineer pipelines for processing, cleansing, and verifying the integrity of data</li>\n<li>Design and develop microservices as data consumers</li>\n<li>Be hands-on with AWS infrastructure and relational databases</li>\n</ul>\n<p><strong>You will be part of an international and experienced Engineering department&nbsp;</strong>consisting of Backend and Frontend Developers, Data- and DevOps Engineers, Designers, an Agile Coach and a CTO.</p>\n</div>\n</section>\n<section id="st-qualifications" class="job-section">\n<div>\n<h2 class="title">Qualifications</h2>\n</div>\n<div class="wysiwyg">\n<p>This describes the ideal candidate, but above all, we value people that are eager to grow, autonomous, work together, and love to get things done!</p>\n<ul>\n<li>3+ years of experience in Data Engineering or related sphere</li>\n<li>Bachelor degree or equivalent relevant work experience</li>\n<li>Experience with working in an Agile environment (Scrum/Kanban)</li>\n<li>Excellent communication skills in English</li>\n<li>Experience with programming in Scala or Python is required</li>\n<li>Experience in working with data (integration of data from multiple data sources, building ETL pipelines, API development etc) is strongly desirable</li>\n<li>A DevOps mindset is needed, experience with AWS infrastructure is a big plus</li>\n</ul>\n<p>&nbsp;</p>\n<p><strong>Bonus points!</strong></p>\n<ul>\n<li>Experience with Apache Spark</li>\n<li>Experience with web tracking technologies is a big plus (we use Snowplow)</li>\n<li>Understanding of distributed computing principles and streaming applications</li>\n<li>Understanding of microservices concept is appreciated</li>\n</ul>\n<p>&nbsp;</p>\n</div>\n</section>\n<section id="st-additionalInformation" class="job-section">\n<div>\n<h2 class="title">Additional Information</h2>\n</div>\n<div class="wysiwyg">\n<p>We promise that at VONQ you&rsquo;ll never stop learning! You&rsquo;ll be surrounded by international and experienced colleagues, so prepare yourself for some interesting and intellectual conversations.<br /><br />Our contract still has a lot of potential to grow, and YOU can make an impact on that. You&rsquo;ll get freedom and space for own initiatives, in fact, we encourage you.<br /><br />We have legendary company outings, beers on Friday and lots of FUN!<br /><br /><strong>There is more! We offer:</strong></p>\n<ul>\n<li>A good salary</li>\n<li>Pension contribution</li>\n<li>Flexible working hours</li>\n<li>Unlimited (paid!) holidays</li>\n<li>Time and budget for training</li>\n<li>Relocation support and more!</li>\n</ul>\n</div>\n</section>',
+        organization: {
+            name: "VONQ",
+            companyLogo:
+                "https://www.inhouserecruitment.co.uk/wp-content/uploads/2020/01/VONQ-logo-1000-x-600-600x360.png",
+        },
+        contactInfo: {
+            name: "Marian Mazarovici",
+            emailAddress: "marian@vonq.com",
+        },
+        workingLocation: {
+            addressLine1: "14 Great Chapel Street",
+            addressLine2: "WeWork",
+            postcode: "W1F 8FL",
+            city: "London",
+            country: "United Kingdom",
+            allowsRemoteWork: 0,
+        },
+        yearsOfExperience: 3,
+        employmentType: EmploymentType.permanent,
+        weeklyWorkingHours: { from: 20, to: 40 },
+        salaryIndication: {
+            period: SalaryPeriod.YEARLY,
+            range: { from: 50000, to: 100000, currency: "GBP" },
+        },
+        jobPageUrl:
+            "https://jobs.smartrecruiters.com/VONQBV/743999788953767-senior-data-engineer-recruitment-analytics?trid=162ef3c2-cdcc-47a9-8327-c69d95269302",
+        applicationUrl:
+            "https://jobs.smartrecruiters.com/oneclick-ui/company/VONQBV/publication/60175d66-d13f-4a71-94d7-fde9b8748c20?dcr_id=DCRA1&sid=162ef3c2-cdcc-47a9-8327-c69d95269302",
+    },
+    targetGroup: {
+        educationLevel: [
+            {
+                name: [{ languageCode: "en_GB", value: "Bachelor / Graduate" }],
+                id: 2,
+            },
+        ],
+        seniority: [
+            {
+                name: [{ languageCode: "en_GB", value: "Mid-Senior level" }],
+                id: 3,
+            },
+        ],
+        industry: [{ name: "Academic", id: 48 }],
+        jobCategory: [{ label: "Cleaning", value: 31 }],
+    },
+    orderedProductsSpecs: {},
+    orderedProducts: [],
+}
+export const MOCK_CONTRACT: ContractCreateForm = {
+    id: 0,
+    credentials: {
+        company: "123",
+    },
+    facets: {},
+    expiry_date: "2023-2-25",
+    alias: "test alias",
+    purchase_price: {
+        amount: 100,
+        currency: "USD",
+    },
+    credits: "1000",
+    followed_instructions: false,
+    allow_renegotiation: false,
+}
+export const ERROR_MESSAGE_CANNOT_BE_EMPTY: MessageDescriptor = {
+    id: "common.field-is-required",
+    defaultMessage: "This field is required",
+}
+export const ERROR_MESSAGE_SUB_FORMS_SHOULD_BE_VALID: MessageDescriptor = {
+    id: "common.sub-forms-should-be-valid",
+    defaultMessage: "Forms inside should be valid",
+}
+export const ERROR_MESSAGE_SHOULD_BE_URL: MessageDescriptor = {
+    id: "common.field-should-be-url",
+    defaultMessage: "This field should be a URL",
+}
+export const ERROR_MESSAGE_SHOULD_BE_EMAIL: MessageDescriptor = {
+    id: "common.field-should-be-email",
+    defaultMessage: "This field should be an Email",
+}
+export const ERROR_MESSAGE_SHOULD_BE_MORE_THAN_ZERO: MessageDescriptor = {
+    id: "common.field-should-be-more-than-zero",
+    defaultMessage: "This field should be more than 0",
+}
+
+export const NO_IMAGE_AVAILABLE_SVG_PUBLIC_FOLDER_PATH =
+    "/no-image-placeholder.svg"
+export const IMAGE_BROKEN_PLACEHOLDER_SVG_PUBLIC_FOLDER_PATH =
+    "/no-image-placeholder.svg"
+
+export type HTMLElementSelectors = {
+    className: string
+}
+
+export const HTML_ELEMENT_SELECTOR_MAP: Record<string, HTMLElementSelectors> = {
+    "user-journey-bar": {
+        className: "hapi__user-journey-bar",
+    },
+    "user-journey-next-button": {
+        className: "hapi__user-journey-next-button",
+    },
+    "user-journey-previous-button": {
+        className: "hapi__user-journey-previous-button",
+    },
+    "user-journey-buttons": {
+        className: "hapi__user-journey-buttons",
+    },
+    "accordion.button": {
+        className: "hapi__accordion-button",
+    },
+    "accordion.collapse-arrow": {
+        className: "hapi__accordion-collapse-arrow",
+    },
+    "accordion.panel": {
+        className: "hapi__accordion-panel",
+    },
+    "accordion.title": {
+        className: "hapi__accordion-title",
+    },
+    alert: {
+        className: "hapi__alert",
+    },
+    "alert-bar": {
+        className: "hapi__alert-bar",
+    },
+    "alert.dismiss-button": {
+        className: "hapi__alert-dismiss-button",
+    },
+    avatar: {
+        className: "hapi__avatar",
+    },
+    badge: {
+        className: "hapi__badge",
+    },
+    button: {
+        className: "hapi__button",
+    },
+    "campaign.audience": {
+        className: "hapi__campaign-audience",
+    },
+    "campaign.ordered-products": {
+        className: "hapi__campaign-ordered-products",
+    },
+    "campaign.posting-details": {
+        className: "hapi__campaign-posting-details",
+    },
+    "campaign.recruiter-info": {
+        className: "hapi__campaign-recruiter-info",
+    },
+    "card.title": {
+        className: "hapi__card-title",
+    },
+    "card.basket-product": {
+        className: "hapi__card-basket-product",
+    },
+    "card.remove-basket-product-modal": {
+        className: "hapi__card-remove-basket-product-modal",
+    },
+    "card.campaign.actions": {
+        className: "hapi__card-campaign-actions",
+    },
+    "card.campaign.detailed-status": {
+        className: "hapi__card-campaign-detailed-status",
+    },
+    "card.campaign.details": {
+        className: "hapi__card-campaign-details",
+    },
+    "card.campaign.header": {
+        className: "hapi__card-campaign-header",
+    },
+    "card.campaign.status": {
+        className: "hapi__card-campaign-status",
+    },
+    "card.campaign.status-progress-bar": {
+        className: "hapi__card-campaign-status-progress-bar",
+    },
+    "card.campaign.tabs": {
+        className: "hapi__card-campaign-tabs",
+    },
+    "card.campaign.target-audience": {
+        className: "hapi__card-campaign-target-audience",
+    },
+    "card-campaign-create-form.contract-posting-requirements": {
+        className:
+            "hapi__card-campaign-create-form-contract-posting-requirements",
+    },
+    "card-campaign-create-form.payment-method": {
+        className: "hapi__card-campaign-create-form-payment-method",
+    },
+    "card-campaign-create-form.organization": {
+        className: "hapi__card-campaign-create-form-organization",
+    },
+    "card-campaign-create-form.contact-info": {
+        className: "hapi__card-campaign-create-form-contact-info",
+    },
+    "card-campaign-create-form.organization-company-logo-url": {
+        className:
+            "hapi__card-campaign-create-form-organization-company-logo-url",
+    },
+    "card-campaign-create-form.organization-company-name": {
+        className: "hapi__card-campaign-create-form-organization-company-name",
+    },
+    "card-campaign-create-form.posting-details": {
+        className: "hapi__card-campaign-create-form-posting-details",
+    },
+    "card-campaign-create-form.posting-details-add-track-code": {
+        className:
+            "hapi__card-campaign-create-form-posting-details-add-track-code",
+    },
+    "card-campaign-create-form.posting-details-campaign-name": {
+        className:
+            "hapi__card-campaign-create-form-posting-details-campaign-name",
+    },
+    "card-campaign-create-form.posting-details-description": {
+        className:
+            "hapi__card-campaign-create-form-posting-details-description",
+    },
+    "card-campaign-create-form.posting-details-employment-type": {
+        className:
+            "hapi__card-campaign-create-form-posting-details-employment-type",
+    },
+    "card-campaign-create-form.posting-details-salary-indication": {
+        className:
+            "hapi__card-campaign-create-form-posting-details-salary-indication",
+    },
+    "card-campaign-create-form.posting-details-title": {
+        className: "hapi__card-campaign-create-form-posting-details-title",
+    },
+    "card-campaign-create-form.posting-details-weekly-working-hours": {
+        className:
+            "hapi__card-campaign-create-form-posting-details-weekly-working-hours",
+    },
+    "card-campaign-create-form.posting-details-years-of-experience": {
+        className:
+            "hapi__card-campaign-create-form-posting-details-years-of-experience",
+    },
+    "card-campaign-create-form.recruiter-info": {
+        className: "hapi__card-campaign-create-form-recruiter-info",
+    },
+    "card-campaign-create-form.recruiter-info-email-address": {
+        className:
+            "hapi__card-campaign-create-form-recruiter-info-email-address",
+    },
+    "card-campaign-create-form.recruiter-info-full-name": {
+        className: "hapi__card-campaign-create-form-recruiter-info-full-name",
+    },
+    "card-campaign-create-form.contact-info-email-address": {
+        className: "hapi__card-campaign-create-form-contact-info-email-address",
+    },
+    "card-campaign-create-form.contact-info-phone-number": {
+        className: "hapi__card-campaign-create-form-contact-info-phone-number",
+    },
+    "card-campaign-create-form.contact-info-same-as-recruiter-info": {
+        className:
+            "hapi__card-campaign-create-form-contact-info-same-as-recruiter-info",
+    },
+    "card-campaign-create-form.contact-info-name": {
+        className: "hapi__card-campaign-create-form-contact-info-name",
+    },
+    "card-campaign-create-form.target-group": {
+        className: "hapi__card-campaign-create-form-target-group",
+    },
+    "card-campaign-create-form.target-group-education-level": {
+        className:
+            "hapi__card-campaign-create-form-target-group-education-level",
+    },
+    "card-campaign-create-form.target-group-job-function": {
+        className: "hapi__card-campaign-create-form-target-group-job-function",
+    },
+    "card-campaign-create-form.target-group-job-industry": {
+        className: "hapi__card-campaign-create-form-target-group-job-industry",
+    },
+    "card-campaign-create-form.target-group-seniority": {
+        className: "hapi__card-campaign-create-form-target-group-seniority",
+    },
+    "card-campaign-create-form.urls": {
+        className: "hapi__card-campaign-create-form-urls",
+    },
+    "card-campaign-create-form.tracking-codes": {
+        className: "hapi__card-campaign-create-form-tracking-codes",
+    },
+    "card-campaign-create-form.urls-application-url": {
+        className: "hapi__card-campaign-create-form-urls-application-url",
+    },
+    "card-campaign-create-form.urls-job-page-url": {
+        className: "hapi__card-campaign-create-form-urls-job-page-url",
+    },
+    "card-campaign-create-form.working-location": {
+        className: "hapi__card-campaign-create-form-working-location",
+    },
+    "card-campaign-create-form.working-location-address-line1": {
+        className:
+            "hapi__card-campaign-create-form-working-location-address-line1",
+    },
+    "card-campaign-create-form.working-location-address-line2": {
+        className:
+            "hapi__card-campaign-create-form-working-location-address-line2",
+    },
+    "card-campaign-create-form.working-location-allows-remote-work": {
+        className:
+            "hapi__card-campaign-create-form-working-location-allows-remote-work",
+    },
+    "card-campaign-create-form.working-location-city": {
+        className: "hapi__card-campaign-create-form-working-location-city",
+    },
+    "card-campaign-create-form.working-location-country": {
+        className: "hapi__card-campaign-create-form-working-location-country",
+    },
+    "card-campaign-create-form.working-location-postcode": {
+        className: "hapi__card-campaign-create-form-working-location-postcode",
+    },
+    "card-campaign-create-form.order-error": {
+        className: "hapi__card-campaign-create-form-order-error",
+    },
+    "card-campaign-create-form.card": {
+        className: "hapi__card-campaign-create-form-card",
+    },
+    "card-campaign-create-form.checkout": {
+        className: "hapi__card-campaign-create-form-checkout",
+    },
+    "card-campaign-create-form.common": {
+        className: "hapi__card-campaign-create-form-common",
+    },
+    "card-campaign-create-form.heading": {
+        className: "hapi__card-campaign-create-form-heading",
+    },
+    "card-campaign-create-form.sidebar": {
+        className: "hapi__card-campaign-create-form-sidebar",
+    },
+    "card-campaign-create-form.step": {
+        className: "hapi__card-campaign-create-form-step",
+    },
+    "card-campaign-create-form.steps": {
+        className: "hapi__card-campaign-create-form-steps",
+    },
+    "card-campaign-not-enough-balance": {
+        className: "hapi__card-campaign-not-enough-balance",
+    },
+    "card-contract": {
+        className: "hapi__card-contract",
+    },
+    "card-product": {
+        className: "hapi__card-product",
+    },
+    "card-product-header": {
+        className: "hapi__card-product-header",
+    },
+    "card-product-body": {
+        className: "hapi__card-product-body",
+    },
+    "card-product-footer": {
+        className: "hapi__card-product-footer",
+    },
+    "card-sidebar": {
+        className: "hapi__card-sidebar",
+    },
+    "card-wallet": {
+        className: "hapi__card-wallet",
+    },
+    "card-wallet-billing-portal": {
+        className: "hapi__card-wallet-billing-portal",
+    },
+    "card-wallet-top-up": {
+        className: "hapi__card-wallet-top-up",
+    },
+    "card-wallet-top-up.amount": {
+        className: "hapi__card-wallet-top-up.amount",
+    },
+    "card-wallet-top-up.checkout-form": {
+        className: "hapi__card-wallet-top-up.checkout-form",
+    },
+    "form-checkbox": {
+        className: "hapi__form-checkbox",
+    },
+    "form-checkbox-label": {
+        className: "hapi__form-checkbox-label",
+    },
+    "form-date-picker": {
+        className: "hapi__form-date-picker",
+    },
+    "form-facets": {
+        className: "hapi__form-facets",
+    },
+    "form-input-label": {
+        className: "hapi__form-input-label",
+    },
+    "form-input-label-description": {
+        className: "hapi__form-input-label-description",
+    },
+    "form-input-range-container": {
+        className: "hapi__form-input-range-container",
+    },
+    "form-input-range": {
+        className: "hapi__form-input-range",
+    },
+    "form-input-tags": {
+        className: "hapi__form-input-tags",
+    },
+    "form-input-tags-input": {
+        className: "hapi__form-input-tags-input",
+    },
+    "form-input-tags-tag": {
+        className: "hapi__form-input-tags-tag",
+    },
+    "form-toggle": {
+        className: "hapi__form-toggle",
+    },
+    grid: {
+        className: "hapi__grid",
+    },
+    "grid-campaigns": {
+        className: "hapi__grid-campaigns",
+    },
+    "grid-contracts": {
+        className: "hapi__grid-contracts",
+    },
+    "grid-products": {
+        className: "hapi__grid-products",
+    },
+    link: {
+        className: "hapi__link",
+    },
+    "list-group": {
+        className: "hapi__list-group",
+    },
+    logo: {
+        className: "hapi__logo",
+    },
+    menu: {
+        className: "hapi__menu",
+    },
+    "modal-action-confirmation": {
+        className: "hapi__modal-action-confirmation",
+    },
+    "modal-action-confirmation-actions": {
+        className: "hapi__modal-action-confirmation-actions",
+    },
+    "modal-action-confirmation-description": {
+        className: "hapi__modal-action-confirmation-description",
+    },
+    "modal-action-confirmation-title": {
+        className: "hapi__modal-action-confirmation-title",
+    },
+    "modal-close-button": {
+        className: "hapi__modal-close-button",
+    },
+    navbar: {
+        className: "hapi_navbar",
+    },
+    "page-header": {
+        className: "hapi_page-header",
+    },
+    "product-details": {
+        className: "hapi_product-details",
+    },
+    "section-empty": {
+        className: "hapi_section-empty",
+    },
+    "section-loader": {
+        className: "hapi_section-loader",
+    },
+    "select-education-level": {
+        className: "hapi_select-education-level",
+    },
+    "select-employment-type": {
+        className: "hapi_select-employment-type",
+    },
+    "select-job-function": {
+        className: "hapi_select-job-function",
+    },
+    "select-job-industry": {
+        className: "hapi_select-job-industry",
+    },
+    "select-salary-period": {
+        className: "hapi_select-salary-period",
+    },
+    "select-seniority": {
+        className: "hapi_select-seniority",
+    },
+    table: {
+        className: "hapi_table",
+    },
+    "table.body": {
+        className: "hapi_table-body",
+    },
+    "table.data": {
+        className: "hapi_table-data",
+    },
+    "table.foot": {
+        className: "hapi_table-foot",
+    },
+    "table.head": {
+        className: "hapi_table-head",
+    },
+    "table.header": {
+        className: "hapi_table-header",
+    },
+    "table.heading": {
+        className: "hapi_table-heading",
+    },
+    "table.row": {
+        className: "hapi_table-row",
+    },
+    "table-accordion-campaigns": {
+        className: "hapi_table-accordion-campaigns",
+    },
+    "table-accordion-campaigns.product-description": {
+        className: "hapi_table-accordion-campaigns-product-description",
+    },
+    "table-contracts": {
+        className: "hapi_table-contracts",
+    },
+    tabs: {
+        className: "hapi__tabs",
+    },
+    "tabs.tab-header": {
+        className: "hapi__tabs-tab-header",
+    },
+    "tabs.tab-headers": {
+        className: "hapi__tabs-tab-headers",
+    },
+    "tabs.tab-panel": {
+        className: "hapi__tabs-tab-panel",
+    },
+    "tabs.tab-panels": {
+        className: "hapi__tabs-tab-panels",
+    },
+    timeline: {
+        className: "hapi__timeline",
+    },
+    "timeline.step": {
+        className: "hapi__timeline-step",
+    },
+    "timeline.step-description": {
+        className: "hapi__timeline-step-description",
+    },
+    "timeline.step-icon": {
+        className: "hapi__timeline-step-icon",
+    },
+    "timeline.step-subtitle": {
+        className: "hapi__timeline-step-subtitle",
+    },
+    "timeline.step-title": {
+        className: "hapi__timeline-step-title",
+    },
+    "campaigns-add.layout": {
+        className: "hapi_campaigns-add-layout",
+    },
+    "contracts-add": {
+        className: "hapi__contracts-add",
+    },
+    "contracts-add-error": {
+        className: "hapi__contracts-add-error",
+    },
+    "contracts-add-contract-group": {
+        className: "hapi__contracts-add-contract-group",
+    },
+    "contracts-add-instructions": {
+        className: "hapi__contracts-add-instructions",
+    },
+    "contracts-add-credentials": {
+        className: "hapi__contracts-add-credentials",
+    },
+    "contracts-add-button": {
+        className: "hapi__contracts-add-button",
+    },
+    "contracts-add-optional-details": {
+        className: "hapi__contracts-add-optional-details",
+    },
+    "contracts-add-channel-selector": {
+        className: "hapi__contracts-add-channel-selector",
+    },
+    "contracts-add-heading": {
+        className: "hapi__contracts-add-heading",
+    },
+    "contracts-add.credentials": {
+        className: "hapi__contracts-add-credentials",
+    },
+    "contracts-add.instructions": {
+        className: "hapi__contracts-add-instructions",
+    },
+    "contracts-add.optional-details": {
+        className: "hapi__contracts-add-optional-details",
+    },
+    "contracts-add.channel-selector": {
+        className: "hapi__contracts-add-optional-details",
+    },
+    "contracts-add.error": {
+        className: "hapi__contracts-add-heading",
+    },
+    "contracts-add.selected-channel-details": {
+        className: "hapi__contracts-add-selected-channel-details",
+    },
+    "contracts-details": {
+        className: "hapi__contracts-details",
+    },
+    "contracts-landing": {
+        className: "hapi__contracts-landing",
+    },
+    "campaigns-landing": {
+        className: "hapi__campaigns-landing",
+    },
+    "products-filters": {
+        className: "hapi__products-filters",
+    },
+    "products-recommended": {
+        className: "hapi__products-recommended",
+    },
+    "products-filters.job-title": {
+        className: "hapi__products-filters-job-title",
+    },
+    "products-filters.job-industry": {
+        className: "hapi__products-filters-job-industry",
+    },
+    "products-filters.job-function": {
+        className: "hapi__products-filters-job-function",
+    },
+    "products-filters.my-contract-supported-only": {
+        className: "hapi__products-filters-my-contract-supported-only",
+    },
+    "products-filters.product-name": {
+        className: "hapi__products-filters-product-name",
+    },
+    "products-filters.product-region": {
+        className: "hapi__products-filters-product-region",
+    },
+    "products-filters.heading": {
+        className: "hapi__products-filters-heading",
+    },
+    "products-filters.sorting": {
+        className: "hapi__products-filters-sorting",
+    },
+    "products-landing": {
+        className: "hapi__products-landing",
+    },
+    "products-landing.layout": {
+        className: "hapi__products-landing-layout",
+    },
+    "user-journey-landing": {
+        className: "hapi_user-journey-landing",
+    },
+    select: {
+        className: "hapi__select",
+    },
+    "select-async": {
+        className: "hapi__select--async",
+    },
+    "select-dropdown-indicator": {
+        className: "hapi__select-dropdown-indicator",
+    },
+    "select-control": {
+        className: "hapi__select-control",
+    },
+    "select-input": {
+        className: "hapi__select-input",
+    },
+    "select-menu": {
+        className: "hapi__select-menu",
+    },
+    "select-option": {
+        className: "hapi__select-option",
+    },
+    "select-group": {
+        className: "hapi__select-group",
+    },
+    "select-group-hidden": {
+        className: "hapi__select-group--hidden",
+    },
+    "select-group-heading": {
+        className: "hapi__select-group-heading",
+    },
+    "select-group-heading-hidden": {
+        className: "hapi__select-group-heading--hidden",
+    },
+    "wallet-transactions": {
+        className: "hapi_wallet-transactions",
+    },
+    "modal-zones": {
+        className: "hapi__modal-zones",
+    },
+}
+export const HAPI_WINDOW_INTERFACE_INTERNAL_PREFIX = "__hapi"
+
+export const _window = isBrowser
+    ? (window as unknown as WindowHAPIInterface & Window)
+    : undefined
+
+export const MODULE_STORE_NAME_MAP: Record<
+    Exclude<WindowHapiModuleName, "common" | "ui" | "userJourney">,
+    string
+> = {
+    [WindowHapiModuleName.alert]: "alertStore",
+    [WindowHapiModuleName.basket]: "basketStore",
+    [WindowHapiModuleName.campaign]: "campaignStore",
+    [WindowHapiModuleName.contract]: "contractStore",
+    [WindowHapiModuleName.debugging]: "debuggingStore",
+    [WindowHapiModuleName.language]: "languageStore",
+    [WindowHapiModuleName.product]: "productStore",
+    [WindowHapiModuleName.theming]: "themeStore",
+    [WindowHapiModuleName.orderJourney]: "orderJourneyStore",
+    [WindowHapiModuleName.wallet]: "walletStore",
+    [WindowHapiModuleName.modal]: "modalStore",
+    [WindowHapiModuleName.ats]: "atsStore",
+}
+
+export const ORDER_JOURNEY_STEP_READABLE_NAME_MAP: Record<
+    OrderJourneyStepKey,
+    string
+> = {
+    [OrderJourneyStepKey.searchRecommendProducts]: "Pre-Product Search",
+    [OrderJourneyStepKey.selectProducts]: "Search & Select Products",
+    [OrderJourneyStepKey.addContracts]: "Add Contracts",
+    [OrderJourneyStepKey.selectContracts]: "Select Contracts",
+    [OrderJourneyStepKey.basketSummary]: "Basket Summary",
+    [OrderJourneyStepKey.targetGroup]: "Target Group",
+    [OrderJourneyStepKey.recruiterInfo]: "Recruiter Info",
+    [OrderJourneyStepKey.postingDetails]: "Posting Details",
+    [OrderJourneyStepKey.postingOrganization]: "Posting Organization",
+    [OrderJourneyStepKey.postingContactInfo]: "Posting Contact Info",
+    [OrderJourneyStepKey.postingWorkingLocation]: "Posting Working Location",
+    [OrderJourneyStepKey.postingURLs]: "Posting URLs",
+    [OrderJourneyStepKey.contractChannelPostingRequirements]:
+        "Contract Channel Posting Requirements",
+    [OrderJourneyStepKey.postingUTMCodes]: "Posting UTM Codes",
+    [OrderJourneyStepKey.orderReview]: "Order Review",
+    [OrderJourneyStepKey.paymentMethod]: "Payment Method",
+    [OrderJourneyStepKey.orderConfirmation]: "Order Confirmation",
+}
+
+export const ORDER_JOURNEY_PRODUCTS: OrderJourneyStepKey[] = [
+    OrderJourneyStepKey.searchRecommendProducts,
+    OrderJourneyStepKey.selectProducts,
+]
+export const ORDER_JOURNEY_CONTRACTS: OrderJourneyStepKey[] = [
+    OrderJourneyStepKey.addContracts,
+    OrderJourneyStepKey.selectContracts,
+]
+
+export const ORDER_JOURNEY_PRODUCTS_CHECKOUT: OrderJourneyStepKey[] = [
+    OrderJourneyStepKey.basketSummary,
+    OrderJourneyStepKey.targetGroup,
+    OrderJourneyStepKey.recruiterInfo,
+    OrderJourneyStepKey.postingDetails,
+    OrderJourneyStepKey.postingOrganization,
+    OrderJourneyStepKey.postingContactInfo,
+    OrderJourneyStepKey.postingWorkingLocation,
+    OrderJourneyStepKey.postingURLs,
+    OrderJourneyStepKey.postingUTMCodes,
+    OrderJourneyStepKey.orderReview,
+    OrderJourneyStepKey.paymentMethod,
+    OrderJourneyStepKey.orderConfirmation,
+]
+export const ORDER_JOURNEY_CONTRACTS_CHECKOUT: OrderJourneyStepKey[] = [
+    OrderJourneyStepKey.basketSummary,
+    OrderJourneyStepKey.targetGroup,
+    OrderJourneyStepKey.recruiterInfo,
+    OrderJourneyStepKey.postingDetails,
+    OrderJourneyStepKey.postingOrganization,
+    OrderJourneyStepKey.postingContactInfo,
+    OrderJourneyStepKey.postingWorkingLocation,
+    OrderJourneyStepKey.postingURLs,
+    OrderJourneyStepKey.contractChannelPostingRequirements,
+    OrderJourneyStepKey.postingUTMCodes,
+    OrderJourneyStepKey.orderReview,
+    OrderJourneyStepKey.paymentMethod,
+    OrderJourneyStepKey.orderConfirmation,
+]
+
+export const IS_GOOGLE_PLACES_AUTOCOMPLETE_FOR_WORK_LOCATION_ENABLED = false