{"version":3,"file":"static/js/920.0ee2a525.chunk.js","mappings":"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","sources":["components/common/SocialMediaCommonComponents/SocialMediaSlider.jsx","pages/Home/components/FAQSection.jsx","pages/Home/components/WhyLegisPricing.jsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport youtube from \"../../../utils/images/youtube.png\";\nimport insta from \"../../../utils/images/insta.png\";\nimport twitch from \"../../../utils/images/twitch.png\";\nimport facebook from \"../../../utils/images/facebook.png\";\nimport google from \"../../../utils/images/google.png\";\nimport { Swiper, SwiperSlide } from \"swiper/react\";\nimport { Autoplay, Navigation } from \"swiper/modules\";\nimport axiosInstance from '../../../services/axiosInstance';\nimport { useLocation } from 'react-router-dom';\n\nconst SocialMediaSlider = () => {\n    const [socialLogos, setSocialLogos] = useState(null)\n    const location = useLocation()\n\n    const logos = [\n        { name: \"YouTube\", imageUrl: youtube },\n        { name: \"Instagram\", imageUrl: insta },\n        { name: \"Twitch\", imageUrl: twitch },\n        { name: \"Facebook\", imageUrl: facebook },\n        { name: \"Google\", imageUrl: google },\n    ];\n    useEffect(() => {\n        fetchData()\n    }, [location?.pathname])\n\n    const fetchData = async () => {\n        try {\n            \n            const response = await axiosInstance(`/api/get-all-social-media-logo`)\n            setSocialLogos(response?.data)\n        } catch (err) {\n            console.log(\"error\", err)\n        }\n    }\n    return (\n        <div className='logo_slider'>\n            <Swiper\n                spaceBetween={20}\n                loop={true}\n                autoplay={{ delay: 2000 }}\n                modules={[Autoplay]}\n                breakpoints={{\n                    1024: { slidesPerView: 5 },\n                    768: { slidesPerView: 3 },\n                    480: { slidesPerView: 2 },\n                    0: {\n                        slidesPerView: 1.5,\n                        centeredSlides: true,\n                        spaceBetween: 10\n                    },\n                }}\n            >\n                {socialLogos && socialLogos?.socialMediaLogos?.length>0 ? socialLogos?.socialMediaLogos \n                    .map((logo, index) => (\n                        <SwiperSlide key={index} className=\"logo_item\">\n                            <img src={logo.full_image_url} alt={\"logo\"} />\n                        </SwiperSlide>\n                    )) : null\n                }\n                {/* {logos\n                    .map((logo, index) => (\n                        <SwiperSlide key={index} className=\"logo_item\">\n                            <img src={logo.imageUrl} alt={\"logo\"} />\n                        </SwiperSlide>\n                    )) \n                } */}\n            </Swiper>\n        </div>\n    )\n}\n\nexport default SocialMediaSlider","import { faMinus, faPlus } from '@fortawesome/free-solid-svg-icons';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport axios from 'axios';\nimport React, { useEffect, useState } from 'react'\nimport { useTranslation } from 'react-i18next';\nimport i18n from '../../../i18n';\nimport axiosInstance from '../../../services/axiosInstance';\n\n\nconst FAQSection = () => {\n      const [openIndex, setOpenIndex] = useState(null);\n      const [subsPlanfaq, setSubPlanfaq] = useState(null);\n      const [questionsData, setQuestionsData] = useState(null)\n      const { t } = useTranslation();\n      const language = i18n.language\n\n      useEffect(()=>{\n        // fetchData();\n        fetchMusicFaq()\n      },[])\n      const fetchData = async()=> {\n        try {\n          const response = await axiosInstance.get(`/api/get-all-licenses/pay-once-use-for-a-lifetime/en`)\n          setSubPlanfaq(response.data)\n          if (response) {\n            let questions = response.data?.subscriptionPlan?.map((item)=>{\n              return [...item.get_questions]\n            }).flat()\n            setQuestionsData(questions)\n          }\n        } catch (err) {\n          console.error(err)\n        }\n      }\n      const fetchMusicFaq = async()=> {\n        try {\n          const response = await axiosInstance.get(`/api/get-all-faqs`)\n          setSubPlanfaq(response.data)\n          if (response) {\n           console.log(\"all faq \", response.data)\n           setQuestionsData(response?.data?.faq)\n          }\n        } catch (err) {\n          console.error(err)\n        }\n      }\n      const toggleFAQ = (index) => {\n        setOpenIndex(openIndex === index ? null : index);\n      };\n    const faqData = [\n        {\n          question: \"How much does it cost?\",\n          answer:\n            \"The PRO version costs $36 per year or $5 per month, offering features like whitelisting up to 10 YouTube channels, adding users, accessing stems, and an ad-free experience. Individual users can also use a limited Freemium version, while businesses can trial premium features for 14 days before subscribing.\",\n        },\n        {\n          question: \"How often do you add new content?\",\n          answer:\n            \"We regularly update our library with new tracks, ensuring you always have fresh content for your projects.\",\n        },\n        {\n          question: \"Can I use Legis music on Podcasts?\",\n          answer:\n            \"Yes, our licensing covers podcasts, allowing you to use our music without copyright issues.\",\n        },\n        {\n          question: \"What is YouTube Content ID?\",\n          answer:\n            \"YouTube Content ID is a system that helps track copyrighted content on YouTube to ensure rightful ownership and monetization.\",\n        },\n        {\n          question: \"Do you have a partner or affiliate program I can sign up for?\",\n          answer:\n            \"Yes! We offer an affiliate program where you can earn commissions by referring others to our platform.\",\n        },\n        {\n          question: \"Is your music exclusive to TuneCutter?\",\n          answer:\n            \"Some of our tracks are exclusive, while others are available on multiple platforms to ensure a wide variety of content.\",\n        },\n      ];\n      const faqSection= {\n        \"en\": {\n          \"title\": \"Frequently Asked Questions\",\n          \"description\": \"We have you covered! If you can’t find the answer you’re looking for, please <span>Contact us</span>.\"\n        },\n        \"es\": {\n          \"title\": \"Preguntas Frecuentes\",\n          \"description\": \"¡Te tenemos cubierto! Si no encuentras la respuesta que buscas, por favor <span>Contáctanos</span>.\"\n        },\n        \"fr\": {\n          \"title\": \"Foire Aux Questions\",\n          \"description\": \"Nous avons ce qu'il vous faut ! Si vous ne trouvez pas la réponse que vous cherchez, veuillez <span>Nous contacter</span>.\"\n        }\n      }\n  return (\n          <section className='faq_section'>\n            <div className='container'>\n              <div className='global_head'>\n                <h2>{faqSection?.[language].title}</h2>\n                <p  dangerouslySetInnerHTML={{ __html: faqSection?.[language].description }}></p>\n              </div>\n              <div className=\"faq\">\n                {questionsData?.map((faq, index) => \n                {\n                console.log(\"faqItem \", faq?.question?.[language])\n                  return (\n                    <div key={index} className={`faq_item ${openIndex === index ? \"active\" : \"\"}`}>\n                      <div className=\"faq_head\" onClick={() => toggleFAQ(index)}>\n                        <span>\n                          <FontAwesomeIcon icon={openIndex === index ? faMinus : faPlus} />\n                        </span>\n                        <h2>{faq?.question?.[language]}</h2>\n                        {/* <h2>{faq.question}</h2> */}\n                      </div>\n                      {openIndex === index && (\n                        <div className=\"faq_body\">\n                          <p \n                          dangerouslySetInnerHTML={{ __html: faq?.answer?.[language] }}\n                          style={{color: \"#fff\"}}\n                          >\n                            {/* {faq.answer} */}\n                          </p>\n                        </div>\n                      )}\n                    </div>\n                  )\n})\n                }\n              </div>\n              <div className='btn_holder'>\n                <button className='solid_btn' onClick={()=> window.location.assign(`${process.env.REACT_APP_REDIRECTION_HOME_URL}/auth/register`)}>{t(\"freeSignUpbtn\")}</button>\n                <button className='border_btn' onClick={()=> window.location.assign(`${process.env.REACT_APP_REDIRECTION_HOME_URL}/music`)}>{t(\"browseMusicBtn\")}</button>\n              </div>\n            </div>\n          </section>\n  )\n}\n\nexport default FAQSection","\n// import React, { useEffect, useState } from 'react';\n// import legisBg from \"../../../utils/images/why_legis_bg.jpg\";\n// import whiteround from \"../../../utils/images/white_round_tick.png\";\n// import { useTranslation } from 'react-i18next';\n// import i18n from '../../../i18n';\n\n// const WhyLegisPricing = ({ licenceData }) => {\n//   const { t } = useTranslation();\n//   const language = i18n.language;\n\n//   const [billingCycle, setBillingCycle] = useState('monthly');\n\n//   const monthlyPrice = 9.99;\n//   const yearlyPrice = 60;\n//   const monthlyEffective = yearlyPrice / 12;\n//   const discountPercent = Math.round((1 - (monthlyEffective / monthlyPrice)) * 100); // 50%\n\n//   const discountAmountData =  licenceData?.subscriptionPlan?.map((res, i)=>{\n//     console.log('res 123654789', res)\n//     const title = res?.title?.[language];\n//     const isPro = title === 'Pro';\n    \n//   })\n//   console.log('licenceData?.subscriptionPlan', licenceData?.subscriptionPlan);\n\n//   const plansData = {\n//     en: {\n//       title: \"Freemium\",\n//       name: \"Free\",\n//       para: \"\",\n//       submitBtn: \"FREE Sign Up\",\n//       titlePro: \"Pro\",\n//       submitBtnPro: \"14 Day trial\",\n//       monthly: {\n//         amount: \"$9.99\",\n//         per: \"Per month\",\n//         note: `Save up to ${discountPercent}% by paying yearly`,\n//       },\n//       yearly: {\n//         amount: \"$5.00\",\n//         per: \"Per month,\",\n//         note: ` billed yearly at $60`,\n//         save: `SAVE ${discountPercent}%`\n//       }\n//     },\n//     es: {\n//       title: \"Freemium\",\n//       name: \"Gratis\",\n//       para: \"\",\n//       submitBtn: \"Regístrate GRATIS\",\n//       titlePro: \"Pro\",\n//       submitBtnPro: \"Prueba de 14 días\",\n//       monthly: {\n//         amount: \"$9.99\",\n//         per: \"por mes\",\n//         note: `Ahorra hasta un ${discountPercent}% pagando anualmente`,\n//       },\n//       yearly: {\n//         amount: \"$5.00\",\n//         per: \"por mes, facturado anualmente a $60\",\n//         note: `facturado anualmente a $60`,\n//         save: `AHORRA ${discountPercent}%`\n//       }\n//     },\n//     fr: {\n//       title: \"Freemium\",\n//       name: \"Gratuit\",\n//       para: \"\",\n//       submitBtn: \"Inscription GRATUITE\",\n//       titlePro: \"Pro\",\n//       submitBtnPro: \"Essai de 14 jours\",\n//       monthly: {\n//         amount: \"9.99$\",\n//         per: \"par mois\",\n//         note: `Économisez jusqu'à ${discountPercent}% en payant annuellement`,\n//       },\n//       yearly: {\n//         amount: \"5$\",\n//         per: \"par mois, facturé 60$ annuellement\",\n//         note: `facturé 60$ annuellement`,\n//         save: `ÉCONOMISEZ ${discountPercent}%`\n//       }\n//     }\n//   };\n\n//   return (\n//     <section className='why_legis' style={{ backgroundImage: `url(${legisBg})` }}>\n//       <div className='container'>\n//         <div className='why_legis_inner'>\n//           <div className='global_head'>\n//             <h2>{t(\"whyLegisMusic\")}</h2>\n//             <p>{t(\"whyLegisDesc\")}<span>{t(\"whyLegisSpanOne\")}</span>{t(\"whyLegisDesc2\")}<span>{t(\"whyLegisSpanTwo\")}</span>{t(\"whyLegisSpanThree\")}</p>\n//           </div>\n\n//           <div className='plans_toggle_button'>\n//             <ul>\n//               <li>\n//                 <button\n//                   className={`${billingCycle === 'monthly' ? 'solid_btn' : 'border_btn'}`}\n//                   onClick={() => setBillingCycle('monthly')}\n//                   aria-pressed={billingCycle === 'monthly'}\n//                 >Monthly</button>\n//               </li>\n//               <li>\n//                 <button\n//                   className={`${billingCycle === 'yearly' ? 'solid_btn' : 'border_btn'}`}\n//                   onClick={() => setBillingCycle('yearly')}\n//                   aria-pressed={billingCycle === 'yearly'}\n//                 >Yearly</button>\n//               </li>\n//             </ul>\n//           </div>\n\n//           <div className='plans'>\n//             {licenceData?.subscriptionPlan?.length > 0 && licenceData.subscriptionPlan.map((data, i) => {\n//               const title = data?.title?.[language] || '';\n//               const isPro = title === 'Pro';\n//               console.log('test this page', {data, i, title, isPro});\n//               return (\n//                 data?.mostpopular === 1 && (\n//                   <div className={`plan_box ${isPro && billingCycle === 'yearly' ? 'pro_with_badge' : ''}`} key={i}>\n//                     {isPro && billingCycle === 'yearly' && (\n//                       <div className='save_badge'>{plansData[language].yearly.save}</div>\n//                     )}\n\n//                     <h3><span>{title}</span> {isPro ? plansData[language][billingCycle].amount : plansData[language].name}</h3>\n//                     {isPro && (\n//                       <>\n//                         <p className=\"subtext\">{plansData[language][billingCycle].per}</p>\n//                         {billingCycle === 'monthly' ? \n//                         <p className=\"highlight\">{plansData[language].monthly.note}</p>\n//                         :\n//                         <p className=\"highlight\">{plansData[language].yearly.note}</p>\n//                         }\n//                       </>\n//                     )}\n//                     <ul>\n//                       {[...data.include_masters]\n//                         .sort((a, b) => b?.pivot?.availability_for_plan - a?.pivot?.availability_for_plan)\n//                         .map((res, j) => res?.pivot?.include_id_both === 1 && (\n//                           <li key={j}>\n//                             <img src={whiteround} alt='checkImage' loading=\"lazy\" width={20} height={20} />\n//                             {res?.title?.[language]}\n//                           </li>\n//                       ))}\n//                     </ul>\n//                     <button className='solid_btn' onClick={() => window.location.assign(`${process.env.REACT_APP_REDIRECTION_URL}`)}>\n//                       {isPro ? plansData[language].submitBtnPro : plansData[language].submitBtn}\n//                     </button>\n//                   </div>\n//                 )\n//               );\n//             })}\n//           </div>\n//         </div>\n//       </div>\n//     </section>\n//   );\n// };\n\n// export default WhyLegisPricing;\n\n\nimport React, { useEffect, useState } from 'react';\nimport legisBg from \"../../../utils/images/why_legis_bg.jpg\";\nimport whiteround from \"../../../utils/images/white_round_tick.png\";\nimport { useTranslation } from 'react-i18next';\nimport i18n from '../../../i18n';\n\nconst WhyLegisPricing = ({ licenceData }) => {\n  const { t } = useTranslation();\n  const language = i18n.language;\n\n  const [billingCycle, setBillingCycle] = useState('monthly');\n\n  const monthlyPrice = 9.99;\n  const yearlyPrice = 60;\n  const monthlyEffective = yearlyPrice / 12;\n\n  const discountPercent = Math.round((1 - (monthlyEffective / monthlyPrice)) * 100); // 50%\n\n  const plansData = {\n    en: {\n      title: \"Freemium\",\n      name: \"Free\",\n      para: \"\",\n      submitBtn: \"FREE Sign Up\",\n      titlePro: \"Pro\",\n      submitBtnPro: \"14 Day trial\",\n      monthly: {\n        amount: `$${monthlyPrice.toFixed(2)}`,\n        per: \"Per month\",\n        note: `Save up to ${discountPercent}% by paying yearly`,\n      },\n      yearly: {\n        amount: `$${(yearlyPrice / 12).toFixed(2)}`,\n        per: \"Per month,\",\n        note: ` billed yearly at $${yearlyPrice}`,\n        save: `SAVE ${discountPercent}%`\n      }\n    },\n    es: {\n      title: \"Freemium\",\n      name: \"Gratis\",\n      para: \"\",\n      submitBtn: \"Regístrate GRATIS\",\n      titlePro: \"Pro\",\n      submitBtnPro: \"Prueba de 14 días\",\n      monthly: {\n        amount: `$${monthlyPrice.toFixed(2)}`,\n        per: \"por mes\",\n        note: `Ahorra hasta un ${discountPercent}% pagando anualmente`,\n      },\n      yearly: {\n        amount: `$${(yearlyPrice / 12).toFixed(2)}`,\n        per: \"por mes, facturado anualmente a $60\",\n        save: `AHORRA ${discountPercent}%`\n      }\n    },\n    fr: {\n      title: \"Freemium\",\n      name: \"Gratuit\",\n      para: \"\",\n      submitBtn: \"Inscription GRATUITE\",\n      titlePro: \"Pro\",\n      submitBtnPro: \"Essai de 14 jours\",\n      monthly: {\n        amount: `$${monthlyPrice.toFixed(2)}`,\n        per: \"par mois\",\n        note: `Économisez jusqu'à ${discountPercent}% en payant annuellement`,\n      },\n      yearly: {\n        amount: `$${(yearlyPrice / 12).toFixed(2)}`,\n        per: \"par mois, facturé 60$ annuellement\",\n        save: `ÉCONOMISEZ ${discountPercent}%`\n      }\n    }\n  };\n\n  const handleBillingCycleChange = (cycle) => {\n    setBillingCycle(cycle);\n  };\n\n  return (\n    <section className='why_legis' style={{ backgroundImage: `url(${legisBg})` }}>\n      <div className='container'>\n        <div className='why_legis_inner'>\n          <div className='global_head'>\n            <h2>{t(\"whyLegisMusic\")}</h2>\n            <p>{t(\"whyLegisDesc\")}<span>{t(\"whyLegisSpanOne\")}</span>{t(\"whyLegisDesc2\")}<span>{t(\"whyLegisSpanTwo\")}</span>{t(\"whyLegisSpanThree\")}</p>\n          </div>\n\n          <div className='plans_toggle_button'>\n            <ul>\n              <li>\n                <button\n                  className={`${billingCycle === 'monthly' ? 'solid_btn' : 'border_btn'}`}\n                  onClick={() => handleBillingCycleChange('monthly')}\n                  aria-pressed={billingCycle === 'monthly'}\n                >Monthly</button>\n              </li>\n              <li>\n                <button\n                  className={`${billingCycle === 'yearly' ? 'solid_btn' : 'border_btn'}`}\n                  onClick={() => handleBillingCycleChange('yearly')}\n                  aria-pressed={billingCycle === 'yearly'}\n                >Yearly</button>\n              </li>\n            </ul>\n          </div>\n\n          <div className='plans'>\n            {licenceData?.subscriptionPlan?.length > 0 && licenceData.subscriptionPlan.map((data, i) => {\n              const title = data?.title?.[language] || '';\n              const isPro = title === 'Pro';\n              return (\n                data?.mostpopular === 1 && (\n                  <div className={`plan_box ${isPro && billingCycle === 'yearly' ? 'pro_with_badge' : ''}`} key={i}>\n                    {isPro && billingCycle === 'yearly' && (\n                      <div className='save_badge'>{plansData[language].yearly.save}</div>\n                    )}\n\n                    <h3><span>{title}</span> {isPro ? plansData[language][billingCycle].amount : plansData[language].name}</h3>\n                    {isPro && (\n                      <>\n                        <p className=\"subtext\">{plansData[language][billingCycle].per}</p>\n                        {billingCycle === 'monthly' ? \n                          <p className=\"highlight\">{plansData[language].monthly.note}</p>\n                        :\n                          <p className=\"highlight\">{plansData[language].yearly.note}</p>\n                        }\n                      </>\n                    )}\n                    <ul>\n                      {[...data.include_masters]\n                        .sort((a, b) => b?.pivot?.availability_for_plan - a?.pivot?.availability_for_plan)\n                        .map((res, j) => res?.pivot?.include_id_both === 1 && (\n                          <li key={j}>\n                            <img src={whiteround} alt='checkImage' loading=\"lazy\" width={20} height={20} />\n                            {res?.title?.[language]}\n                          </li>\n                      ))}\n                    </ul>\n                    <button className='solid_btn' onClick={() => window.location.assign(`${process.env.REACT_APP_REDIRECTION_URL}`)}>\n                      {isPro ? plansData[language].submitBtnPro : plansData[language].submitBtn}\n                    </button>\n                  </div>\n                )\n              );\n            })}\n          </div>\n        </div>\n      </div>\n    </section>\n  );\n};\n\nexport default WhyLegisPricing;\n"],"names":["SocialMediaSlider","_socialLogos$socialMe","socialLogos","setSocialLogos","useState","location","useLocation","useEffect","fetchData","pathname","async","response","axiosInstance","data","err","console","log","_jsx","className","children","Swiper","spaceBetween","loop","autoplay","delay","modules","Autoplay","breakpoints","slidesPerView","centeredSlides","socialMediaLogos","length","map","logo","index","SwiperSlide","src","full_image_url","alt","FAQSection","openIndex","setOpenIndex","subsPlanfaq","setSubPlanfaq","questionsData","setQuestionsData","t","useTranslation","language","i18n","fetchMusicFaq","get","_response$data2","faq","error","faqSection","_jsxs","title","dangerouslySetInnerHTML","__html","description","_faq$question","_faq$question2","_faq$answer","question","concat","onClick","toggleFAQ","FontAwesomeIcon","icon","faMinus","faPlus","answer","style","color","window","assign","process","_ref","_licenceData$subscrip","licenceData","billingCycle","setBillingCycle","monthlyPrice","discountPercent","Math","round","plansData","en","name","para","submitBtn","titlePro","submitBtnPro","monthly","amount","toFixed","per","note","yearly","save","es","fr","handleBillingCycleChange","cycle","backgroundImage","legisBg","subscriptionPlan","i","_data$title","isPro","mostpopular","_Fragment","include_masters","sort","a","b","_b$pivot","_a$pivot","pivot","availability_for_plan","res","j","_res$pivot","_res$title","include_id_both","whiteround","loading","width","height"],"sourceRoot":""}