{

"beneficiarios": [
{
"chaveUnica": "11111111111",
"bloqueio": {
"bloqueado": false,
"dataBloqueio": "2000-01-01",
"motivo": ""
},
"cartao": {
"apresentaCartaoVirtual": true,
"convenioAbrangenciaVerso": "Abrangencia estadual",
"convenioAnsContratada": "999000",
"modeloCartao": "modelo01",
"nomeCartao": "Ranniêr Reis",
"nomeSocialCartao": "Ranniêr Reis",
"numeroCartao": "10614891222",
"numeroCns": "910947674019880",
"operadoraContratada": "",
"seed": "",
"validade": "2050-01-01",
"via": 0
},
"custom": {

“key1": "value1",

“key2": "value2",

},
"dadosDoContrato": {
"numeroContrato": "10614891222"
},
"dadosDoPlano": {
"beneficiario": true,
"idPlano": "1",
"abrangencia": "NACIONAL",
"acomodacao": "APARTAMENTO",
"dataFinalCpt": "2000-01-01",
"dataInclusao": "2000-01-01",
"dataInicioVigenciaPlano": "2000-01-01",
"descricao": "MOBILE SAUDE",
"matricula": "1100000000",
"matriculaAntiga": "",
"matriculaFuncionario": "",
"modalidadeCobranca": "1",
"padraoConforto": "APARTAMENTO LUXO",
"participativo": false,
"registroAns": "ANS-111111",
"regulamentacao": "REGULAMENTADO",
"segmentacao": "AMBULATORIAL",
"tipoContratacao": "Plano Coletivo Empresarial",
"grauParentesco": {
"codigo": "3",
"descricao": "Companheiro(a)"
},
"carencias": [],
"redeAtendimento": {
"codigo": "111",
"descricao": null
},
"tipoUsuario": {
"codigo": "D",
"descricao": "DEPENDENTE"
}
},
"dadosPessoais": {
"cpf": "11111111111",
"dataNascimento": "1990-08-05",
"nome": "Ranniêr Reis",
"nomeMae": "MOBILE SAUDE",
"contato": {
"telefoneFixo": "48984137755",
"telefoneCelular": "48984137755",
"email": "rannier@mobilesaude.com.br"
},
"estadoCivil": {
"codigo": "C",
"descricao": "Casado(a)"
},
"sexo": {
"codigo": "M",
"descricao": "Masculino"
}
},
"integracao": {
"chaveUnica": "11111111111",
"chave_unica": "11111111111"
}
}
],
"contratos": [
{
"codigoLocalAtendimento": "9261",
"dataInicioVigenciaContrato": "2000-01-01",
"descricaoContrato": "OMNICHANNEL",
"numeroContrato": "10614891222",
"dadosTitular": {
"celular": "48984137755",
"cpf": "11111111111",
"email": "rannier@mobilesaude.com.br",
"matricula": "1100000000",
"nome": "Ranniêr Reis",
"telefone": "48984137755"
},
"empresaContratante": {
"codigo": "19901000000001",
"descricao": "OMNICHANNEL - MOBILE SAUDE - PJ"
},
"tipoContratante": {
"codigo": "1",
"descricao": "BENEFICIARIO"
},
"tipoPessoa": {
"codigo": "J",
"descricao": "JURIDICO"
},
"tipoRelacionamento": {
"codigo": "2",
"descricao": "dependente"
}
}
],
"usuarioLogado": {
"chaveUnica": "11111111111",
"esquemaCor": "",
"integracao": {
"chaveUnica": "11111111111",
"chave_unica": "11111111111"
},
"login": "11111111111",
"permissoes": null,
"contato": {
"email": "rannier@mobilesaude.com.br",
"telefoneCelular": "48984137755",
"telefoneFixo": "48984137755"
}
},

}

funcionalidade.on('CREATED', (response) => { })

funcionalidade.on('LOADING', (response) => { })

funcionalidade.on('LOGIN', (response) => { this.login(response) })

<script src="https://omnichannel-sdk.mosiaomnichannel.com.br/"></script>

<div id="container-ms-cartaoVirtual-3"></div>

<script type="text/javascript">

const funcionalidadeS9 = window.omnichannelSDK.embed({

id: "container-ms-cartaoVirtual-3",

url: "Portal do Beneficiário ",

json: {

idFuncionalidade: 3,

bundle : "AQUIESTASEUBUNDLE",

authorization: null, // opcional para funcionalidades que não necessitam de login

esquemaCor : null // null pega o default, ou o slug de um esquema qualquer

}

})

