fm-lp-factory/factory/assets/components/icons/flat.js

package created to build web ui components for FidelizarMais LP services

import svgBuilder from "../../utils/svgBuilder.js";

const flatBackground = (svgText) => {
    svgText = svgText.replace('fill', '');
    const svgContainer = svgBuilder(svgText);
    svgContainer.classList.add('fm-flat-icon');
    return svgContainer.outerHTML;
}

const avatarAddFlat = async (checkImg) => {
    const response = await fetch('https://cdn.fidelizarmais.com/packages/img/indication/indicator-black.svg');
    let svgText = await response.text();
    return flatBackground(svgText);
};

const whatsappFlat = async (checkImg) => {
    const response = await fetch('https://cdn.fidelizarmais.com/packages/img/whats-app-dinamic.svg');
    let svgText = await response.text();
    return flatBackground(svgText);
};

const emailIconFlat = async (checkImg) => {
    const response = await fetch('https://cdn.fidelizarmais.com/packages/img/email-filled-dinamic.svg');
    let svgText = await response.text();
    return flatBackground(svgText);
}

const arrowImgFlat = async (checkImg) => {
    const response = await fetch('https://cdn.fidelizarmais.com/packages/img/arrow-black.svg?');
    let svgText = await response.text();
    return flatBackground(svgText);
}

const checkImgFlat = async (checkImg) => {
    const response = await fetch('https://cdn.fidelizarmais.com/packages/img/verified-black.svg');
    let svgText = await response.text();
    return flatBackground(svgText);
}

const starImgFlat = async (checkImg) => {
    const response = await fetch('https://cdn.fidelizarmais.com/packages/img/star-filled.svg');
    let svgText = await response.text();
    return flatBackground(svgText);
}

export default {
    avatarAddFlat,
    whatsappFlat,
    emailIconFlat,
    arrowImgFlat,
    checkImgFlat,
    starImgFlat
}