wcfm-vendor-tiktok-social-link-support

add_filter('wcfm_profile_fields_social', function($social_fields, $vendor_id) {
    $vendor_data = get_user_meta( $vendor_id, 'wcfmmp_profile_settings', true );
    $social_accounts = $vendor_data['social'] ?? array();
    $tiktok = $social_accounts['tiktok'] ?? '';
    return array_merge(
        $social_fields,
        array(
            "tiktok" => array(
                'label' => __('TikTok', 'wc-frontend-manager') ,
                'type' => 'text',
                'class' => 'wcfm-text wcfm_ele',
                'label_class' => 'wcfm_title wcfm_ele',
                'value' => $tiktok,
                'placeholder' => __('TikTok Handler', 'wc-frontend-manager')
            )
        )
    );
}, 10, 2);

add_filter('wcfm_profile_social_types', function($types) {
    return array_merge(
        $types,
        ['tiktok' => 'tiktok',]
    );
});

add_action('wcfmmp_store_after_social', function($vendor_id) {
    ?>
    <style>
        .store-tiktok-logo{
            display: block;
            margin-top: 50%;
            transform: translateY(-50%);
        }
        .store-tiktok-logo svg {
            display: block;
            margin: 0 auto;
            width: 15px;
        }
        .store-tiktok-logo svg path {
            fill: #17a2b8;
        }
        #wcfmmp-store .social_area ul li:hover .store-tiktok-logo svg path {
            fill: #fff;
        }
    </style>
    <?php
    $store_info = get_user_meta( $vendor_id, 'wcfmmp_profile_settings', true );
    if( isset( $store_info['social']['tiktok'] ) && !empty( $store_info['social']['tiktok'] ) ) { ?>
        <li><a href="<?php echo wcfmmp_generate_social_url( $store_info['social']['tiktok'], 'tiktok' ); ?>" class="store-tiktok-logo" target="_blank">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2859 3333" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd"><path d="M2081 0c55 473 319 755 778 785v532c-266 26-499-61-770-225v995c0 1264-1378 1659-1932 753-356-583-138-1606 1004-1647v561c-87 14-180 36-265 65-254 86-398 247-358 531 77 544 1075 705 992-358V1h551z"></path></svg>
    </a></li>
    <?php }
});

add_filter('wcfm_social_url', function($social_handle, $social) {
    if( $social == 'tiktok' && strpos( $social_handle, 'tiktok' ) === false) {
        $social_handle = 'https://tiktok.com/' . $social_handle;
    }
    return $social_handle;
}, 10, 2);