</script>

Deixa aí que é do Design Honey aqui. Vou deixar esse... Ah... Tá aqui, ó. Cadê? Posso editar aqui o nome? Não consigo editar o nome, senão vou botar Design Honey. Não dá pra editar mais o nome. Beleza, tá aqui, tá criado, tá? E é isso, cara. Deixa eu ver aqui no... Falei aqui sobre os slots, sobre a tab bar, falei sobre esquema de cor. E agora, antes do nosso intervalo aqui, a gente vai falar sobre o construtor de cartão virtual. Olha só que maravilha. Vamos construir a nossa própria carteirinha, cara. Não vamos precisar de ninguém. Ninguém. Não precisa de uma bombarde, não precisa de ninguém. Só precisa de Deus na nossa vida. O resto precisa ser mais de nada. Vamos embora, isso é a verdade. Isso aí, ó. Então a gente pode... Como é que a gente faz para configurar o nosso próprio cartão virtual? Vamos aqui no menu de ferramentas. Como eu disse, o Minuto de Ferramentas é o cara mais massa que tem. Construtor de cartão virtual. Beleza, a gente não tem nenhum aqui. Então, como a gente não tem nenhum cartão virtual, você vê aqui. Mas, Rami, olha só. Nas funcionalidades aqui, você disse que as que estão aqui. Funcionalidades preparadas é porque precisa de um ajustezinho ou outro para já liberar. Mas, então, isso quer dizer que eu posso pegar o cartão virtual e arrastar para cá? Cara, você pode. Você pode, você pode sincronizar com o app aqui Ele vai pegar e vai até aparecer aqui Mas se eu tentar usar o cartão virtual Você vai ver que ele vai exibir uma mensagem que não tem nada Porque realmente não tem um cartão que você está cadastrado Só mostrei isso Então muitas das funcionalidades que aparecerem aqui como preparadas Para elas funcionarem a gente precisa de uma pequena configuração Então todas essas que estão aqui Apesar da gente já poder arrastar aqui Se a gente arrastar elas não vão funcionar Só para ficar ciente com isso Então vamos fazer o seguinte Então para não quebrar o clima aqui Eu vou arrastar o cartão virtual para cá de volta Cada um no seu tempo Vamos segurar a ansiedade Vamos deixar desse jeito aqui E beleza, vamos construir nosso cartão virtual Dá tempo para a gente fazer isso Antes da gente ir para o nosso próximo intervalo Então beleza Vou vir em consultor cartão virtual, vou pedir para criar um novo. E vou criar um modelo a partir de nenhum, porque não tem nenhum modelo criado. Então, a gente vai criar um do zero. Então, para a gente criar o nosso modelo, a gente precisa... Por exemplo, esse meu beneficiário aqui. Eu quero ver a carteirinha dele. Porém, lá para esse beneficiário, ele já tem uma carteirinha já default. e já tem um plano, né? Esse meu beneficiário aqui já tem um plano. Se eu olhar aqui, informações do plano perfil, se eu vir aqui em perfil, informações do plano PINSS. Aí eu vou vir aqui no meu beneficiário aqui, aí já vai trazer algumas informações do meu plano aqui. Contrato, plano, operadora com pesa preve, código na NS, nome do produto, produto exemplo 1, aí vem produto exemplo 1, código da NS, ambulatorial vem alguns dados aqui do meu plano, tá? isso aqui são obrigatoriedades da da NS do PINSS, vocês tem que ter isso aí porque é linda, tá? Você sabe disso, né? sei, sei que sim então, beleza, então aqui não vem a informação da minha carteirinha, né? então, onde é que vem essa informação? a gente manda isso via o App Service, tem lá no artefato, aqui no artefato aqui, ó aquele primeiro campo que eu me embananei lá o cartão cartão modelo tá? essa minha carga de beneficiário já tem um campo chamado cartão tem um campo chamado cartão modelo se eu vier aqui ó beneficiários esses aqui são, essa aqui é aquela carga de beneficiário essa é a carga de beneficiário que a gente fez que vocês estão usando, por exemplo aqui tá o Norberto você tá usando qual beneficiário? deixa eu ver aqui Marcos Franco? Marcos. Marcos Franco? Está aqui. Está aqui o Marcos Franco. Está todo mundo aqui. Todo mundo na brincadeira aqui. E todo mundo aqui. Esses aqui são os dados. Os campos são informados. Então esse aqui foi o nome social. O esquema de cor. Nenhum está com esquema de cor. Eu podia criar um esquema. Eu acho que eu vou criar isso. Eu vou deixar um esquema de cor à parte aqui. Para quando a gente fizer o treinamento. Eu já mostrar a mudança de cor diferente do de vocês. Vai ficar massa. Gostei. Aqui tem o nome, tá? A minha data de nascimento, CPF. Dá uma olhada aqui, ó. Tem todos os dados aqui, ó. Cidade, Sergipe, complemento, número, tá, tá, tá. Pós-família. Informações aqui, cartão. Modelo. Aqui, ó. E aqui eu tenho cartão modelo. Então, todo mundo, tá todo mundo no mesmo plano, né? Esse plano aqui, o plano exemplo 01. Está todo mundo nesse plano aqui. Plano descrição. Descrição plano 01. Est todo mundo no produto exemplo 01 Est todo mundo no produto exemplo 01 E todo mundo tem um modelo de cart esse aqui T todo mundo com o cart modelo 01 Ent essa daqui o modelo de cart que todo mundo vai usar Então, eu preciso aqui na... Quando criar o nome do modelo, eu preciso colocar baseado ao que a gente tá informando lá na Viu. Tá? Modelo 01. Aí, claro, vocês vão ter o nome do cartão de vocês. Qual o nome do modelo de cartão de vocês? compreza eu não sei te dizer não o que vocês determinarem lá no navio vocês tem que criar ele aqui certo lá na minha vila está determinado o modelo 01 na minha carga, então vou botar o modelo 01 aqui simples assim, vou criar um modelo olha só, aqui ele vai perguntar a instância a instância que a gente está fazendo em sandbox aqui eu vou precisar fazer o meu login porque eu vou precisar fazer o meu login? porque a gente vai criar os campos dinamicamente é bem arrastar o cara da copiar e colar que a gente acabou de comemorar que ele morreu hoje então, a gente vai copiar as coisas e vai colar ali, copiar e colar copiar e colar, vamos montar na mão a carteirinha ali, na munheca ali do jeito que a gente achar melhor o Ramão, me manda uma foto, me manda um print aí da carteirinha deles aí, por favor frente e verso então aqui eu vou fazer meu login aqui fazer meu login como Norberto, botar minha senha aqui para eu já utilizar os dados do meu beneficiário que está logado para ver como é que isso vai ficar na carteirinha. Olha só que massa. Bem, cheguei aqui no construtor de cartão virtual, tá? E aqui ele traz o nome do modelo, a data de atualização que a gente não fez ainda. O meu usuário para teste, que é o que eu fiz login agora. E aqui a gente pode enviar, começar a construir a nossa carteirinha. Aqui a gente tem para enviar a arte frente e a arte verso, tá? então aqui eu preciso enviar uma arte frente então vocês vão ver aí com o design de vocês qual é a arte de vocês aí fixa, né? por exemplo, porque tem a logo já fixa o que for fixo vocês já trazem por default, tá? então eu vou fazer o seguinte aqui vou pegar aqui, vou enviar a imagem do cartão aqui pra frente, tem que estar nesse tem que estar nessa dimensão aqui, 900x530 a gente já consegue exportar do aplicativo atual, Rony? Não, não dá. O que, se não me engano, foi até vocês que fizeram, a gente mandou a ARP na época e vocês adaptaram e botaram aí no atual. Exatamente, a gente adaptou. A gente adaptou pra caber naquele formato lá. Agora vocês precisam fazer de um formato que caiba nesse aqui. A gente não consegue trazer de lá pra cá. Até porque... Ah, Rony, Então, se eu pegar a carteirinha que dá um print, não serve? Não vai vir em alta definição. Sim, sim. Desse jeito. E a gente montava ali, a gente montava em... Eu montava em CSS puro, cara. Então, eu montava em HTML e CSS ali puro. Então, não dá pra eu pegar simplesmente isso. Não dá pra eu pegar o HTML e o CSS e importar aqui, entendeu? A imagem da carteira que eu gero ali no produto atual pra vocês é já o HTML e o CSS com as as informações, eu não tenho só com o layout, ó, recebi aqui, o Ramon me mandou aqui a carteirinha de vocês frente e verso basicamente as informações de vocês na frente vem tudo fixo, né, compreendam a saúde, telefones de urgência, emergência, e no verso vem as informações acho que dá pra gente criar algo desse sentido aqui, ó vou enviar as imagens do cartão eu tenho umas imagens de cartão, obrigado, tá Ramon eu tenho umas imagens aqui, ó Que eu tenho um modelo de cartão aqui Que eu tenho um cru aqui, puro, sem nada Então eu vou mandar aqui Cartão demonstração frente Ele vem bem cru, como é que você vai ver É só uma parte em cima branca E essa parte aqui azul, bem feia E eu vou mandar um verso Aqui Que tem aqui Tem o cartão demonstração verso Tem essa parte branca E a parte pra botar o número NS Isso aqui vai ser o suficiente pra gente tentar montar alguma coisinha aqui pra você ver. Então, pelo que eu vi aqui na parte da frente aqui, ó, a gente tem os textos fixos pra localizar os dados variáveis, tá? Então, eu vou começar com os dados variáveis aqui, que é mais interessante no verso da carteirinha de vocês. Então, na carteirinha de vocês, a gente tem aqui, ó, texto fixo. Vou digitar aqui, ó, beneficiário. Dois pontos aqui, ó. Bom, mas tá em letra maiúscula, né? beneficiário beneficiário e aqui beleza, aqui eu posso definir a largura a largura do campo aqui eu posso definir a posição no eixo X no eixo Y, você já trabalhou com Adobe XD ou Figma? não o Adobe XD e o Figma quem trabalha com design eles criam aquilo para a gente poder criar o CSS, o HTML com aquela dimensão certinha que eles colocam ali, né? Com padding, com margem top e tudo mais. Ent basicamente o designer que criar a carteira de voc ele vai dizer ali qual a dist que tem certinho Voc v poder definir quanto na posi por exemplo aqui t 10 n s 10 mesmo aqui a posi do ish 17 n a posi 20 vai ver que j mudou ali um pouquinho n 15 n 10 t vendo e aí no Adobe XD passa, ou vocês podem também fazer na mão mesmo não tem problema não, assim tá igualzinho pronto, acabou, tá? tem como botar o texto em negrito em itálico esse daqui que eu não sei como é o nome eu esqueci esse aqui, ah, primeira letra minúscula, a última marúscula alinhamento no campo, ó, ao centro à direita, centralizada à esquerda o tamanho da fonte, ó lá também diz, também nesse documento diz qual é o tamanho da fonte lá no Adobe Então vou botar aqui, ó, o negrito, vou botar um tamanho aqui, acho que deve ser tamanho 15, eu acho isso. Posicionei aqui, tá do jeito que eu quero. Tá, Rani, agora o beneficiário aqui tá trazendo, eu acho aqui, a primeira aqui, ó, salvar o campo. Dados variáveis, a gente tá trazendo o CPF dele, o login dele, né, no caso, acho que é matrícula, né? Tá com cara ser matrícula. É matrícula que traz ali? É, é matrícula aí. Então aqui ó, matrícula, não tá em tamanho de texto pequeno né, tá bem pequenininho, acho que tá algo desse gênero, tá algo desse tamanho assim, beleza, e o nome dele aqui ó, botei aqui o dado da variável, salvei o campo e agora eu posso botar outro dado variável aqui e selecionar o dado variável do beneficiário que tá logado ó, então eu posso pegar e Vou botar o nome aqui, ó. Nome e cartão. Ó, corte-se. Tá também meio pequenininho aqui, ó. Eita. Botei quantos aqui? Doze? Doze. E aqui, cara, só ir construindo, importar, colocar a arte certinha e vai importando. Rania, todo mundo vai ficar com o nome de Norberto? Não. Isso aqui é só pra mostrar como ficaria posicionado, entendeu? Sim, sim. Então beleza, então eu vou botar mais aqui, ó, vou criar mais aqui, acho que tem aqui um plano. Eu tô olhando pro lado aqui porque tem uma outra tela aqui, né? Tá aqui, ó, a informação, tá? Já, é, tranquilo. Não parece que eu tô doente ali, olhando pro lado sozinho. Tá que nem eu, que eu tô olhando pro lado aqui, mas que eu tô vendo na tela maior. Perfeito. Então eu não tô sozinho, né? Graças a Deus, é uma coisa de sozinho, né? Então beleza, tamanho da foto. Botei 10 aqui. 15 15 posição aqui no eixo y 10 e vai ficar alinhado com o outro lado os dois pontos salvei o campo e agora plano agora que eu trazer o dado variável plano e a e de plano de plano aqui é um tá bom D plano aqui é 1 Acho que também é o tamanho aqui Tudo mundo igual, 12 E aqui a gente vai montando tudo Vou botar aqui também mais o CNS CNS Negrito, salvar Dado variável, CNS Número, cartão, CNS Trazendo tudo O CNS aqui ele fica 12, fica mais ou menos assim aqui ó, assim e o plano fica aqui ó. E daí tu monta o resto, tá? Eu vou botar mais uma coisa aqui, ó. Botar a abrangência. As carências ele puxa tudo já, né? Puxa. Ele puxa aqui na carência. Aqui você pode clicar em carência e ele vai mostrar as carências. Mas ele não aparece na carteirinha, não. Não é que na carteirinha da gente... Tem como botar também na carteirinha também, a carência também. Porque se eu não me engano, a nossa, ela vem a carência aí embaixo. É que eu não informei no meu arquivo aqui carência, mas tem aqui também, o campo aqui. e aqui carência vai trazer todas as que você trouxer de carência aqui ó ele vai trazer ele também tá para você selecionar esse não esse meu arquivo de carga não trouxe e não tem tá não tranquilo tranquilo beleza é hoje já faz isso no atual aí eu já não padrão da gente Abrang Abrang estadual Vou botar aqui Segmentos. Ambulatorial. Acomodação. Departamento. Só tô colocando os dados aqui, tá? Pra gente ter alguma coisa aqui. Você vê que aqui tá feio, aqui tá mais ou menos bonitinho Mas beleza Salvei aqui, salvei o verso Na frente aqui, ó Na frente eu vou botar aqui, o que a gente tem aqui na frente Só tem um Compesa Saúde Tá aqui, ó, o Tesfizo Compesa Saúde Botar aqui um Negritão aqui Botar uma Cosme, tomou 25 Aqui aqui só para gente ver que é o nosso plano da compreza saúde tem aqui telefones úteis urgência e emergência E aqui embaixo Vê um 0800 da vida 0800 não é não Segunda Sexta Feira Às 18h Às 17h e aí e aí e aí e aí e aí e aí e aí e aí e aí e aí e aí e aí e aí e aí e aí e aí e aí e aí e aí e aí Um exemplo que a gente tem aqui pronto. Até ficou legal, gostei. Vamos ver como é que vai ficar isso aí lá no aplicativo, tá? Beleza. Tá aqui um exemplo de coisa que funciona só, que aciona o reloginho, ô Mário. Por exemplo, eu acabei de disponibilizar aqui, né? Então quer dizer o seguinte, Rony, que eu posso pegar aqui, vir lá nas minhas funcionalidades agora, arrastar o cartão virtual pra cá e ele vai funcionar? não nesse caso a gente precisa fazer um logout e fazer um login pra ele recarregar as informações que agora tem de layout porque o app não tá entendendo que existe uma carteirinha configurada então pra ele fazer isso ele precisa fazer um novo login ou ele faz isso a partir do relogin ou ele é forçado a fazer um logout fazendo login. No caso, como a gente não tem um re-login configurado, a gente precisa vir aqui, vocês vão fazer aqui, não apertem sair de sandbox, porque esse aqui vai sair lá pra frente, vocês vão apertar o botão de fazer o logout. Apertar o botão de fazer o logout. Daí a gente vai fazer o login de novo. E daí a gente vai passar o nosso CPF aí, o CPF de vocês aí. Fiz o login. Beleza, fiz o login. Agora posso acessar aqui. Ver o meu cartão virtual. Olha só que massa. Já vai aparecer aqui pra mim. Saiu cortado aqui. Dá um jeito ali. aqui Isso aí Isso aqui eu vou Isso aqui tem que abrir um chamado Isso aqui tá com cara de bug Isso aqui, ó Saiu cortado, ó Vou salvar isso aqui. Beleza. Salvei aqui. Já pra abrir o nosso chamado aqui. Então acho que aqui a gente tem que diminuir um pouco a letra aqui. Acho que é. Poxa, escrevi urgência aqui Errada, né? Urgêna Urgêna Urgêna, sim Bom de Deus, né? Vou fazer, vou fazer direito, né? Pronto, agora vou fazer o logout aí Aqui Apareceu aí para vocês Me amarrado? Estou fazendo agora Espera, fez o logout agora? Sim Ah, então beleza, faz o login agora que já vai subir Com essas alterações que eu fiz Ok"