From 35493be717801728e342f2e2565c97ee897a9232 Mon Sep 17 00:00:00 2001 From: Daniil Chemerkin Date: Mon, 17 Feb 2025 22:34:18 +0000 Subject: [PATCH] develop --- .../compatibility-v2/en/female_en.json | 498 ++++++++++++++++++ .../locales/compatibility-v2/en/male_en.json | 489 +++++++++++++++++ .../components/CameraModal/index.tsx | 14 +- .../components/SecretDiscountTable/index.tsx | 4 +- .../CompatibilityV2/pages/Camera/index.tsx | 114 +++- .../pages/Camera/styles.module.scss | 46 +- .../CompatibilityV2/pages/Gender/index.tsx | 3 + .../pages/GenderPartner/index.tsx | 4 + .../CompatibilityV2/pages/SaveOff/index.tsx | 5 +- .../pages/SecretDiscount/index.tsx | 6 +- .../components/SecretDiscountTable/index.tsx | 4 +- .../EmailMarketing/v1/pages/SaveOff/index.tsx | 14 +- .../v1/pages/SecretDiscount/index.tsx | 72 +-- .../v1/pages/SpecialOffer/index.tsx | 74 +-- .../components/CameraModal/index.tsx | 14 +- .../components/SecretDiscountTable/index.tsx | 4 +- .../PalmistryV1/pages/Camera/index.tsx | 114 +++- .../pages/Camera/styles.module.scss | 46 +- .../pages/GenderPalmistry/index.tsx | 3 + .../PalmistryV1/pages/SaveOff/index.tsx | 6 +- .../pages/SecretDiscount/index.tsx | 6 +- .../components/SecretDiscountTable/index.tsx | 4 +- .../PalmistryV2/pages/SaveOff/index.tsx | 13 +- .../pages/SecretDiscount/index.tsx | 69 +-- .../PalmistryV2/pages/TrialPayment/index.tsx | 84 +-- .../pages/ABDesign/v1/pages/Gender/index.tsx | 8 +- .../ABDesign/v1/pages/Onboarding/index.tsx | 8 +- .../pages/GetInformationPartner/index.tsx | 12 + .../pages/SkipTrial/index.tsx | 8 +- .../palmistry/step-welcome/step-welcome.tsx | 8 +- src/locales/index.ts | 23 +- .../v1/CheckSubscriptionOutlet/index.tsx | 28 + .../MarketingLanding/v1/index.tsx | 101 +++- src/routerComponents/Palmistry/v2/index.tsx | 93 +++- src/routes.ts | 12 + src/services/metric/metricService.ts | 1 + 36 files changed, 1798 insertions(+), 214 deletions(-) create mode 100644 public/locales/compatibility-v2/en/female_en.json create mode 100644 public/locales/compatibility-v2/en/male_en.json create mode 100644 src/routerComponents/MarketingLanding/v1/CheckSubscriptionOutlet/index.tsx diff --git a/public/locales/compatibility-v2/en/female_en.json b/public/locales/compatibility-v2/en/female_en.json new file mode 100644 index 0000000..d7da9e5 --- /dev/null +++ b/public/locales/compatibility-v2/en/female_en.json @@ -0,0 +1,498 @@ +{ + "next": "Next", + "biometric_data": "We don’t collect any biometric data. All recognition processes occur on your device.", + "went_wrong": "Something went wrong.", + "v": "v1", + "config": "en.male", + "threadId": "thread_uBoB6htpYLoPp1bHDUXnrVKS", + "assistantId": "asst_ZClw0fzJaQlhxUigjxHp87Nc", + "privacy_policy": "By continuing, you agree to our and . Have a question? Reach out to our support team ", + "eula_link": "End User License Agreement", + "privacy_notice": "Privacy Notice", + "policy_here": "here", + "thumb": "Thumb", + "index_finger": "Index finger", + "middle_finger": "Middle finger", + "ring_finger": "Ring finger", + "pinky": "Little finger", + "skip_trial": "Skip trial period", + "add_consultant": "Add consultant", + "add_guides": "Add guides", + "access_product": "Access product", + "thank_you": "Thank you!", + "order_successful": "Your order was successfully processed!", + "male": "Male", + "female": "Female", + "males": "Males", + "females": "Females", + "/find-your-happiness": { + "title": "Gain Clarity and Confidence in Life", + "text": "Use astrology and palmistry to strengthen yourself and your relationships", + "advantage1": "In-depth Analysis: We scan the lines on your palm", + "advantage2": "Personalized Approach: Compatibility and Future Analysis", + "advantage3": "Quick Results: Takes no more than 5 minutes" + }, + "/gender": { + "title": "What is Your Gender?", + "description": "In palmistry, everyone has both masculine and feminine traits.

Let's determine yours for a more accurate palm reading.", + "already_have_account": "Already have an account? Sign in" + }, + "/birthdate": { + "title": "When Were You Born?", + "text": "Your birth date can reveal strengths and values that may help you move forward" + }, + "/palms-information": { + "aries": { + "title": "♈ Aries", + "description": "Your palms are a map of destiny, reflecting your strength and character. According to our data, 76 million Aries have a clear and straight head line, indicating decisiveness and independence. In 81% of successful relationships, their partners share their passion for action. Your palms will reveal how well your ambitions and energy align with your partner." + }, + "taurus": { + "title": "♉ Taurus", + "description": "The patterns on your palms reveal your true self. Our research shows that 83 million Taurus have a long and smooth life line, a sign of resilience and desire for stability. In 86% of harmonious relationships, partners value reliability and comfort. Take a look at your palm—it will indicate how strong your union is." + }, + "gemini": { + "title": "♊ Gemini", + "description": "Your palms are a mirror of your mind and character. According to our data, 72 million Gemini have a bifurcated or branched head line, suggesting flexibility and multitasking ability. In 78% of successful relationships, partners are ready for change and spontaneity. Check your lines—they will show how well your partner matches your pace." + }, + "cancer": { + "title": "♋ Cancer", + "description": "Your palm lines hide secrets of emotions and attachments. Our data shows that 78 million Cancers have a clear and expressive heart line, indicating deep sensitivity. In 82% of strong relationships, Cancer partners have well-developed empathy. Your palm will help reveal how well you and your loved one understand each other." + }, + "leo": { + "title": "♌ Leo", + "description": "Palms store the history of your personality. Our data indicates that 80 million Leos have a noticeable Sun line, which suggests innate charisma and a drive for recognition. In 84% of happy relationships, Leo partners are admired and share their ambitions. Your palm will show how ready your partner is to be part of your shine." + }, + "virgo": { + "title": "♍ Virgo", + "description": "Every line on your palm is a trace of your character. Our observations show that 75 million Virgos have fine but distinct lines, reflecting attention to detail and rationality. In 79% of successful Virgo relationships, trust and predictability are key. Your palms will reveal how well your values align with your partner." + }, + "libra": { + "title": "♎ Libra", + "description": "The harmony of your palms reflects the harmony of your soul. Our data shows that 77 million Libras have a curved and smooth heart line, indicating diplomacy and balanced relationships. In 80% of successful partnerships, their partners appreciate honesty and compromise. Look at your palm—it will indicate how much your relationship is based on mutual understanding." + }, + "scorpio": { + "title": "♏ Scorpio", + "description": "The depth of your palm lines reflects the depth of your feelings. Our research shows that 81 million Scorpios have a deep and straight heart line, indicating passion and devotion. In 83% of successful relationships, their partners share the same emotional intensity. Your palm will show how genuine the connection between you and your partner is." + }, + "sagittarius": { + "title": "♐ Sagittarius", + "description": "The lines on your palm are a map of your life journey. Our data shows that 74 million Sagittarians have a long and prominent head line, symbolizing curiosity and a quest for freedom. In 77% of long-term relationships, their partners share an adventurous spirit. Your palm will tell you how ready your partner is for your ambitious dreams." + }, + "capricorn": { + "title": "♑ Capricorn", + "description": "Your palms are a reflection of your strength and determination. Our data shows that 79 million Capricorns have a pronounced fate line, indicating their ambitions and discipline. In 85% of happy marriages, their partners support their pursuit of success. Look at your palm—it will reveal how much your union is based on shared goals." + }, + "aquarius": { + "title": "♒ Aquarius", + "description": "The lines on your palm are the mark of your uniqueness. Our research shows that 71 million Aquarians have an unconventional head line, indicating originality and non-standard thinking. In 75% of harmonious relationships, their partners respect their freedom and independence. Your palm will reveal how ready your partner is for your innovative ideas." + }, + "pisces": { + "title": "♓ Pisces", + "description": "Palms conceal the secrets of your soul. Our data shows that 82 million Pisces have a long and smooth heart line, indicating their intuition and deep sense of love. In 84% of strong relationships, their partners share a similar sensitivity. Your palm will tell you how well your partner can feel you on an emotional level." + } + }, + "/what-aspects": { + "title": "Which Areas of Life Do You Want to Gain a Deeper Understanding Of?", + "answer1": "Love and Relationships", + "answer2": "Health and Energy", + "answer3": "Career and Purpose", + "answer4": "Life Transitions" + }, + "/relationship-status": { + "title": "To Better Understand You, Indicate Your Current Relationship Status", + "answer1": "Single", + "answer2": "In a Relationship", + "answer3": "Married", + "answer4": "Divorced" + }, + "/element-resonates": { + "title": "Which Element Empowers You the Most?", + "answer1": "Water", + "answer2": "Fire", + "answer3": "Air", + "answer4": "Earth", + "answer5": "Light", + "answer6": "Darkness" + }, + "/favorite-color": { + "title": "Which Color Best Reflects Your Personality?", + "answer1": "Blue", + "answer2": "Green", + "answer3": "Orange", + "answer4": "Violet", + "answer5": "Red", + "answer6": "Yellow", + "answer7": "Turquoise" + }, + "/head-or-heart": { + "title": "What Guides You in Life: The Call of the Heart or the Voice of Reason?", + "answer1": "Follow My Heart", + "answer2": "Rely on Reason", + "answer3": "Combine Both Approaches", + "answer4": "Depends on the Situation" + }, + "/relate-following": { + "title": "How Important Is It for You to Meet Your Partner's Expectations?", + "question1": "", + "question2": "I value and enjoy my own company.", + "question3": "I prefer socializing in groups rather than spending time alone.", + "question4": "Loneliness is something I actively try to avoid.", + "question5": "I enjoy activities that I can do independently.", + "strongly_agree": "Very Important", + "strongly_disagree": "Not Important at All" + }, + "/gender-partner": { + "title": "Your Partner's Gender", + "description": "Select your partner's gender for a personalized astrological analysis. The stars consider every detail! ✨", + "already_have_account": "" + }, + "/birthdate-partner": { + "title": "Your Partner's Birth Date?", + "text": "We'll incorporate zodiac influences for a more precise compatibility assessment" + }, + "/date-event": { + "single": { + "title": "Enter a Significant Date Important to You.", + "text": "💫 A significant date can help reveal planetary influences on your life and provide a more personalized analysis." + }, + "relationship": { + "title": "Enter a Significant Date Important to You or Your Partner.", + "text": "💫 A significant date can help reveal planetary influences on your relationship and provide a more personalized analysis." + } + }, + "/palms-information-partner": { + "aries": { + "title": "♈ Aries", + "description": "Passionate, straightforward, and initiative-driven. Falls in love quickly, acts decisively, but can be impatient and jealous. Loves leadership and craves intense emotions, hates routine. If the feelings fade, they leave without regret. You form an intriguing combination, and we have a lot to share with you!" + }, + "taurus": { + "title": "♉ Taurus", + "description": "Reliable, sensual, and loyal. Moves slowly but thoroughly in love. Values stability, comfort, and physical connection. Can be possessive and reluctant to let go of the past. Doesn't tolerate betrayal or sudden changes. How will your relationship fare? We have the answers!" + }, + "gemini": { + "title": "♊ Gemini", + "description": "Light-hearted, sociable, and unpredictable. Gets interested quickly but might lose interest just as fast. Enjoys intellectual interaction, flirting, and freedom. Sometimes inconsistent, but with someone who can keep their interest, they're committed. What are your chances for harmony? Let's find out together!" + }, + "cancer": { + "title": "♋ Cancer", + "description": "Sensitive, caring, and loyal. Emotions are their main element. Falls deeply in love but opens up slowly. Can be vulnerable and needs emotional safety. If disappointed, they leave but linger long over it. What's your emotional compatibility? We have the answer!" + }, + "leo": { + "title": "♌ Leo", + "description": "Bright, charismatic, and generous. Loves attention, compliments, and drama. Acts like a conqueror in love but desires admiration and loyalty. Can be self-centered but loyal to those who appreciate them. Can you become a true power couple? Let’s check!" + }, + "virgo": { + "title": "♍ Virgo", + "description": "Rational, reliable, and demanding. Cautious in love, doesn't rush to open up. Values order, honesty, and depth. Can be critical and reserved, but becomes a loyal partner once they trust. Your combination might be incredibly strong—let's discover the details!" + }, + "libra": { + "title": "♎ Libra", + "description": "Charming, diplomatic, and romantic. Loves harmony, elegant courtship, and intellectual conversation. May hesitate before making decisions but strives for equality and understanding in relationships. What role will you play in this connection? We'll tell you!" + }, + "scorpio": { + "title": "♏ Scorpio", + "description": "Deep, passionate, and magnetic. Loves seriously and long, but can be jealous and possessive. Trust and emotional connection are vital, and betrayal is unforgivable. Loves deeply. What secrets lie in your union? We know!" + }, + "sagittarius": { + "title": "♐ Sagittarius", + "description": "Free-spirited, energetic, and optimistic. Loves adventure, novelty, and independence. Falls in love quickly but doesn't tolerate pressure. May avoid commitments but becomes a loyal partner with someone who shares their spirit of freedom. Will your union be full of passion or freedom? Let's find out!" + }, + "capricorn": { + "title": "♑ Capricorn", + "description": "Reserved, goal-oriented, and reliable. Serious and practical in love, dislikes games and frivolity. Observes for a long time but builds strong, lasting relationships once decided. Faithful, but can be too strict. Compatibility with them can be life-changing—want to know more?" + }, + "aquarius": { + "title": "♒ Aquarius", + "description": "Original, independent, and intellectual. Loves freedom, experimentation, and friendship in relationships. Can be emotionally detached but with someone who shares their views, becomes a loyal ally. Your bond with them might be unconventional—let’s explore the details!" + }, + "pisces": { + "title": "♓ Pisces", + "description": "Romantic, intuitive, and dreamy. Falls deeply in love but can be prone to illusions. Seeks spiritual connection, tenderness, and care. May lose themselves in a partner, but if disillusioned, leaves behind a mystery. Will your union be magical or illusory? We know the answer!\n🔮 You form a unique combination, and we can tell you so much more! Let's dive into the details!" + } + }, + "/let-scan": { + "title": "We Are Scanning Your Palm", + "text": "Follow the on-screen instructions so we can analyze the lines of your palm, revealing the future and the secrets of your destiny!" + }, + "/scan-instruction": { + "title": "Photograph Your Palm as Shown", + "button": "Take Photo Now" + }, + "/email": { + "title": "Enter Your Email to Receive a Detailed Palmistry Compatibility Analysis!", + "not_share": "We do not share your personal information with third parties.", + "placeholder_email": "Your email", + "placeholder_name": "Your name" + }, + "app_number_one": { + "text": "The app trusted by over 25 million people.", + "color": "#1 Astrology" + }, + "/trial-payment": { + "information-title": "We're Ready to Give You All the Answers, Don't Spend Years in Doubt!", + "information-description-single": "Ever wondered why some relationships flow smoothly while others feel tense like a tightrope? Coincidence or a sign of destiny? Hands tell more than you think. The lines on your palm are a map of your relationships. there are hidden signs in your life that you haven't noticed yet.

Receive a detailed palmistry compatibility analysis and discover the answers that are already written in your destiny.", + "information-description-single-color": " ()", + "information-description-single-event-description": "Your date may have been a turning point or a hidden signal.", + "information-description-with-partner": "Hands tell more than you think. The lines on your palm are a map of your relationships. — two signs created for depth, but what secrets does your union hold? Receive a detailed palmistry compatibility analysis and discover the answers that are already written in your destiny.", + "information-description-with-partner-color": " () + ()", + "information-description-with-partner-event-description": "Your date may have been a turning point or a hidden signal.", + "palm_is_ready": { + "title": "Your Palm Reading ", + "title_color": "Is Ready", + "description": "“I’ve just received your palm scan results. Let’s discuss!”", + "text1": " 6 years in palmistry readings and spiritual guidance.", + "text1_color": "Akho", + "text2": "Choose from 80+ palm readers and astrologers." + }, + "joined_today": { + "text1": "Unlimited chats with a palm reader", + "text2": " people joined today" + }, + "get_personal_prediction": "Get personal prediction", + "how_work": { + "title": "How does AURA work?", + "point1_title": "Send us your palm scan", + "point1_text": "We analyze your palm lines to get hints about your future", + "point2_title": "Your palm reading is generated", + "point2_text": "One of our professional palm readers puts together a report filled with hints about your future", + "point3_title": "Start your trial to receive your prediction", + "point3_text": "Once you’re an AURA member, we’ll send over your prediction report so you can begin living a better life.", + "point4_title": "Talk with a palm reading specialist anytime", + "point4_text": "Get ongoing support by discussing your readings, personal horoscopes, and compatibilities with our expert team." + }, + "money_back_guarantee": { + "title": "100% Money-back Guarantee", + "text": "If you don’t notice any progress after using the app for at least a week, we are ready to make a complete refund within 14 days." + }, + "begin_trial_now": "Begin Trial Now", + "what_included": { + "title": "What’s included?", + "point1": " palm readings", + "point1_bold": "Unlimited", + "point2": " with professional astrologers", + "point2_bold": "1:1 live chats", + "point3": " readings", + "point3_bold": "Daily compatibility", + "point4": "Cosmic relationship tips", + "point5": "Daily horoscopes" + }, + "palms_say_about": { + "title": "What do your palms say about you?", + "point1": " shows your attitude to love and the quality of love", + "point1_color": "Love line", + "point2": "A long thumb indicates good fortune", + "point3": " reflects your intelligence and mentality", + "point3_color": "Head line", + "point4": "A long index finger indicates a natural leader", + "point5": " defines the quality of your life and what you will achieve", + "point5_color": "Life line", + "point6": "A short middle finger reveals a free spirit", + "point7": " represents your material achievement and career goals", + "point7_color": "Fate line", + "point8": "A long ring finger reveals that a person tends to take risks", + "point9": "A short little finger indicates the person's lack of self-confidence" + }, + "discover_more": "Discover More", + "why_love": "Why does everyone ?", + "why_love_color": "love AURA", + "reviews": { + "username1": "Rebecca Bauman", + "tagline1": "\"It’s changed my life!\"", + "text1": "I'm thankful for this app and Akho! She's an excellent palm reader and astrologer—clear, thorough, and reassuring. I eagerly look forward to more sessions with her!", + "username2": "Mika Ryan", + "tagline2": "\"After years of seeking, I’ve finally found a true love.\"", + "text2": "I was hesitant about whether it was really worth trying, but now I have no regrets and I'm enjoying my new relationships!", + "username3": "Amanda Holmes", + "tagline3": "\"I’ve found a job I really enjoy.\"", + "text3": "Thanks to Vladana, I've finally discovered a clue about what my life's purpose really is and what kind of job resonates with me better!" + }, + "success_story": "Become a AURA Success Story!", + "as_seen_in": " As Seen in", + "footer": { + "text1": "Questions? We’re here to help", + "text2": "Customer Support", + "text3": "Help Center" + } + }, + "/payment": { + "will_be_charged": "You will be charged only . Save now. Then per week. We’ll before your trial ends.", + "will_be_charged_email_reminder": "email you a reminder", + "will_be_charged_trial_info": " for your -day trial", + "payment_information": { + "personalized_offer": "Personalized offer reserved", + "title": "Start your -day trial", + "total_today": "Total today", + "code_applied_bold": "AURA24", + "code_applied": "Code applied!" + }, + "guarantees": { + "no_commitment": "No commitment. Cancel anytime.", + "30_day_money_back": "30-Day Money-Back Guarantee" + }, + "get_personal_prediction": "Get personal prediction", + "total_due": "Total due today: ", + "app_number_one_color": "25 million people.", + "app_number_one": "The #1 Astrology app trusted by over " + }, + "/scanned-photo": { + "title": "Your In-Depth Palmistry Compatibility Analysis Is Almost Ready!", + "text": "Judging by your lines, you have an exciting future ahead. Let's dive into all the details!", + "without-partner": { + "loaders": { + "title-1-1": "Analyzing your key traits...", + "title-1-2": "Reading astrological parameters...", + "title-2-1": "Calculating your unique compatibility chart...", + "title-2-2": "Creating a personalized love strategy...", + "title-3-1": "Comparing you across 1,120,000 potential astrological combinations...", + "title-3-2": "Checking forecast accuracy—almost there..." + }, + "modals": { + "title-1": "Clarifying question.", + "description-1": "Have you noticed recurring cycles in your life?", + "answer-1-left": "NO", + "answer-1-right": "YES", + "title-2": "Clarifying question.", + "description-2": "What's more important to you: fate or choice?", + "answer-2-left": "CHOICE", + "answer-2-right": "FATE", + "title-3": "Clarifying question.", + "description-3": "Do you believe there's more to love than chance?", + "answer-3-left": "NO", + "answer-3-right": "YES" + } + }, + "with-partner": { + "loaders": { + "title-1-1": "Analyzing both your and your partner's key traits...", + "title-1-2": "Reading astrological parameters...", + "title-2-1": "Calculating your unique compatibility chart...", + "title-2-2": "Checking key intersections of your destinies...", + "title-3-1": "Comparing your match across 1,120,000 potential astrological combinations...", + "title-3-2": "Inputting data: evaluating the depth of your connection—almost there..." + }, + "modals": { + "title-1": "Clarifying question.", + "description-1": "Have you noticed recurring cycles in your life?", + "answer-1-left": "NO", + "answer-1-right": "YES", + "title-2": "Clarifying question.", + "description-2": "What's more important to you: fate or choice?", + "answer-2-left": "CHOICE", + "answer-2-right": "FATE", + "title-3": "Clarifying question.", + "description-3": "Do you believe love is more than just luck?", + "answer-3-left": "NO", + "answer-3-right": "YES" + } + } + }, + "aura_paywall_palmistry_main": { + "text_0": "We have helped millions of people unveil the destiny of their love life and understand what's in store for their future and families.", + "text_1": "It costs us $13.21 to compensate our AURA team for the trial period, but please choose an amount that is comfortable for you." + }, + "/skip-trial": { + "title": "Not Looking to Look Back?", + "price_per_week": " per week", + "billing_period": "Billing Period", + "billed_amount": "Billed Amount", + "billed_in_4_weeks": "Billed in 4 weeks", + "start_trial": { + "every_week": "Every week", + "start_trial": "Start Trial" + }, + "skip_trial": { + "save": "save %", + "every_4_weeks": "Every 4 weeks", + "skip_trial": "Accept Offer and Skip Trial Period" + } + }, + "/add-consultant": { + "more_for_you": "More for You", + "exclusive_offer": "Exclusive offer just for you to help reach your goals faster", + "your_unique_consultation": "Your Unique Personal Consultation", + "30-minute": "30-minute private consultation with an expert", + "description": "You can request insights into your future, analyze life compatibility, check love compatibility, and more", + "one_time_price_offer": "Special one-time price:", + "original_price": "Original price: ", + "you_will_be_charged": "*You will be charged for any additional services or offers selected at the time of purchase.\n This is a one-time payment.", + "get_my_consultation": "Get My Consultation", + "discount_save": "Save", + "caution": "Caution!", + "caution_text": "To avoid double charging, please do not close the page or go back.", + "unlock_profound": "Unlock profound insights into your personality, relationships, career path, and key life moments with astrology. This will allow you to make more informed decisions and achieve greater satisfaction.", + "choose_from": "Choose from over 80 expert astrologers." + }, + "/camera": { + "bad_photo": "Bad Photo!", + "try_again": "Try Again", + "do_better": "You Can Do Better", + "no_access_camera": "No Access to Camera", + "give_access": "Give Access", + "reload_page": "Please reload the page to continue.", + "reload_page_button": "Reload Page", + "next": "Next", + "modal": { + "title": "To scan your hand, access to the Camera is required.", + "cancel": "Cancel", + "allow": "Allow" + } + }, + "/depends": { + "with-partner": { + "title": "Based on our data, only 9% of born under the have a distinct logical clarity—a rare gift. We'll definitely take this trait into account in your palm lines when preparing your Compatibility analysis with ." + }, + "single": { + "title": "Based on our data, only 9% of born under the sign possess a clear logical clarity—a rare gift. We'll certainly take this trait into account in your lines." + } + }, + "/with-heart": { + "with-partner": { + "title": "Your choice is natural. According to our data, 52% of follow their heart. We will consider this in your palm analysis for Compatibility with !" + }, + "single": { + "title": "Your choice is natural—based on our data, 51% of with the sign follow their heart. We'll take this into account in your lines!" + } + }, + "/with-head": { + "with-partner": { + "title": "Even among , not everything is decided by the heart – Based on our data, 35% of in your sign make decisions based on reason. We will take this aspect into account in your compatibility analysis with ." + }, + "single": { + "title": "Even among , not everything is decided by the heart—based on our data, 35% of of your sign make decisions guided by reason. We'll factor this into your analysis." + } + }, + "/both": { + "with-partner": { + "title": "The facts speak for themselves! According to our data, only 15% of born under the equally follow both their mind and heart. This is the secret to harmonious relationships with , and we'll consider this in your readings." + }, + "single": { + "title": "The facts speak for themselves! According to our data, only 15% of born under the sign follow both heart and mind equally. That's the secret to harmonious relationships, and we'll reflect this in your lines." + } + }, + "/romantic-gestures": { + "title": "How Do You Feel About Romantic Gestures?", + "answer1": "Love them", + "answer2": "Neutral", + "answer3": "Don't see the point" + }, + "/checking-phone": { + "title": "What Are Your Thoughts on Checking a Partner's Phone or Messages?", + "answer1": "Strongly against", + "answer2": "Only in extreme cases", + "answer3": "Fine with it" + }, + "zodiac_signs": { + "aries": "Aries", + "taurus": "Taurus", + "gemini": "Gemini", + "cancer": "Cancer", + "leo": "Leo", + "virgo": "Virgo", + "libra": "Libra", + "scorpio": "Scorpio", + "sagittarius": "Sagittarius", + "capricorn": "Capricorn", + "aquarius": "Aquarius", + "pisces": "Pisces" + } +} \ No newline at end of file diff --git a/public/locales/compatibility-v2/en/male_en.json b/public/locales/compatibility-v2/en/male_en.json new file mode 100644 index 0000000..fc30649 --- /dev/null +++ b/public/locales/compatibility-v2/en/male_en.json @@ -0,0 +1,489 @@ +{ + "next": "Next", + "biometric_data": "We don’t collect any biometric data. All recognition processes occur on your device.", + "went_wrong": "Something went wrong.", + "v": "v1", + "config": "en.male", + "threadId": "thread_uBoB6htpYLoPp1bHDUXnrVKS", + "assistantId": "asst_ZClw0fzJaQlhxUigjxHp87Nc", + "privacy_policy": "By continuing, you agree to our and . Have a question? Reach out to our support team ", + "eula_link": "End User License Agreement", + "privacy_notice": "Privacy Notice", + "policy_here": "here", + "thumb": "Thumb", + "index_finger": "Index finger", + "middle_finger": "Middle finger", + "ring_finger": "Ring finger", + "pinky": "Little finger", + "skip_trial": "Skip trial period", + "add_consultant": "Add consultant", + "add_guides": "Add guides", + "access_product": "Access product", + "thank_you": "Thank you!", + "order_successful": "Your order was successfully processed!", + "male": "Male", + "female": "Female", + "males": "Males", + "females": "Females", + "/find-your-happiness": { + "title": "Gain Clarity and Confidence in Life", + "text": "Use astrology and palmistry to strengthen yourself and your relationships", + "advantage1": "In-depth Analysis: We scan the lines on your palm", + "advantage2": "Personalized Approach: Compatibility and Future Analysis", + "advantage3": "Quick Results: Takes no more than 5 minutes" + }, + "/gender": { + "title": "What is Your Gender?", + "description": "In palmistry, everyone has both masculine and feminine traits.

Let's determine yours for a more accurate palm reading.", + "already_have_account": "Already have an account? Sign in" + }, + "/birthdate": { + "title": "When Were You Born?", + "text": "Your birth date can reveal strengths and values that may help you move forward" + }, + "/palms-information": { + "aries": { + "title": "♈ Aries", + "description": "Your palms are a map of destiny, reflecting your strength and character. According to our data, 76 million Aries have a clear and straight head line, indicating decisiveness and independence. In 81% of successful relationships, their partners share their passion for action. Your palms will reveal how well your ambitions and energy align with your partner." + }, + "taurus": { + "title": "♉ Taurus", + "description": "The patterns on your palms reveal your true self. Our research shows that 83 million Taurus have a long and smooth life line, a sign of resilience and desire for stability. In 86% of harmonious relationships, partners value reliability and comfort. Take a look at your palm—it will indicate how strong your union is." + }, + "gemini": { + "title": "♊ Gemini", + "description": "Your palms are a mirror of your mind and character. According to our data, 72 million Gemini have a bifurcated or branched head line, suggesting flexibility and multitasking ability. In 78% of successful relationships, partners are ready for change and spontaneity. Check your lines—they will show how well your partner matches your pace." + }, + "cancer": { + "title": "♋ Cancer", + "description": "Your palm lines hide secrets of emotions and attachments. Our data shows that 78 million Cancers have a clear and expressive heart line, indicating deep sensitivity. In 82% of strong relationships, Cancer partners have well-developed empathy. Your palm will help reveal how well you and your loved one understand each other." + }, + "leo": { + "title": "♌ Leo", + "description": "Palms store the history of your personality. Our data indicates that 80 million Leos have a noticeable Sun line, which suggests innate charisma and a drive for recognition. In 84% of happy relationships, Leo partners are admired and share their ambitions. Your palm will show how ready your partner is to be part of your shine." + }, + "virgo": { + "title": "♍ Virgo", + "description": "Every line on your palm is a trace of your character. Our observations show that 75 million Virgos have fine but distinct lines, reflecting attention to detail and rationality. In 79% of successful Virgo relationships, trust and predictability are key. Your palms will reveal how well your values align with your partner." + }, + "libra": { + "title": "♎ Libra", + "description": "The harmony of your palms reflects the harmony of your soul. Our data shows that 77 million Libras have a curved and smooth heart line, indicating diplomacy and balanced relationships. In 80% of successful partnerships, their partners appreciate honesty and compromise. Look at your palm—it will indicate how much your relationship is based on mutual understanding." + }, + "scorpio": { + "title": "♏ Scorpio", + "description": "The depth of your palm lines reflects the depth of your feelings. Our research shows that 81 million Scorpios have a deep and straight heart line, indicating passion and devotion. In 83% of successful relationships, their partners share the same emotional intensity. Your palm will show how genuine the connection between you and your partner is." + }, + "sagittarius": { + "title": "♐ Sagittarius", + "description": "The lines on your palm are a map of your life journey. Our data shows that 74 million Sagittarians have a long and prominent head line, symbolizing curiosity and a quest for freedom. In 77% of long-term relationships, their partners share an adventurous spirit. Your palm will tell you how ready your partner is for your ambitious dreams." + }, + "capricorn": { + "title": "♑ Capricorn", + "description": "Your palms are a reflection of your strength and determination. Our data shows that 79 million Capricorns have a pronounced fate line, indicating their ambitions and discipline. In 85% of happy marriages, their partners support their pursuit of success. Look at your palm—it will reveal how much your union is based on shared goals." + }, + "aquarius": { + "title": "♒ Aquarius", + "description": "The lines on your palm are the mark of your uniqueness. Our research shows that 71 million Aquarians have an unconventional head line, indicating originality and non-standard thinking. In 75% of harmonious relationships, their partners respect their freedom and independence. Your palm will reveal how ready your partner is for your innovative ideas." + }, + "pisces": { + "title": "♓ Pisces", + "description": "Palms conceal the secrets of your soul. Our data shows that 82 million Pisces have a long and smooth heart line, indicating their intuition and deep sense of love. In 84% of strong relationships, their partners share a similar sensitivity. Your palm will tell you how well your partner can feel you on an emotional level." + } + }, + "/what-aspects": { + "title": "Which Areas of Life Do You Want to Gain a Deeper Understanding Of?", + "answer1": "Love and Relationships", + "answer2": "Health and Energy", + "answer3": "Career and Purpose", + "answer4": "Life Transitions" + }, + "/relationship-status": { + "title": "To Better Understand You, Indicate Your Current Relationship Status", + "answer1": "Single", + "answer2": "In a Relationship", + "answer3": "Married", + "answer4": "Divorced" + }, + "/element-resonates": { + "title": "Which Element Empowers You the Most?", + "answer1": "Water", + "answer2": "Fire", + "answer3": "Air", + "answer4": "Earth", + "answer5": "Light", + "answer6": "Darkness" + }, + "/favorite-color": { + "title": "Which Color Best Reflects Your Personality?", + "answer1": "Blue", + "answer2": "Green", + "answer3": "Orange", + "answer4": "Violet", + "answer5": "Red", + "answer6": "Yellow", + "answer7": "Turquoise" + }, + "/head-or-heart": { + "title": "What Guides You in Life: The Call of the Heart or the Voice of Reason?", + "answer1": "Follow My Heart", + "answer2": "Rely on Reason", + "answer3": "Combine Both Approaches", + "answer4": "Depends on the Situation" + }, + "/relate-following": { + "title": "How Important Is It for You to Meet Your Partner's Expectations?", + "question1": "", + "question2": "I value and enjoy my own company.", + "question3": "I prefer socializing in groups rather than spending time alone.", + "question4": "Loneliness is something I actively try to avoid.", + "question5": "I enjoy activities that I can do independently.", + "strongly_agree": "Very Important", + "strongly_disagree": "Not Important at All" + }, + "/gender-partner": { + "title": "Your Partner's Gender", + "description": "Select your partner's gender for a personalized astrological analysis. The stars consider every detail! ✨", + "already_have_account": "" + }, + "/birthdate-partner": { + "title": "Your Partner's Birth Date?", + "text": "We'll incorporate zodiac influences for a more precise compatibility assessment" + }, + "/date-event": { + "single": { + "title": "Enter a Significant Date Important to You.", + "text": "💫 A significant date can help reveal planetary influences on your life and provide a more personalized analysis." + }, + "relationship": { + "title": "Enter a Significant Date Important to You or Your Partner.", + "text": "💫 A significant date can help reveal planetary influences on your relationship and provide a more personalized analysis." + } + }, + "/palms-information-partner": { + "aries": { + "title": "♈ Aries", + "description": "Passionate, straightforward, and initiative-driven. Falls in love quickly, acts decisively, but can be impatient and jealous. Loves leadership and craves intense emotions, hates routine. If the feelings fade, they leave without regret. You form an intriguing combination, and we have a lot to share with you!" + }, + "taurus": { + "title": "♉ Taurus", + "description": "Reliable, sensual, and loyal. Moves slowly but thoroughly in love. Values stability, comfort, and physical connection. Can be possessive and reluctant to let go of the past. Doesn't tolerate betrayal or sudden changes. How will your relationship fare? We have the answers!" + }, + "gemini": { + "title": "♊ Gemini", + "description": "Light-hearted, sociable, and unpredictable. Gets interested quickly but might lose interest just as fast. Enjoys intellectual interaction, flirting, and freedom. Sometimes inconsistent, but with someone who can keep their interest, they're committed. What are your chances for harmony? Let's find out together!" + }, + "cancer": { + "title": "♋ Cancer", + "description": "Sensitive, caring, and loyal. Emotions are their main element. Falls deeply in love but opens up slowly. Can be vulnerable and needs emotional safety. If disappointed, they leave but linger long over it. What's your emotional compatibility? We have the answer!" + }, + "leo": { + "title": "♌ Leo", + "description": "Bright, charismatic, and generous. Loves attention, compliments, and drama. Acts like a conqueror in love but desires admiration and loyalty. Can be self-centered but loyal to those who appreciate them. Can you become a true power couple? Let’s check!" + }, + "virgo": { + "title": "♍ Virgo", + "description": "Rational, reliable, and demanding. Cautious in love, doesn't rush to open up. Values order, honesty, and depth. Can be critical and reserved, but becomes a loyal partner once they trust. Your combination might be incredibly strong—let's discover the details!" + }, + "libra": { + "title": "♎ Libra", + "description": "Charming, diplomatic, and romantic. Loves harmony, elegant courtship, and intellectual conversation. May hesitate before making decisions but strives for equality and understanding in relationships. What role will you play in this connection? We'll tell you!" + }, + "scorpio": { + "title": "♏ Scorpio", + "description": "Deep, passionate, and magnetic. Loves seriously and long, but can be jealous and possessive. Trust and emotional connection are vital, and betrayal is unforgivable. Loves deeply. What secrets lie in your union? We know!" + }, + "sagittarius": { + "title": "♐ Sagittarius", + "description": "Free-spirited, energetic, and optimistic. Loves adventure, novelty, and independence. Falls in love quickly but doesn't tolerate pressure. May avoid commitments but becomes a loyal partner with someone who shares their spirit of freedom. Will your union be full of passion or freedom? Let's find out!" + }, + "capricorn": { + "title": "♑ Capricorn", + "description": "Reserved, goal-oriented, and reliable. Serious and practical in love, dislikes games and frivolity. Observes for a long time but builds strong, lasting relationships once decided. Faithful, but can be too strict. Compatibility with them can be life-changing—want to know more?" + }, + "aquarius": { + "title": "♒ Aquarius", + "description": "Original, independent, and intellectual. Loves freedom, experimentation, and friendship in relationships. Can be emotionally detached but with someone who shares their views, becomes a loyal ally. Your bond with them might be unconventional—let’s explore the details!" + }, + "pisces": { + "title": "♓ Pisces", + "description": "Romantic, intuitive, and dreamy. Falls deeply in love but can be prone to illusions. Seeks spiritual connection, tenderness, and care. May lose themselves in a partner, but if disillusioned, leaves behind a mystery. Will your union be magical or illusory? We know the answer!\n🔮 You form a unique combination, and we can tell you so much more! Let's dive into the details!" + } + }, + "/let-scan": { + "title": "We Are Scanning Your Palm", + "text": "Follow the on-screen instructions so we can analyze the lines of your palm, revealing the future and the secrets of your destiny!" + }, + "/scan-instruction": { + "title": "Photograph Your Palm as Shown", + "button": "Take Photo Now" + }, + "/email": { + "title": "Enter Your Email to Receive a Detailed Palmistry Compatibility Analysis!", + "not_share": "We do not share your personal information with third parties.", + "placeholder_email": "Your email", + "placeholder_name": "Your name" + }, + "app_number_one": { + "text": "The app trusted by over 25 million people.", + "color": "#1 Astrology" + }, + "/trial-payment": { + "information-title": "We're Ready to Give You All the Answers, Don't Spend Years in Doubt!", + "information-description-single": "Ever wondered why some relationships flow smoothly while others feel tense like a tightrope? Coincidence or a sign of destiny? Hands tell more than you think. The lines on your palm are a map of your relationships. there are hidden signs in your life that you haven't noticed yet.

Receive a detailed palmistry compatibility analysis and discover the answers that are already written in your destiny.", + "information-description-single-color": " ()", + "information-description-single-event-description": "Your date may have been a turning point or a hidden signal.", + "information-description-with-partner": "Hands tell more than you think. The lines on your palm are a map of your relationships. — two signs created for depth, but what secrets does your union hold? Receive a detailed palmistry compatibility analysis and discover the answers that are already written in your destiny.", + "information-description-with-partner-color": " () + ()", + "information-description-with-partner-event-description": "Your date may have been a turning point or a hidden signal.", + "palm_is_ready": { + "title": "Your Palm Reading ", + "title_color": "Is Ready", + "description": "“I’ve just received your palm scan results. Let’s discuss!”", + "text1": " 6 years in palmistry readings and spiritual guidance.", + "text1_color": "Akho", + "text2": "Choose from 80+ palm readers and astrologers." + }, + "joined_today": { + "text1": "Unlimited chats with a palm reader", + "text2": " people joined today" + }, + "get_personal_prediction": "Get personal prediction", + "how_work": { + "title": "How does AURA work?", + "point1_title": "Send us your palm scan", + "point1_text": "We analyze your palm lines to get hints about your future", + "point2_title": "Your palm reading is generated", + "point2_text": "One of our professional palm readers puts together a report filled with hints about your future", + "point3_title": "Start your trial to receive your prediction", + "point3_text": "Once you’re an AURA member, we’ll send over your prediction report so you can begin living a better life.", + "point4_title": "Talk with a palm reading specialist anytime", + "point4_text": "Get ongoing support by discussing your readings, personal horoscopes, and compatibilities with our expert team." + }, + "money_back_guarantee": { + "title": "100% Money-back Guarantee", + "text": "If you don’t notice any progress after using the app for at least a week, we are ready to make a complete refund within 14 days." + }, + "begin_trial_now": "Begin Trial Now", + "what_included": { + "title": "What’s included?", + "point1": " palm readings", + "point1_bold": "Unlimited", + "point2": " with professional astrologers", + "point2_bold": "1:1 live chats", + "point3": " readings", + "point3_bold": "Daily compatibility", + "point4": "Cosmic relationship tips", + "point5": "Daily horoscopes" + }, + "palms_say_about": { + "title": "What do your palms say about you?", + "point1": " shows your attitude to love and the quality of love", + "point1_color": "Love line", + "point2": "A long thumb indicates good fortune", + "point3": " reflects your intelligence and mentality", + "point3_color": "Head line", + "point4": "A long index finger indicates a natural leader", + "point5": " defines the quality of your life and what you will achieve", + "point5_color": "Life line", + "point6": "A short middle finger reveals a free spirit", + "point7": " represents your material achievement and career goals", + "point7_color": "Fate line", + "point8": "A long ring finger reveals that a person tends to take risks", + "point9": "A short little finger indicates the person's lack of self-confidence" + }, + "discover_more": "Discover More", + "why_love": "Why does everyone ?", + "why_love_color": "love AURA", + "reviews": { + "username1": "Rebecca Bauman", + "tagline1": "\"It’s changed my life!\"", + "text1": "I'm thankful for this app and Akho! She's an excellent palm reader and astrologer—clear, thorough, and reassuring. I eagerly look forward to more sessions with her!", + "username2": "Mika Ryan", + "tagline2": "\"After years of seeking, I’ve finally found a true love.\"", + "text2": "I was hesitant about whether it was really worth trying, but now I have no regrets and I'm enjoying my new relationships!", + "username3": "Amanda Holmes", + "tagline3": "\"I’ve found a job I really enjoy.\"", + "text3": "Thanks to Vladana, I've finally discovered a clue about what my life's purpose really is and what kind of job resonates with me better!" + }, + "success_story": "Become a AURA Success Story!", + "as_seen_in": " As Seen in", + "footer": { + "text1": "Questions? We’re here to help", + "text2": "Customer Support", + "text3": "Help Center" + } + }, + "/payment": { + "will_be_charged": "You will be charged only . Save now. Then per week. We’ll before your trial ends.", + "will_be_charged_email_reminder": "email you a reminder", + "will_be_charged_trial_info": " for your -day trial", + "payment_information": { + "personalized_offer": "Personalized offer reserved", + "title": "Start your -day trial", + "total_today": "Total today", + "code_applied_bold": "AURA24", + "code_applied": "Code applied!" + }, + "guarantees": { + "no_commitment": "No commitment. Cancel anytime.", + "30_day_money_back": "30-Day Money-Back Guarantee" + }, + "get_personal_prediction": "Get personal prediction", + "total_due": "Total due today: ", + "app_number_one_color": "25 million people.", + "app_number_one": "The #1 Astrology app trusted by over " + }, + "/scanned-photo": { + "title": "Your In-Depth Palmistry Compatibility Analysis Is Almost Ready!", + "text": "Judging by your lines, you have an exciting future ahead. Let's dive into all the details!", + "without-partner": { + "loaders": { + "title-1-1": "Analyzing your key traits...", + "title-1-2": "Reading astrological parameters...", + "title-2-1": "Calculating your unique compatibility chart...", + "title-2-2": "Creating a personalized love strategy...", + "title-3-1": "Comparing you across 1,120,000 potential astrological combinations...", + "title-3-2": "Checking forecast accuracy—almost there..." + }, + "modals": { + "title-1": "Clarifying question.", + "description-1": "Have you noticed recurring cycles in your life?", + "answer-1-left": "NO", + "answer-1-right": "YES", + "title-2": "Clarifying question.", + "description-2": "What's more important to you: fate or choice?", + "answer-2-left": "CHOICE", + "answer-2-right": "FATE", + "title-3": "Clarifying question.", + "description-3": "Do you believe there's more to love than chance?", + "answer-3-left": "NO", + "answer-3-right": "YES" + } + }, + "with-partner": { + "loaders": { + "title-1-1": "Analyzing both your and your partner's key traits...", + "title-1-2": "Reading astrological parameters...", + "title-2-1": "Calculating your unique compatibility chart...", + "title-2-2": "Checking key intersections of your destinies...", + "title-3-1": "Comparing your match across 1,120,000 potential astrological combinations...", + "title-3-2": "Inputting data: evaluating the depth of your connection—almost there..." + }, + "modals": { + "title-1": "Clarifying question.", + "description-1": "Have you noticed recurring cycles in your life?", + "answer-1-left": "NO", + "answer-1-right": "YES", + "title-2": "Clarifying question.", + "description-2": "What's more important to you: fate or choice?", + "answer-2-left": "CHOICE", + "answer-2-right": "FATE", + "title-3": "Clarifying question.", + "description-3": "Do you believe love is more than just luck?", + "answer-3-left": "NO", + "answer-3-right": "YES" + } + } + }, + "aura_paywall_palmistry_main": { + "text_0": "We have helped millions of people unveil the destiny of their love life and understand what's in store for their future and families.", + "text_1": "It costs us $13.21 to compensate our AURA team for the trial period, but please choose an amount that is comfortable for you." + }, + "/skip-trial": { + "title": "Not Looking to Look Back?", + "price_per_week": " per week", + "billing_period": "Billing Period", + "billed_amount": "Billed Amount", + "billed_in_4_weeks": "Billed in 4 weeks", + "start_trial": { + "every_week": "Every week", + "start_trial": "Start Trial" + }, + "skip_trial": { + "save": "save %", + "every_4_weeks": "Every 4 weeks", + "skip_trial": "Accept Offer and Skip Trial Period" + } + }, + "/add-consultant": { + "more_for_you": "More for You", + "exclusive_offer": "Exclusive offer just for you to help reach your goals faster", + "your_unique_consultation": "Your Unique Personal Consultation", + "30-minute": "30-minute private consultation with an expert", + "description": "You can request insights into your future, analyze life compatibility, check love compatibility, and more", + "one_time_price_offer": "Special one-time price:", + "original_price": "Original price: ", + "you_will_be_charged": "*You will be charged for any additional services or offers selected at the time of purchase.\n This is a one-time payment.", + "get_my_consultation": "Get My Consultation", + "discount_save": "Save", + "caution": "Caution!", + "caution_text": "To avoid double charging, please do not close the page or go back.", + "unlock_profound": "Unlock profound insights into your personality, relationships, career path, and key life moments with astrology. This will allow you to make more informed decisions and achieve greater satisfaction.", + "choose_from": "Choose from over 80 expert astrologers." + }, + "/camera": { + "bad_photo": "Bad Photo!", + "try_again": "Try Again", + "do_better": "You Can Do Better", + "next": "Next" + }, + "/depends": { + "with-partner": { + "title": "Based on our data, only 9% of born under the have a distinct logical clarity—a rare gift. We'll definitely take this trait into account in your palm lines when preparing your Compatibility analysis with ." + }, + "single": { + "title": "Based on our data, only 9% of born under the sign possess a clear logical clarity—a rare gift. We'll certainly take this trait into account in your lines." + } + }, + "/with-heart": { + "with-partner": { + "title": "Your choice is natural. According to our data, 52% of follow their heart. We will consider this in your palm analysis for Compatibility with !" + }, + "single": { + "title": "Your choice is natural—based on our data, 51% of with the sign follow their heart. We'll take this into account in your lines!" + } + }, + "/with-head": { + "with-partner": { + "title": "Even among , not everything is decided by the heart – Based on our data, 35% of in your sign make decisions based on reason. We will take this aspect into account in your compatibility analysis with ." + }, + "single": { + "title": "Even among , not everything is decided by the heart—based on our data, 35% of of your sign make decisions guided by reason. We'll factor this into your analysis." + } + }, + "/both": { + "with-partner": { + "title": "The facts speak for themselves! According to our data, only 15% of born under the equally follow both their mind and heart. This is the secret to harmonious relationships with , and we'll consider this in your readings." + }, + "single": { + "title": "The facts speak for themselves! According to our data, only 15% of born under the sign follow both heart and mind equally. That's the secret to harmonious relationships, and we'll reflect this in your lines." + } + }, + "/romantic-gestures": { + "title": "How Do You Feel About Romantic Gestures?", + "answer1": "Love them", + "answer2": "Neutral", + "answer3": "Don't see the point" + }, + "/checking-phone": { + "title": "What Are Your Thoughts on Checking a Partner's Phone or Messages?", + "answer1": "Strongly against", + "answer2": "Only in extreme cases", + "answer3": "Fine with it" + }, + "zodiac_signs": { + "aries": "Aries", + "taurus": "Taurus", + "gemini": "Gemini", + "cancer": "Cancer", + "leo": "Leo", + "virgo": "Virgo", + "libra": "Libra", + "scorpio": "Scorpio", + "sagittarius": "Sagittarius", + "capricorn": "Capricorn", + "aquarius": "Aquarius", + "pisces": "Pisces" + } +} \ No newline at end of file diff --git a/src/components/CompatibilityV2/components/CameraModal/index.tsx b/src/components/CompatibilityV2/components/CameraModal/index.tsx index f8e4e76..2a84566 100644 --- a/src/components/CompatibilityV2/components/CameraModal/index.tsx +++ b/src/components/CompatibilityV2/components/CameraModal/index.tsx @@ -2,19 +2,23 @@ import Webcam from "react-webcam"; import styles from "./styles.module.scss"; import ModalOverlay, { ModalOverlayType } from "@/components/palmistry/modal-overlay/modal-overlay"; import Modal from "@/components/palmistry/modal/modal"; -import { useRef, useState } from "react"; +import { useEffect, useRef, useState } from "react"; // import { useDynamicSize } from "@/hooks/useDynamicSize"; interface CameraModalProps { onClose: () => void; onTakePhoto: (photo: string) => void; onError: (error: string | DOMException) => void; + reinitializeKey?: number; // for reinitializing the camera (change the key to reinitialize the camera) + isCameraVisible?: boolean; } function CameraModal({ onClose, onTakePhoto, onError, + reinitializeKey = 0, + isCameraVisible = true }: CameraModalProps) { const [isVideoReady, setIsVideoReady] = useState(false); // const { @@ -28,6 +32,9 @@ function CameraModal({ // const ratio = isLandscape ? width / height : height / width; const cameraRef = useRef(null); + useEffect(() => { + setIsVideoReady(false); + }, [reinitializeKey]); const onClickOverlay = (e: React.MouseEvent) => { if (e.target === e.currentTarget) { @@ -67,7 +74,8 @@ function CameraModal({ - + />}
@@ -49,7 +49,7 @@ function SecretDiscountTable() { {getText("new.discount")}
-

{translate("secret-discount.secret-discount-table_cost-after-trial", { days: getText("trial.duration") })}

+

{translate("secret-discount.secret-discount-table_cost-after-trial", { days: trialDuration })}

{addCurrency(Number(getText("old.price")), currency)} {getPrice(trialPrice, currency)}
diff --git a/src/components/CompatibilityV2/pages/Camera/index.tsx b/src/components/CompatibilityV2/pages/Camera/index.tsx index 89d6761..dd3bebe 100644 --- a/src/components/CompatibilityV2/pages/Camera/index.tsx +++ b/src/components/CompatibilityV2/pages/Camera/index.tsx @@ -7,7 +7,7 @@ import { useDispatch } from "react-redux"; import { actions } from "@/store"; import { useNavigate } from "react-router-dom"; import routes from "@/routes"; -import { useEffect, useState } from "react"; +import { useEffect, useMemo, useState } from "react"; import Loader, { LoaderColor } from "@/components/Loader"; import UploadModal from "@/components/palmistry/upload-modal/upload-modal"; import Toast from "@/components/pages/ABDesign/v1/components/Toast"; @@ -15,15 +15,27 @@ import { useTranslations } from "@/hooks/translations"; import { ELocalesPlacement } from "@/locales"; import CameraModal from "../../components/CameraModal"; import metricService, { EGoals, EMetrics } from "@/services/metric/metricService"; +import Modal from "@/components/Modal"; +import Title from "@/components/Title"; const isProduction = import.meta.env.MODE === "production"; enum EToastVisible { "try_again" = "try_again", "try_again_or_next" = "try_again_or_next", + "no_access_camera" = "no_access_camera", + "reload_page" = "reload_page", } function Camera() { + const isIphoneSafari = useMemo((): boolean => { + const userAgent = navigator.userAgent; + const isIOS = /iPhone/i.test(userAgent); + const isSafari = /^((?!chrome|android).)*safari/i.test(userAgent); + + return isIOS && isSafari; + }, []); + const { translate } = useTranslations(ELocalesPlacement.CompatibilityV2); const navigate = useNavigate(); const api = useApi(); @@ -31,6 +43,9 @@ function Camera() { const [isLoading, setIsLoading] = useState(false); const [uploadMenuModalIsOpen, setUploadMenuModalIsOpen] = useState(false); const [toastVisible, setToastVisible] = useState(null); + const [isRequestCameraModalOpen, setIsRequestCameraModalOpen] = useState(isIphoneSafari ? false : true); + const [cameraKey, setCameraKey] = useState(0); + const [isCameraModalOpen, setIsCameraModalOpen] = useState(false); const handleNext = () => { metricService.reachGoal(EGoals.CAMERA_SUCCESS, [EMetrics.YANDEX, EMetrics.KLAVIYO]); @@ -164,8 +179,68 @@ function Camera() { } }, [toastVisible]); + const cameraError = (error: string | DOMException) => { + console.error("Camera error", error) + if (!isIphoneSafari) return; + if (error === "Video is not ready") { + return setToastVisible(EToastVisible.no_access_camera) + } + return setIsRequestCameraModalOpen(true) + } + + const requestCameraPermission = async () => { + if (cameraKey > 2) { + setIsRequestCameraModalOpen(false); + setToastVisible(EToastVisible.reload_page); + return; + } + try { + const stream = await navigator.mediaDevices.getUserMedia({ video: true }); + setToastVisible(null); + stream.getTracks().forEach(track => track.stop()); + setCameraKey(prev => prev + 1); + } catch (error) { + setCameraKey(prev => prev + 1); + console.error("Ошибка при запросе доступа к камере:", error); + setIsRequestCameraModalOpen(true); + } + }; + return ( <> + { }} + className={styles.modal} + containerClassName={styles["modal-container"]} + > + + {translate("/camera.modal.title")} + +
+
{ + setIsRequestCameraModalOpen(false); + setToastVisible(EToastVisible.no_access_camera); + }}> +

+ {translate("/camera.modal.cancel")} +

+
+
{ + setIsRequestCameraModalOpen(false) + if (isIphoneSafari) { + requestCameraPermission() + } else { + setIsCameraModalOpen(true) + } + }}> +

