Informações sobre o loader.js

O loader.js é o script responsável por realizar as modificações necessárias para converter o site da MaxMilhas em um site personalizado para o nosso parceiro.

Lógica e funcionamento do script

Após ter sido carregado na página, o loader.js segue os seguintes passos:

1. Verificar o host (domínio atual) da página carregada
2. Caso o host seja diferente de "www.maxmilhas.com.br" (bloquear aplicação no site principal), o loader carregará um loader visual na tela
3. Em seguida, será feita uma requisição para a API serverless-mkt-whitelabel-api, que retornará o conteúdo a ser injetado caso o host seja de um parceiro cadastrado
4. Com a resposta da API, os arquivos .css e .js serão injetados na página e os textos que precisarão ser alterados também sofrerão tal atualização.
5. O loader visual será removido da tela

Lógica do json retornado pela API

O json retornado pela API deverá conter alguns valores para permitir que o loader realize as modificações necessárias, seguindo o padrão estabelecido abaixo:

1. url : o campo url deverá ser uma string contendo o host referente ao parceiro.

"url": "whitelabel.maxmilhas.com.br"

2. css_files {...} : o campo css_files deverá ser um array de objetos, no qual cada objeto deverá conter um campo file_url.

    "css_files": [
        {
            "file_url": "https://{url}.css"
        },
        ...
    ]

3. js_files {...} : o campo js_files deverá ser um array de objetos, no qual cada objeto deverá conter um campo file_url.

    "js_files": [
        {
            "file_url": "https://{url}.css"
        },
        ...
    ]

4. text_json {...} : o campo text_json deverá ser um objeto, contendo todos os campos especificados abaixo:

    "text_json": {
        "envelope": {
            "title_01": string
            "title_02": string
            "title_03": string
        },
        "comprar_passagens": true ou false
        "how_it_works": false ou {
            "title": string
            "steps": [
                {
                    "icon": string (link),
                    "title": string,
                    "description": string
                },
                {
                    "icon": string (link),
                    "title": string,
                    "description": string
                },
                {
                    "icon": string (link),
                    "title": string,
                    "description": string
                }
            ]
        },
        "about": {
            "logo": string (link)
            "title": string
            "description": string
        },
        "footer": {
            "logo": string (link)
            "mm_logo": true ou false,
            "links": false ou [
                {
                    "title": string
                    "url": string (link)
                }
            ],
            "social_networks": false ou {
                "facebook": string (link)
                "twitter": string (link)
                "instagram": string (link)
                "youtube": string (link)
                "linkedin": string (link)
            },
            "copyright": string (opicional)
        }
    },

• Caso o campo copyright não exista no json, o copyright padrão será 'Copyright © ' + new Date().getFullYear().