+ {translate("/camera.modal.allow")} +

+
+
+ {!isProduction && uploadMenuModalIsOpen && ( setUploadMenuModalIsOpen(false)} @@ -189,10 +264,9 @@ function Camera() { console.log("close")} onTakePhoto={onTakePhoto} - onError={(error) => { - console.error(error) - setToastVisible(EToastVisible.try_again) - }} + onError={cameraError} + isCameraVisible={isIphoneSafari ? true : isCameraModalOpen} + reinitializeKey={cameraKey} /> )} {isLoading && ( @@ -208,6 +282,36 @@ function Camera() { )} + {toastVisible === EToastVisible.no_access_camera && ( + +
+ {translate("/camera.no_access_camera")} + +
+ + )} + {toastVisible === EToastVisible.reload_page && ( + +
+ {translate("/camera.reload_page")} + +
+ + )} {toastVisible === EToastVisible.try_again_or_next && (
button, - & > .buttons-container > button { + &>button, + &>.buttons-container>button { padding: 6px 18px; border: none; background-color: #fff; @@ -38,13 +38,51 @@ font-weight: 500; } - & > .buttons-container > button { + &>.buttons-container>button { width: 100%; } - & > .buttons-container { + &>.buttons-container { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; } } + +.modal { + z-index: 4000; +} + +.modal-container { + max-width: 290px; + padding: 24px 0px 0px; + + + &>.modal-title { + font-weight: 600; + margin-bottom: 16px; + padding-inline: 32px; + } + + &>.modal-answers { + display: flex; + flex-direction: row; + margin-top: 24px; + border-top: 1px solid #D9D9D9; + + &>.modal-answer { + width: 50%; + height: 52px; + display: flex; + align-items: center; + justify-content: center; + color: #275DA7; + font-weight: 600; + cursor: pointer; + + &:first-child { + border-right: 1px solid #D9D9D9; + } + } + } +} \ No newline at end of file diff --git a/src/components/CompatibilityV2/pages/Gender/index.tsx b/src/components/CompatibilityV2/pages/Gender/index.tsx index 0801db6..7fae707 100644 --- a/src/components/CompatibilityV2/pages/Gender/index.tsx +++ b/src/components/CompatibilityV2/pages/Gender/index.tsx @@ -67,6 +67,9 @@ function GenderPage() { ESourceAuthorization["aura.compatibility.v2"], session.sessionId ); + metricService.userParams({ + sessionId: session.sessionId, + }); } return navigate(routes.client.compatibilityV2Birthdate()); // eslint-disable-next-line react-hooks/exhaustive-deps diff --git a/src/components/CompatibilityV2/pages/GenderPartner/index.tsx b/src/components/CompatibilityV2/pages/GenderPartner/index.tsx index f4c4468..73276e8 100644 --- a/src/components/CompatibilityV2/pages/GenderPartner/index.tsx +++ b/src/components/CompatibilityV2/pages/GenderPartner/index.tsx @@ -16,6 +16,7 @@ import { ELottieKeys, useLottie } from "@/hooks/lottie/useLottie"; import { useSession } from "@/hooks/session/useSession"; import { EGender, ESourceAuthorization } from "@/api/resources/User"; import Answer from "../../components/Answer"; +import metricService from "@/services/metric/metricService"; function GenderPartner() { const { translate } = useTranslations(ELocalesPlacement.CompatibilityV2); @@ -67,6 +68,9 @@ function GenderPartner() { ESourceAuthorization["aura.compatibility.v2"], session.sessionId ); + metricService.userParams({ + sessionId: session.sessionId, + }); } return navigate(routes.client.compatibilityV2BirthdatePartner()); // eslint-disable-next-line react-hooks/exhaustive-deps diff --git a/src/components/CompatibilityV2/pages/SaveOff/index.tsx b/src/components/CompatibilityV2/pages/SaveOff/index.tsx index 0a9c251..2bbeae8 100644 --- a/src/components/CompatibilityV2/pages/SaveOff/index.tsx +++ b/src/components/CompatibilityV2/pages/SaveOff/index.tsx @@ -25,6 +25,7 @@ function SaveOff() { // const activeProduct = products.find(product => product?.trialPrice === activeProductFromStore?.trialPrice) || products[0] const activeProduct = products[0] const trialPrice = (activeProduct?.trialPrice || 0) / 100; + const trialDuration = activeProduct?.trialDuration || 7; const navigate = useNavigate(); @@ -58,7 +59,7 @@ function SaveOff() { fire {translate("save-off.trial-duration", { // days: trialDuration - trialDuration: getText("trial.duration"), + trialDuration: trialDuration, oldTrialDuration: {translate("save-off.old-trial-duration", { oldTrialDuration: getText("old.trial.duration") })}, @@ -69,7 +70,7 @@ function SaveOff() { {translate("save-off.discount-offer", { discount: getText("discount") })}

) diff --git a/src/components/CompatibilityV2/pages/SecretDiscount/index.tsx b/src/components/CompatibilityV2/pages/SecretDiscount/index.tsx index 841cd0a..23c8265 100644 --- a/src/components/CompatibilityV2/pages/SecretDiscount/index.tsx +++ b/src/components/CompatibilityV2/pages/SecretDiscount/index.tsx @@ -35,7 +35,7 @@ function SecretDiscount() { const activeProduct = products[0] // const price = (activeProduct?.price || 0) / 100; const trialPrice = (activeProduct?.trialPrice || 0) / 100; - // const trialDuration = activeProduct?.trialDuration || 7; + const trialDuration = activeProduct?.trialDuration || 7; useEffect(() => { @@ -131,13 +131,13 @@ function SecretDiscount() {

{translate("secret-discount.policy", { - days: getText("trial.duration"), + days: trialDuration, oldDays: getText("old.trial.duration"), trialPrice: addCurrency(trialPrice, currency), price: addCurrency( diff --git a/src/components/EmailMarketing/v1/components/SecretDiscountTable/index.tsx b/src/components/EmailMarketing/v1/components/SecretDiscountTable/index.tsx index 62657f5..c06bc7f 100644 --- a/src/components/EmailMarketing/v1/components/SecretDiscountTable/index.tsx +++ b/src/components/EmailMarketing/v1/components/SecretDiscountTable/index.tsx @@ -27,7 +27,7 @@ function SecretDiscountTable() { const { translate } = useTranslations(ELocalesPlacement.EmailMarketingCompatibilityV1); const activeProduct = products[0]; - const price = activeProduct?.price || 0; + // const price = activeProduct?.price || 0; const trialPrice = activeProduct?.trialPrice || 0; const trialDuration = activeProduct?.trialDuration || 7; @@ -50,7 +50,7 @@ function SecretDiscountTable() {

{translate("secret-discount.secret-discount-table_cost-after-trial", { days: trialDuration })}

{addCurrency(Number(getText("old.price")), currency)} - {getPrice(price, currency)} + {getPrice(trialPrice, currency)}

{translate("secret-discount.secret-discount-table_you-save", { amount: addCurrency(Number(getText("save")), currency) })}

diff --git a/src/components/EmailMarketing/v1/pages/SaveOff/index.tsx b/src/components/EmailMarketing/v1/pages/SaveOff/index.tsx index 950d4a7..b58b0fc 100644 --- a/src/components/EmailMarketing/v1/pages/SaveOff/index.tsx +++ b/src/components/EmailMarketing/v1/pages/SaveOff/index.tsx @@ -21,7 +21,8 @@ function SaveOff() { localesPlacement: ELocalesPlacement.EmailMarketingCompatibilityV1, }); const activeProduct = products[0] - const price = (activeProduct?.price || 0) / 100 + // const price = (activeProduct?.price || 0) / 100 + const trialPrice = (activeProduct?.trialPrice || 0) / 100; const trialDuration = activeProduct?.trialDuration || 7 const navigate = useNavigate(); @@ -45,17 +46,22 @@ function SaveOff() {

{translate("save-off.instead", { - price: {addCurrency(price, currency)}, + price: {addCurrency(trialPrice, currency)}, oldPrice: {translate("save-off.instead-old-price", { - oldPrice: addCurrency(getText("full.price") as string, currency) + oldPrice: addCurrency(getText("old.price") as string, currency) })} })}

fire - {translate("save-off.trial-duration", { days: trialDuration })} + {translate("save-off.trial-duration", { + trialDuration: trialDuration, + oldTrialDuration: {translate("save-off.old-trial-duration", { + oldTrialDuration: getText("old.trial.duration") + })}, + })}

gift diff --git a/src/components/EmailMarketing/v1/pages/SecretDiscount/index.tsx b/src/components/EmailMarketing/v1/pages/SecretDiscount/index.tsx index 4407c42..699e1dc 100644 --- a/src/components/EmailMarketing/v1/pages/SecretDiscount/index.tsx +++ b/src/components/EmailMarketing/v1/pages/SecretDiscount/index.tsx @@ -15,7 +15,6 @@ import { actions } from "@/store"; import { useTranslations } from "@/hooks/translations"; import Header from "@/components/pages/ABDesign/v1/components/Header"; import { useDynamicSize } from "@/hooks/useDynamicSize"; -import { usePayment } from "@/hooks/payment/nmi/usePayment"; const placementKey = EPlacementKeys["aura.placement.email.compatibility.discount"] @@ -24,14 +23,15 @@ function SecretDiscount() { const { height, elementRef: policyContainerRef } = useDynamicSize({ defaultWidth: 560, defaultHeight: 193 }); const dispatch = useDispatch(); const navigate = useNavigate(); - const { products, currency } = usePaywall({ + const { products, currency, getText } = usePaywall({ placementKey, localesPlacement: ELocalesPlacement.EmailMarketingCompatibilityV1, }); const { translate } = useTranslations(ELocalesPlacement.EmailMarketingCompatibilityV1); const activeProduct = products[0]; - const price = (activeProduct?.price || 0) / 100; + // const price = (activeProduct?.price || 0) / 100; + const trialPrice = (activeProduct?.trialPrice || 0) / 100; const trialDuration = activeProduct?.trialDuration || 7; useEffect(() => { @@ -44,45 +44,49 @@ function SecretDiscount() { // const [isPaymentModalOpen, setIsPaymentModalOpen] = useState(false); - const { - error, - isPaymentSuccess, - showCreditCardForm, - } = usePayment({ - placementKey, - activeProduct, - paymentFormType: "lightbox" - }); + // const { + // error, + // isPaymentSuccess, + // showCreditCardForm, + // } = usePayment({ + // placementKey, + // activeProduct, + // paymentFormType: "lightbox" + // }); - useEffect(() => { - if (error) { - onPaymentError(); - } - }, [error]) + // useEffect(() => { + // if (error) { + // onPaymentError(); + // } + // }, [error]) - useEffect(() => { - if (isPaymentSuccess) { - onPaymentSuccess(); - } - }, [isPaymentSuccess]) + // useEffect(() => { + // if (isPaymentSuccess) { + // onPaymentSuccess(); + // } + // }, [isPaymentSuccess]) - const onPaymentSuccess = () => { - return navigate(routes.client.paymentSuccess()) - } + // const onPaymentSuccess = () => { + // return navigate(routes.client.paymentSuccess()) + // } // const onModalClosed = () => { // setIsPaymentModalOpen(false); // } - const onPaymentError = () => { - return navigate(routes.client.paymentFail()) - } + // const onPaymentError = () => { + // return navigate(routes.client.paymentFail()) + // } // const openPaymentModal = () => { // setIsPaymentModalOpen(true); // }; + const handlePayment = () => { + navigate(routes.client.emailMarketingV1SecretDiscountPaymentModal()); + } + return (

- @@ -119,7 +123,15 @@ function SecretDiscount() {

{translate("secret-discount.policy", { days: trialDuration, - price: addCurrency(price, currency) + oldDays: getText("old.trial.duration"), + trialPrice: addCurrency(trialPrice, currency), + price: addCurrency( + ( + Number(getText("old.price")) + / ( + Number(getText("split.price.value")) || 2 + ) + ), currency), })}

diff --git a/src/components/EmailMarketing/v1/pages/SpecialOffer/index.tsx b/src/components/EmailMarketing/v1/pages/SpecialOffer/index.tsx index 5be50d3..23124e8 100644 --- a/src/components/EmailMarketing/v1/pages/SpecialOffer/index.tsx +++ b/src/components/EmailMarketing/v1/pages/SpecialOffer/index.tsx @@ -12,7 +12,6 @@ import { useNavigate } from "react-router-dom"; import BlurComponent from "@/components/BlurComponent"; import { useTranslations } from "@/hooks/translations"; import { addCurrency, ELocalesPlacement } from "@/locales"; -import { usePayment } from "@/hooks/payment/nmi/usePayment"; const placementKey = EPlacementKeys["aura.placement.email.marketing"]; @@ -35,52 +34,53 @@ function SpecialOffer() { dispatch(actions.payment.update({ activeProduct: products[0] })); }, [dispatch, products]); - const { - error, - isPaymentSuccess, - isModalClosed, - showCreditCardForm, - } = usePayment({ - placementKey, - activeProduct: products[0], - paymentFormType: "lightbox" - }); + // const { + // error, + // isPaymentSuccess, + // isModalClosed, + // showCreditCardForm, + // } = usePayment({ + // placementKey, + // activeProduct: products[0], + // paymentFormType: "lightbox" + // }); const openPaymentModal = () => { // setIsOpenPaymentModal(true); - showCreditCardForm(); + // showCreditCardForm(); + navigate(routes.client.emailMarketingV1PaymentModal()); }; - useEffect(() => { - if (error) { - onPaymentError(); - } - }, [error]) + // useEffect(() => { + // if (error) { + // onPaymentError(); + // } + // }, [error]) - useEffect(() => { - if (isPaymentSuccess) { - onPaymentSuccess(); - } - }, [isPaymentSuccess]) + // useEffect(() => { + // if (isPaymentSuccess) { + // onPaymentSuccess(); + // } + // }, [isPaymentSuccess]) - useEffect(() => { - if (isModalClosed) { - handleCloseModal() - } - }, [isModalClosed]) + // useEffect(() => { + // if (isModalClosed) { + // handleCloseModal() + // } + // }, [isModalClosed]) - const handleCloseModal = () => { - // setIsOpenPaymentModal(false); - return navigate(routes.client.emailMarketingV1SaveOff()) - }; + // const handleCloseModal = () => { + // // setIsOpenPaymentModal(false); + // return navigate(routes.client.emailMarketingV1SaveOff()) + // }; - const onPaymentError = () => { - return navigate(routes.client.paymentFail()) - } + // const onPaymentError = () => { + // return navigate(routes.client.paymentFail()) + // } - const onPaymentSuccess = () => { - return navigate(routes.client.paymentSuccess()) - } + // const onPaymentSuccess = () => { + // return navigate(routes.client.paymentSuccess()) + // } return ( <> diff --git a/src/components/PalmistryV1/components/CameraModal/index.tsx b/src/components/PalmistryV1/components/CameraModal/index.tsx index f8e4e76..2a84566 100644 --- a/src/components/PalmistryV1/components/CameraModal/index.tsx +++ b/src/components/PalmistryV1/components/CameraModal/index.tsx @@ -2,19 +2,23 @@ import Webcam from "react-webcam"; import styles from "./styles.module.scss"; import ModalOverlay, { ModalOverlayType } from "@/components/palmistry/modal-overlay/modal-overlay"; import Modal from "@/components/palmistry/modal/modal"; -import { useRef, useState } from "react"; +import { useEffect, useRef, useState } from "react"; // import { useDynamicSize } from "@/hooks/useDynamicSize"; interface CameraModalProps { onClose: () => void; onTakePhoto: (photo: string) => void; onError: (error: string | DOMException) => void; + reinitializeKey?: number; // for reinitializing the camera (change the key to reinitialize the camera) + isCameraVisible?: boolean; } function CameraModal({ onClose, onTakePhoto, onError, + reinitializeKey = 0, + isCameraVisible = true }: CameraModalProps) { const [isVideoReady, setIsVideoReady] = useState(false); // const { @@ -28,6 +32,9 @@ function CameraModal({ // const ratio = isLandscape ? width / height : height / width; const cameraRef = useRef(null); + useEffect(() => { + setIsVideoReady(false); + }, [reinitializeKey]); const onClickOverlay = (e: React.MouseEvent) => { if (e.target === e.currentTarget) { @@ -67,7 +74,8 @@ function CameraModal({ - + />}
@@ -49,7 +49,7 @@ function SecretDiscountTable() { {getText("new.discount")}
-

{translate("secret-discount.secret-discount-table_cost-after-trial", { days: getText("trial.duration") })}

+

{translate("secret-discount.secret-discount-table_cost-after-trial", { days: trialDuration })}

{addCurrency(Number(getText("old.price")), currency)} {getPrice(trialPrice, currency)}
diff --git a/src/components/PalmistryV1/pages/Camera/index.tsx b/src/components/PalmistryV1/pages/Camera/index.tsx index 96256c0..8f4f52d 100644 --- a/src/components/PalmistryV1/pages/Camera/index.tsx +++ b/src/components/PalmistryV1/pages/Camera/index.tsx @@ -7,7 +7,7 @@ import { useDispatch } from "react-redux"; import { actions } from "@/store"; import { useNavigate } from "react-router-dom"; import routes from "@/routes"; -import { useEffect, useState } from "react"; +import { useEffect, useMemo, useState } from "react"; import Loader, { LoaderColor } from "@/components/Loader"; import UploadModal from "@/components/palmistry/upload-modal/upload-modal"; import Toast from "@/components/pages/ABDesign/v1/components/Toast"; @@ -15,15 +15,27 @@ import { useTranslations } from "@/hooks/translations"; import { ELocalesPlacement } from "@/locales"; import CameraModal from "../../components/CameraModal"; import metricService, { EGoals, EMetrics } from "@/services/metric/metricService"; +import Modal from "@/components/Modal"; +import Title from "@/components/Title"; const isProduction = import.meta.env.MODE === "production"; enum EToastVisible { "try_again" = "try_again", "try_again_or_next" = "try_again_or_next", + "no_access_camera" = "no_access_camera", + "reload_page" = "reload_page", } function Camera() { + const isIphoneSafari = useMemo((): boolean => { + const userAgent = navigator.userAgent; + const isIOS = /iPhone/i.test(userAgent); + const isSafari = /^((?!chrome|android).)*safari/i.test(userAgent); + + return isIOS && isSafari; + }, []); + const { translate } = useTranslations(ELocalesPlacement.PalmistryV1); const navigate = useNavigate(); const api = useApi(); @@ -31,6 +43,9 @@ function Camera() { const [isLoading, setIsLoading] = useState(false); const [uploadMenuModalIsOpen, setUploadMenuModalIsOpen] = useState(false); const [toastVisible, setToastVisible] = useState(null); + const [isRequestCameraModalOpen, setIsRequestCameraModalOpen] = useState(isIphoneSafari ? false : true); + const [cameraKey, setCameraKey] = useState(0); + const [isCameraModalOpen, setIsCameraModalOpen] = useState(false); const handleNext = () => { metricService.reachGoal(EGoals.CAMERA_SUCCESS, [EMetrics.YANDEX, EMetrics.KLAVIYO]); @@ -164,8 +179,68 @@ function Camera() { } }, [toastVisible]); + const cameraError = (error: string | DOMException) => { + console.error("Camera error", error) + if (!isIphoneSafari) return; + if (error === "Video is not ready") { + return setToastVisible(EToastVisible.no_access_camera) + } + return setIsRequestCameraModalOpen(true) + } + + const requestCameraPermission = async () => { + if (cameraKey > 2) { + setIsRequestCameraModalOpen(false); + setToastVisible(EToastVisible.reload_page); + return; + } + try { + const stream = await navigator.mediaDevices.getUserMedia({ video: true }); + setToastVisible(null); + stream.getTracks().forEach(track => track.stop()); + setCameraKey(prev => prev + 1); + } catch (error) { + setCameraKey(prev => prev + 1); + console.error("Ошибка при запросе доступа к камере:", error); + setIsRequestCameraModalOpen(true); + } + }; + return ( <> + { }} + className={styles.modal} + containerClassName={styles["modal-container"]} + > + + {translate("/camera.modal.title")} + +
+
{ + setIsRequestCameraModalOpen(false); + setToastVisible(EToastVisible.no_access_camera); + }}> +

+ {translate("/camera.modal.cancel")} +

+
+
{ + setIsRequestCameraModalOpen(false) + if (isIphoneSafari) { + requestCameraPermission() + } else { + setIsCameraModalOpen(true) + } + }}> +

+ {translate("/camera.modal.allow")} +

+
+
+ {!isProduction && uploadMenuModalIsOpen && ( setUploadMenuModalIsOpen(false)} @@ -189,10 +264,9 @@ function Camera() { console.log("close")} onTakePhoto={onTakePhoto} - onError={(error) => { - console.error(error) - setToastVisible(EToastVisible.try_again) - }} + onError={cameraError} + isCameraVisible={isIphoneSafari ? true : isCameraModalOpen} + reinitializeKey={cameraKey} /> )} {isLoading && ( @@ -208,6 +282,36 @@ function Camera() {
)} + {toastVisible === EToastVisible.no_access_camera && ( + +
+ {translate("/camera.no_access_camera")} + +
+ + )} + {toastVisible === EToastVisible.reload_page && ( + +
+ {translate("/camera.reload_page")} + +
+ + )} {toastVisible === EToastVisible.try_again_or_next && (
button, - & > .buttons-container > button { + &>button, + &>.buttons-container>button { padding: 6px 18px; border: none; background-color: #fff; @@ -38,13 +38,51 @@ font-weight: 500; } - & > .buttons-container > button { + &>.buttons-container>button { width: 100%; } - & > .buttons-container { + &>.buttons-container { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; } } + +.modal { + z-index: 4000; +} + +.modal-container { + max-width: 290px; + padding: 24px 0px 0px; + + + &>.modal-title { + font-weight: 600; + margin-bottom: 16px; + padding-inline: 32px; + } + + &>.modal-answers { + display: flex; + flex-direction: row; + margin-top: 24px; + border-top: 1px solid #D9D9D9; + + &>.modal-answer { + width: 50%; + height: 52px; + display: flex; + align-items: center; + justify-content: center; + color: #275DA7; + font-weight: 600; + cursor: pointer; + + &:first-child { + border-right: 1px solid #D9D9D9; + } + } + } +} \ No newline at end of file diff --git a/src/components/PalmistryV1/pages/GenderPalmistry/index.tsx b/src/components/PalmistryV1/pages/GenderPalmistry/index.tsx index 5c65287..2d69053 100644 --- a/src/components/PalmistryV1/pages/GenderPalmistry/index.tsx +++ b/src/components/PalmistryV1/pages/GenderPalmistry/index.tsx @@ -67,6 +67,9 @@ function GenderPalmistry() { ESourceAuthorization["aura.palmistry.new"], session.sessionId ); + metricService.userParams({ + sessionId: session.sessionId, + }); } return navigate(routes.client.palmistryV1Birthdate()); // eslint-disable-next-line react-hooks/exhaustive-deps diff --git a/src/components/PalmistryV1/pages/SaveOff/index.tsx b/src/components/PalmistryV1/pages/SaveOff/index.tsx index 3572447..db2de10 100644 --- a/src/components/PalmistryV1/pages/SaveOff/index.tsx +++ b/src/components/PalmistryV1/pages/SaveOff/index.tsx @@ -26,7 +26,7 @@ function SaveOff() { const activeProduct = products[0] const trialPrice = (activeProduct?.trialPrice || 0) / 100; // const price = (activeProduct?.price || 0) / 100 - // const trialDuration = activeProduct?.trialDuration || 7 + const trialDuration = activeProduct?.trialDuration || 7 const navigate = useNavigate(); @@ -60,7 +60,7 @@ function SaveOff() { fire {translate("save-off.trial-duration", { // days: trialDuration - trialDuration: getText("trial.duration"), + trialDuration: trialDuration, oldTrialDuration: {translate("save-off.old-trial-duration", { oldTrialDuration: getText("old.trial.duration") })}, @@ -71,7 +71,7 @@ function SaveOff() { {translate("save-off.discount-offer", { discount: getText("discount") })}

) diff --git a/src/components/PalmistryV1/pages/SecretDiscount/index.tsx b/src/components/PalmistryV1/pages/SecretDiscount/index.tsx index 2633165..9bfb373 100644 --- a/src/components/PalmistryV1/pages/SecretDiscount/index.tsx +++ b/src/components/PalmistryV1/pages/SecretDiscount/index.tsx @@ -34,7 +34,7 @@ function SecretDiscount() { const activeProduct = products[0] // const price = (activeProduct?.price || 0) / 100; const trialPrice = (activeProduct?.trialPrice || 0) / 100; - // const trialDuration = activeProduct?.trialDuration || 7; + const trialDuration = activeProduct?.trialDuration || 7; // const [isPaymentModalOpen, setIsPaymentModalOpen] = useState(false); useEffect(() => { @@ -134,13 +134,13 @@ function SecretDiscount() {

{translate("secret-discount.policy", { - days: getText("trial.duration"), + days: trialDuration, oldDays: getText("old.trial.duration"), trialPrice: addCurrency(trialPrice, currency), price: addCurrency( diff --git a/src/components/PalmistryV2/components/SecretDiscountTable/index.tsx b/src/components/PalmistryV2/components/SecretDiscountTable/index.tsx index e688d63..a86d25d 100644 --- a/src/components/PalmistryV2/components/SecretDiscountTable/index.tsx +++ b/src/components/PalmistryV2/components/SecretDiscountTable/index.tsx @@ -27,7 +27,7 @@ function SecretDiscountTable() { const { translate } = useTranslations(ELocalesPlacement.EmailMarketingPalmistryV2); const activeProduct = products[0]; - const price = activeProduct?.price || 0; + // const price = activeProduct?.price || 0; const trialPrice = activeProduct?.trialPrice || 0; const trialDuration = activeProduct?.trialDuration || 7; @@ -50,7 +50,7 @@ function SecretDiscountTable() {

{translate("secret-discount.secret-discount-table_cost-after-trial", { days: trialDuration })}

{addCurrency(Number(getText("old.price")), currency)} - {getPrice(price, currency)} + {getPrice(trialPrice, currency)}

{translate("secret-discount.secret-discount-table_you-save", { amount: addCurrency(Number(getText("save")), currency) })}

diff --git a/src/components/PalmistryV2/pages/SaveOff/index.tsx b/src/components/PalmistryV2/pages/SaveOff/index.tsx index 163a138..f06552b 100644 --- a/src/components/PalmistryV2/pages/SaveOff/index.tsx +++ b/src/components/PalmistryV2/pages/SaveOff/index.tsx @@ -20,7 +20,7 @@ function SaveOff() { localesPlacement: ELocalesPlacement.EmailMarketingPalmistryV2, }); const activeProduct = products[0] - const price = (activeProduct?.price || 0) / 100 + const trialPrice = (activeProduct?.trialPrice || 0) / 100; const trialDuration = activeProduct?.trialDuration || 7 const navigate = useNavigate(); @@ -39,17 +39,22 @@ function SaveOff() {

{translate("save-off.instead", { - price: {addCurrency(price, currency)}, + price: {addCurrency(trialPrice, currency)}, oldPrice: {translate("save-off.instead-old-price", { - oldPrice: addCurrency(getText("full.price") as string, currency) + oldPrice: addCurrency(getText("old.price") as string, currency) })} })}

fire - {translate("save-off.trial-duration", { days: trialDuration })} + {translate("save-off.trial-duration", { + trialDuration: trialDuration, + oldTrialDuration: {translate("save-off.old-trial-duration", { + oldTrialDuration: getText("old.trial.duration") + })}, + })}

gift diff --git a/src/components/PalmistryV2/pages/SecretDiscount/index.tsx b/src/components/PalmistryV2/pages/SecretDiscount/index.tsx index 946bfc0..8daa59d 100644 --- a/src/components/PalmistryV2/pages/SecretDiscount/index.tsx +++ b/src/components/PalmistryV2/pages/SecretDiscount/index.tsx @@ -15,7 +15,6 @@ import { actions } from "@/store"; import { useTranslations } from "@/hooks/translations"; import { useDynamicSize } from "@/hooks/useDynamicSize"; import Header from "@/components/pages/ABDesign/v1/components/Header"; -import { usePayment } from "@/hooks/payment/nmi/usePayment"; const placementKey = EPlacementKeys["aura.placement.email.palmistry.discount"] @@ -24,14 +23,15 @@ function SecretDiscount() { const { height, elementRef: policyContainerRef } = useDynamicSize({ defaultWidth: 560, defaultHeight: 193 }); const dispatch = useDispatch(); const navigate = useNavigate(); - const { products, currency } = usePaywall({ + const { products, currency, getText } = usePaywall({ placementKey, localesPlacement: ELocalesPlacement.EmailMarketingPalmistryV2, }); const { translate } = useTranslations(ELocalesPlacement.EmailMarketingPalmistryV2); const activeProduct = products[0]; - const price = (activeProduct?.price || 0) / 100; + // const price = (activeProduct?.price || 0) / 100; + const trialPrice = (activeProduct?.trialPrice || 0) / 100; const trialDuration = activeProduct?.trialDuration || 7; useEffect(() => { @@ -43,44 +43,45 @@ function SecretDiscount() { // const [isPaymentModalOpen, setIsPaymentModalOpen] = useState(false); - const { - error, - isPaymentSuccess, - showCreditCardForm, - } = usePayment({ - placementKey, - activeProduct, - paymentFormType: "lightbox" - }); + // const { + // error, + // isPaymentSuccess, + // showCreditCardForm, + // } = usePayment({ + // placementKey, + // activeProduct, + // paymentFormType: "lightbox" + // }); - const onPaymentSuccess = () => { - return navigate(routes.client.paymentSuccess()) - } + // const onPaymentSuccess = () => { + // return navigate(routes.client.paymentSuccess()) + // } // const onModalClosed = () => { // // setIsPaymentModalOpen(false); // } - const onPaymentError = () => { - return navigate(routes.client.paymentFail()) - } + // const onPaymentError = () => { + // return navigate(routes.client.paymentFail()) + // } const openPaymentModal = () => { // setIsPaymentModalOpen(true); - showCreditCardForm(); + // showCreditCardForm(); + navigate(routes.client.palmistryV2SecretDiscountPaymentModal()); }; - useEffect(() => { - if (error) { - onPaymentError(); - } - }, [error]) + // useEffect(() => { + // if (error) { + // onPaymentError(); + // } + // }, [error]) - useEffect(() => { - if (isPaymentSuccess) { - onPaymentSuccess(); - } - }, [isPaymentSuccess]) + // useEffect(() => { + // if (isPaymentSuccess) { + // onPaymentSuccess(); + // } + // }, [isPaymentSuccess]) return (

{translate("secret-discount.policy", { days: trialDuration, - price: addCurrency(price, currency) + oldDays: getText("old.trial.duration"), + trialPrice: addCurrency(trialPrice, currency), + price: addCurrency( + ( + Number(getText("old.price")) + / ( + Number(getText("split.price.value")) || 2 + ) + ), currency), })}

diff --git a/src/components/PalmistryV2/pages/TrialPayment/index.tsx b/src/components/PalmistryV2/pages/TrialPayment/index.tsx index 05babba..e2d828c 100644 --- a/src/components/PalmistryV2/pages/TrialPayment/index.tsx +++ b/src/components/PalmistryV2/pages/TrialPayment/index.tsx @@ -21,7 +21,6 @@ import PersonalInformation from "../../components/PersonalInformation"; import Reviews from "../../components/Reviews"; import Address from "../../components/Address"; import { useApi, useApiCall, User } from "@/api"; -import { usePayment } from "@/hooks/payment/nmi/usePayment"; const placementKey = EPlacementKeys["aura.placement.email.palmistry"]; @@ -52,57 +51,58 @@ function TrialPayment() { // const [isPaymentModalOpen, setIsPaymentModalOpen] = useState(false); - const { - error, - isPaymentSuccess, - isModalClosed, - isLoading, - showCreditCardForm, - } = usePayment({ - placementKey, - activeProduct, - paymentFormType: "lightbox" - }); + // const { + // error, + // isPaymentSuccess, + // isModalClosed, + // isLoading, + // showCreditCardForm, + // } = usePayment({ + // placementKey, + // activeProduct, + // paymentFormType: "lightbox" + // }); - useEffect(() => { - if (error) { - onPaymentError(); - } - }, [error]) + // useEffect(() => { + // if (error) { + // onPaymentError(); + // } + // }, [error]) - useEffect(() => { - if (isPaymentSuccess) { - onPaymentSuccess(); - } - }, [isPaymentSuccess]) + // useEffect(() => { + // if (isPaymentSuccess) { + // onPaymentSuccess(); + // } + // }, [isPaymentSuccess]) - useEffect(() => { - if (isModalClosed) { - onModalClosed(); - } - }, [isModalClosed]) + // useEffect(() => { + // if (isModalClosed) { + // onModalClosed(); + // } + // }, [isModalClosed]) - const onPaymentSuccess = () => { - return navigate(routes.client.paymentSuccess()) - } + // const onPaymentSuccess = () => { + // return navigate(routes.client.paymentSuccess()) + // } - const onModalClosed = () => { - // setIsPaymentModalOpen(false); - if (isPaymentSuccess || isLoading || error) return; - return handleDiscount() - } + // const onModalClosed = () => { + // // setIsPaymentModalOpen(false); + // if (isPaymentSuccess || isLoading || error) return; + // return handleDiscount() + // } - const handleDiscount = () => { - navigate(routes.client.palmistryV2SaveOff()); - }; + // const handleDiscount = () => { + // navigate(routes.client.palmistryV2SaveOff()); + // }; - const onPaymentError = () => { - return navigate(routes.client.paymentFail()) - } + // const onPaymentError = () => { + // return navigate(routes.client.paymentFail()) + // } const openPaymentModal = () => { // setIsPaymentModalOpen(true); - showCreditCardForm(); + // showCreditCardForm(); + navigate(routes.client.palmistryV2PaymentModal()); }; const userData = useCallback(async () => { diff --git a/src/components/pages/ABDesign/v1/pages/Gender/index.tsx b/src/components/pages/ABDesign/v1/pages/Gender/index.tsx index 32c2956..2dc2345 100644 --- a/src/components/pages/ABDesign/v1/pages/Gender/index.tsx +++ b/src/components/pages/ABDesign/v1/pages/Gender/index.tsx @@ -106,6 +106,9 @@ function GenderPage({ productKey }: IGenderPageProps): JSX.Element { ESourceAuthorization["aura.main.new"], session.sessionId ); + metricService.userParams({ + sessionId: session.sessionId, + }); } if (isNextPageMentioned === "true") { return navigate(routes.client.mentionedInV1()); @@ -168,9 +171,8 @@ function GenderPage({ productKey }: IGenderPageProps): JSX.Element {
{genders.map((gender, index) => (
{ selectGender(gender); diff --git a/src/components/pages/ABDesign/v1/pages/Onboarding/index.tsx b/src/components/pages/ABDesign/v1/pages/Onboarding/index.tsx index f778fa0..d7f9334 100644 --- a/src/components/pages/ABDesign/v1/pages/Onboarding/index.tsx +++ b/src/components/pages/ABDesign/v1/pages/Onboarding/index.tsx @@ -1,7 +1,7 @@ import Title from "@/components/Title"; import styles from "./styles.module.scss"; import { useCallback, useEffect, useRef, useState } from "react"; -import routes from "@/routes"; +import routes, { emailMarketingV1Prefix, palmistryV2Prefix } from "@/routes"; import { useNavigate, useSearchParams } from "react-router-dom"; import { onboardingTitles } from "../../data/onboarding"; import ProgressBarLine from "@/components/ui/ProgressBarLine"; @@ -51,6 +51,12 @@ function OnboardingPage() { if (path === "palmistry") { return navigate(routes.client.home()); } + if (window.location.pathname.includes(emailMarketingV1Prefix)) { + return navigate(routes.client.home()); + } + if (window.location.pathname.includes(palmistryV2Prefix)) { + return navigate(routes.client.home()); + } if (auraVideoTrial === "on") { return navigate(routes.client.trialChoiceVideoV1()); } diff --git a/src/components/pages/GetInformationPartner/index.tsx b/src/components/pages/GetInformationPartner/index.tsx index 550bfb5..34de38f 100644 --- a/src/components/pages/GetInformationPartner/index.tsx +++ b/src/components/pages/GetInformationPartner/index.tsx @@ -20,6 +20,12 @@ function GetInformationPartnerPage() { if (path === "compatibility") { return navigate(routes.client.compatibilityV2SkipTrial()); } + if (path === "email-compatibility") { + return navigate(routes.client.emailMarketingV1SkipTrial()); + } + if (path === "email-palmistry") { + return navigate(routes.client.palmistryV2SkipTrial()); + } navigate(routes.client.addConsultationV1()); }; @@ -32,6 +38,12 @@ function GetInformationPartnerPage() { if (path === "compatibility") { return navigate(`${routes.client.palmistryOnboardingV1()}?path=compatibility`); } + if (path === "email-compatibility") { + return navigate(routes.client.emailMarketingV1Onboarding()); + } + if (path === "email-palmistry") { + return navigate(routes.client.palmistryV2Onboarding()); + } navigate(routes.client.home()); }; diff --git a/src/components/palmistry/AdditionalPurchases/pages/SkipTrial/index.tsx b/src/components/palmistry/AdditionalPurchases/pages/SkipTrial/index.tsx index 421eb35..7970348 100644 --- a/src/components/palmistry/AdditionalPurchases/pages/SkipTrial/index.tsx +++ b/src/components/palmistry/AdditionalPurchases/pages/SkipTrial/index.tsx @@ -9,7 +9,7 @@ import { useCallback, useEffect, useState } from "react"; import { useApi } from "@/api"; import { useAuth } from "@/auth"; import { useNavigate } from "react-router-dom"; -import routes, { compatibilityV2Prefix } from "@/routes"; +import routes, { compatibilityV2Prefix, emailMarketingV1Prefix, palmistryV2Prefix } from "@/routes"; import { loadStripe, Stripe, StripeElementLocale } from "@stripe/stripe-js"; import { ResponseGet } from "@/api/resources/SinglePayment"; import { Elements } from "@stripe/react-stripe-js"; @@ -56,6 +56,12 @@ function SkipTrial() { }, [checkProductPurchased, navigate, token]); const handleNext = () => { + if (window.location.pathname.includes(emailMarketingV1Prefix)) { + return navigate(`${routes.client.getInformationPartner()}?path=email-compatibility`); + } + if (window.location.pathname.includes(palmistryV2Prefix)) { + return navigate(`${routes.client.getInformationPartner()}?path=email-palmistry`); + } if (window.location.pathname.includes(compatibilityV2Prefix)) { return navigate(`${routes.client.getInformationPartner()}?path=compatibility`); } diff --git a/src/components/palmistry/step-welcome/step-welcome.tsx b/src/components/palmistry/step-welcome/step-welcome.tsx index c65892b..68480de 100644 --- a/src/components/palmistry/step-welcome/step-welcome.tsx +++ b/src/components/palmistry/step-welcome/step-welcome.tsx @@ -4,6 +4,7 @@ import useSteps from "@/hooks/palmistry/use-steps"; import { useSession } from "@/hooks/session/useSession"; import { useTranslations } from "@/hooks/translations"; import { ELocalesPlacement } from "@/locales"; +import metricService from "@/services/metric/metricService"; export default function StepWelcome() { const { translate } = useTranslations(ELocalesPlacement.PalmistryV0); @@ -11,7 +12,12 @@ export default function StepWelcome() { const steps = useSteps(); const onNext = async () => { - await createSession(ESourceAuthorization["aura.palmistry"]); + const session = await createSession(ESourceAuthorization["aura.palmistry"]); + if (session?.sessionId?.length) { + metricService.userParams({ + sessionId: session.sessionId, + }); + } steps.goNext(); }; diff --git a/src/locales/index.ts b/src/locales/index.ts index f38bb67..9684029 100644 --- a/src/locales/index.ts +++ b/src/locales/index.ts @@ -101,7 +101,7 @@ export type TTranslationPlacements = Partial< export const getTranslationsJSON = async (language: string): Promise => { const api = createApi(); - // const isProduction = environments.MODE === "production" && window.location.hostname !== "localhost"; + const isDev = window.location.hostname === "localhost" let defaultLanguage = getDefaultLocaleByLanguage(language).toLowerCase(); if (defaultLanguage === "pt") { defaultLanguage = "pt-pt" @@ -113,13 +113,14 @@ export const getTranslationsJSON = async (language: string): Promise { try { - // return isProduction - // ? - return await api.getLocaleTranslations({ - funnel: place, - locale: defaultLanguage - }) - // : await (await fetch(`/locales/${place}/${defaultLanguage}/male_${defaultLanguage}.json`)).json() + return isDev + ? + await (await fetch(`/locales/${place}/${defaultLanguage}/female_${defaultLanguage}.json`)).json() + : + await api.getLocaleTranslations({ + funnel: place, + locale: defaultLanguage + }) } catch (error) { console.error(`Ошибка загрузки переводов для ${place}:`, error); return null; // или можно вернуть пустой объект {} @@ -131,12 +132,12 @@ export const getTranslationsJSON = async (language: string): Promise result.status === 'fulfilled') .map(result => (result as PromiseFulfilledResult).value) - .filter(Boolean); + // .filter(Boolean); const result = successfulResponses.reduce((merged, current, index) => ({ ...merged, - // [placements[index]]: isProduction ? current : { male: current } - [placements[index]]: current + [placements[index]]: isDev ? { female: current } : current + // [placements[index]]: current }), {}); return result; diff --git a/src/routerComponents/MarketingLanding/v1/CheckSubscriptionOutlet/index.tsx b/src/routerComponents/MarketingLanding/v1/CheckSubscriptionOutlet/index.tsx new file mode 100644 index 0000000..8fdcd5c --- /dev/null +++ b/src/routerComponents/MarketingLanding/v1/CheckSubscriptionOutlet/index.tsx @@ -0,0 +1,28 @@ +import { useAuth } from "@/auth"; +import routes from "@/routes"; +import { selectors } from "@/store"; +import { useSelector } from "react-redux"; +import { Navigate, Outlet } from "react-router-dom"; + +interface ICheckSubscriptionOutletProps { + subscribedReturnUrl?: string; + unsubscribedReturnUrl?: string; +} + +function CheckSubscriptionOutlet({ + subscribedReturnUrl = routes.client.home(), + unsubscribedReturnUrl, +}: ICheckSubscriptionOutletProps) { + const status = useSelector(selectors.selectStatus); + const { user } = useAuth(); + + if (user && status === "subscribed") { + return ; + } + if (unsubscribedReturnUrl?.length) { + return ; + } + return ; +} + +export default CheckSubscriptionOutlet; diff --git a/src/routerComponents/MarketingLanding/v1/index.tsx b/src/routerComponents/MarketingLanding/v1/index.tsx index 0351eb1..6066a62 100644 --- a/src/routerComponents/MarketingLanding/v1/index.tsx +++ b/src/routerComponents/MarketingLanding/v1/index.tsx @@ -1,17 +1,108 @@ import routes, { emailMarketingV1Prefix } from "@/routes"; -import { Outlet, Route, Routes } from "react-router-dom"; +import { Outlet, Route, Routes, useNavigate } from "react-router-dom"; import NotFoundPage from "@/components/NotFoundPage"; import MarketingLanding from "@/components/EmailMarketing/v1/pages/MarketingLanding"; import styles from "./styles.module.scss"; import SpecialOffer from "@/components/EmailMarketing/v1/pages/SpecialOffer"; import SecretDiscount from "@/components/EmailMarketing/v1/pages/SecretDiscount"; import SaveOff from "@/components/EmailMarketing/v1/pages/SaveOff"; +import CheckSubscriptionOutlet from "./CheckSubscriptionOutlet"; +import PaymentPage from "@/components/Payment/nmi/PaymentPage"; +import { EPlacementKeys } from "@/api/resources/Paywall"; +import { PrivateOutlet } from "@/components/App"; +import AdditionalPurchasesPalmistry from "@/components/palmistry/AdditionalPurchases"; +import SkipTrial from "@/components/palmistry/AdditionalPurchases/pages/SkipTrial"; +import AddConsultant from "@/components/palmistry/AdditionalPurchases/pages/AddConsultant"; +import AddGuides from "@/components/palmistry/AdditionalPurchases/pages/AddGuides"; +import OnboardingPage from "@/components/pages/ABDesign/v1/pages/Onboarding"; + const removePrefix = (path: string) => path.replace(emailMarketingV1Prefix, ""); function MarketingLandingV1Routes() { + const navigate = useNavigate(); + + function onPaymentError(error?: string | undefined): void { + if (error === "Product not found") { + return navigate(routes.client.emailMarketingV1SpecialOffer()); + } + } + + function onPaymentSuccess(): void { + setTimeout(() => { + navigate(routes.client.emailMarketingV1SkipTrial()); + }, 1500); + } + + function onBack(): void { + navigate(routes.client.emailMarketingV1SaveOff()); + } + + function onPopState(): void { + if (document.location.toString() === `${window.location.origin}${routes.client.emailMarketingV1SpecialOffer()}`) { + navigate(routes.client.emailMarketingV1SaveOff()); + } + } + + function onPaymentErrorDiscount(error?: string | undefined): void { + if (error === "Product not found") { + return navigate(routes.client.emailMarketingV1SecretDiscount()); + } + } + + function onPaymentSuccessDiscount(): void { + setTimeout(() => { + navigate(routes.client.emailMarketingV1SkipTrial()); + }, 1500); + } return ( + } + /> + }> + }> + } + /> + } + /> + } + /> + + + + } + > + } + /> + } + /> +
}> } /> } + path={removePrefix(routes.client.emailMarketingV1SaveOff())} + element={} /> } + path={removePrefix(routes.client.emailMarketingV1SecretDiscount())} + element={} /> } /> diff --git a/src/routerComponents/Palmistry/v2/index.tsx b/src/routerComponents/Palmistry/v2/index.tsx index 9c4705f..2aad787 100644 --- a/src/routerComponents/Palmistry/v2/index.tsx +++ b/src/routerComponents/Palmistry/v2/index.tsx @@ -1,5 +1,5 @@ import routes, { palmistryV2Prefix } from "@/routes"; -import { Route, Routes } from "react-router-dom"; +import { Route, Routes, useNavigate } from "react-router-dom"; import LayoutPalmistryV2 from "./LayoutPalmistryV2"; import NotFoundPage from "@/components/NotFoundPage"; import TrialPayment from "@/components/PalmistryV2/pages/TrialPayment"; @@ -8,19 +8,108 @@ import { useDispatch } from "react-redux"; import { actions } from "@/store"; import SaveOff from "@/components/PalmistryV2/pages/SaveOff"; import SecretDiscount from "@/components/PalmistryV2/pages/SecretDiscount"; +import OnboardingPage from "@/components/pages/ABDesign/v1/pages/Onboarding"; +import { PrivateOutlet } from "@/components/App"; +import AdditionalPurchasesPalmistry from "@/components/palmistry/AdditionalPurchases"; +import SkipTrial from "@/components/palmistry/AdditionalPurchases/pages/SkipTrial"; +import AddConsultant from "@/components/palmistry/AdditionalPurchases/pages/AddConsultant"; +import AddGuides from "@/components/palmistry/AdditionalPurchases/pages/AddGuides"; +import CheckSubscriptionOutlet from "./CheckSubscriptionOutlet"; +import PaymentPage from "@/components/Payment/nmi/PaymentPage"; +import { EPlacementKeys } from "@/api/resources/Paywall"; const removePrefix = (path: string) => path.replace(palmistryV2Prefix, ""); function PalmistryV2Routes() { const dispatch = useDispatch(); - + const navigate = useNavigate(); useEffect(() => { dispatch(actions.palmistry.update({ fromRedesign: true })); }, [dispatch]); + function onPaymentError(error?: string | undefined): void { + if (error === "Product not found") { + return navigate(routes.client.palmistryV2TrialPayment()); + } + } + + function onPaymentSuccess(): void { + setTimeout(() => { + navigate(routes.client.palmistryV2SkipTrial()); + }, 1500); + } + + function onPopState(): void { + if (document.location.toString() === `${window.location.origin}${routes.client.palmistryV2TrialPayment()}`) { + navigate(routes.client.palmistryV2SaveOff()); + } + } + + function onBack(): void { + navigate(routes.client.palmistryV2SaveOff()); + } + + function onPaymentErrorDiscount(error?: string | undefined): void { + if (error === "Product not found") { + return navigate(routes.client.palmistryV2SecretDiscount()); + } + } + + function onPaymentSuccessDiscount(): void { + setTimeout(() => { + navigate(routes.client.palmistryV2SkipTrial()); + }, 1500); + } + return ( + } + /> + }> + }> + } + /> + } + /> + } + /> + + + + } + > + } + /> + } + /> + } diff --git a/src/routes.ts b/src/routes.ts index bec4776..1a59244 100755 --- a/src/routes.ts +++ b/src/routes.ts @@ -240,11 +240,23 @@ const routes = { palmistryV2TrialPayment: () => [palmistryEmailMarketingV2Prefix, "trial-payment"].join("/"), palmistryV2SaveOff: () => [palmistryEmailMarketingV2Prefix, "save-off"].join("/"), palmistryV2SecretDiscount: () => [palmistryEmailMarketingV2Prefix, "secret-discount"].join("/"), + palmistryV2Onboarding: () => [palmistryEmailMarketingV2Prefix, "onboarding"].join("/"), + palmistryV2SkipTrial: () => [palmistryEmailMarketingV2Prefix, "skip-trial"].join("/"), + palmistryV2AddConsultant: () => [palmistryEmailMarketingV2Prefix, "add-consultant"].join("/"), + palmistryV2AddGuides: () => [palmistryEmailMarketingV2Prefix, "add-guides"].join("/"), + palmistryV2PaymentModal: () => [palmistryEmailMarketingV2Prefix, "payment-modal"].join("/"), + palmistryV2SecretDiscountPaymentModal: () => [palmistryEmailMarketingV2Prefix, "secret-discount-payment-modal"].join("/"), // MarketingLandingV1 emailMarketingV1Landing: () => [emailMarketingV1Prefix, "marketing-landing"].join("/"), emailMarketingV1SpecialOffer: () => [emailMarketingV1Prefix, "special-offer"].join("/"), emailMarketingV1SaveOff: () => [emailMarketingV1Prefix, "save-off"].join("/"), emailMarketingV1SecretDiscount: () => [emailMarketingV1Prefix, "secret-discount"].join("/"), + emailMarketingV1PaymentModal: () => [emailMarketingV1Prefix, "payment-modal"].join("/"), + emailMarketingV1SecretDiscountPaymentModal: () => [emailMarketingV1Prefix, "secret-discount-payment-modal"].join("/"), + emailMarketingV1SkipTrial: () => [emailMarketingV1Prefix, "skip-trial"].join("/"), + emailMarketingV1AddConsultant: () => [emailMarketingV1Prefix, "add-consultant"].join("/"), + emailMarketingV1AddGuides: () => [emailMarketingV1Prefix, "add-guides"].join("/"), + emailMarketingV1Onboarding: () => [emailMarketingV1Prefix, "onboarding"].join("/"), // ABDesignV1 genderV1: () => [host, "v1", "gender"].join("/"), questionnaireV1: () => [host, "v1", "questionnaire"].join("/"), diff --git a/src/services/metric/metricService.ts b/src/services/metric/metricService.ts index 815ae77..4c52147 100644 --- a/src/services/metric/metricService.ts +++ b/src/services/metric/metricService.ts @@ -71,6 +71,7 @@ export enum EMetrics { interface IUserParams { UserID: number | string; + sessionId: string; genderFrom: string; email: string; hasPersonalVideo: boolean;