\n
\n ) : (\n \n You are going to subscribe to{\" \"}\n {selectedPlanTitle} plan\n with email {email}\n
\n\n The following details will be used to create your account once\n payment is successful.\n
\n\n Please confirm your email address.\n
\n\n setConfirmationModal(false)}\n >\n Back\n \n handleSubmit()}\n >\n Proceed\n \n
\n \n \n {\n setEmail(e.target.value);\n setError(INITIALIZE_ERRORS);\n }}\n value={email}\n className=\"w-4/5 text-xs mb-2\"\n />\n \n \n {\n setPassword(e.target.value);\n if (user?.email) {\n setPasswordConfirmation(e.target.value);\n }\n setError(INITIALIZE_ERRORS);\n }}\n value={password}\n className=\"w-4/5 text-xs mb-2\"\n />\n \n {!user?.email && (\n ({\n validator(_, value) {\n if (!value || getFieldValue(\"password\") === value) {\n return Promise.resolve();\n }\n return Promise.reject(\n new Error(\n \"The two passwords that you entered do not match!\"\n )\n );\n },\n }),\n ]}\n >\n {\n setPasswordConfirmation(e.target.value);\n setError(INITIALIZE_ERRORS);\n }}\n value={passwordConfirmation}\n className=\"w-4/5 text-xs\"\n />\n \n )}\n\n \n Proceed\n \n
\n )}\n \n \n );\n}\n","/* eslint-disable no-unused-vars */\n/* eslint-disable no-console */\n// @ts-nocheck\n/* eslint-disable indent */\nimport React, { useEffect, useState } from \"react\";\nimport { Link } from \"react-router-dom\";\nimport LouiseYoga from \"images/louise-yoga.jpg\";\nimport SwitchIcon from \"images/switch.png\";\nimport CrossIcon from \"images/cross.png\";\n\nimport { useAuthState, useAuthDispatch } from \"contexts/auth\";\nimport { useUserState } from \"contexts/user\";\nimport authenticationApi from \"apis/authentication\";\nimport usersApi from \"apis/users\";\nimport { resetAuthTokens } from \"apis/axios\";\n\nimport { LoadingOutlined } from \"@ant-design/icons\";\nimport { Spin } from \"antd\";\n\nconst antIcon = \n You are subscribing to {selectedPlanTitle} plan\n
\n {user?.email ? (\n \n Please enter your password to proceed.\n
\n ) : (\n\n The following details will be used to create your account once\n payment is successful.\n
\n )}\n\n
\n );\n }\n\n const subscriptionType =\n subscriptionInfo?.membershipLabel ||\n subscriptionInfo?.metadata?.plan?.metadata?.membershipTitle;\n\n return (\n \n
\n \n
\n \n );\n}\n\nconst RenderLogoutSection = ({ email, handleLogout }) => {\n return (\n <>\n \n \n
\n \n
\n \n
\n\n \n
\n \n
\n \n Welcome\n
\n\n Manage your subscription\n
\n\n *As you have subscription through Apple in-app. Please\n manage it via Apple in-app purchases.\n
\n )}\n\n
\n {email}
\n\n My subscription\n
\n\n {subscriptionInfo?.membershipLabel ||\n subscriptionInfo?.price?.description}\n
\n\n\n {subscriptionInfo?.status !== \"canceled\" &&\n subscriptionInfo?.price?.amount !== 0 && (\n \n
\n \n {/* ========= Mobile ===================*/}\n \n
\n \n )}\n \n {subscriptionInfo?.status !== \"canceled\" && (\n \n
\n \n );\n};\n\nconst ExportDataBtn = () => {\n const handleDailyDataExport = async () => await usersApi.exportDailyData();\n const handleWeeklyDataExport = async () => await usersApi.exportWeeklyData();\n\n return (\n <>\n \n 
\n Cancel\n
\n \n )}\n element which will represent the TrustBox\n const ref = React.useRef(null);\n useEffect(() => {\n // If window.Trustpilot is available it means that we need to load the TrustBox from our ref.\n // If it's not, it means the script you pasted into
isn't loaded just yet.\n // When it is, it will automatically load the TrustBox.\n if (window.Trustpilot) {\n window.Trustpilot.loadFromElement(ref.current, true);\n }\n }, []);\n return (\n <>\n \n \n \n Trustpilot\n \n
\n \n \n );\n};\nexport default TrustBox;\n","import defaultLocale from '../locale/en_US';\nvar runtimeLocale = Object.assign({}, defaultLocale.Modal);\nexport function changeConfirmLocale(newLocale) {\n if (newLocale) {\n runtimeLocale = Object.assign(Object.assign({}, runtimeLocale), newLocale);\n } else {\n runtimeLocale = Object.assign({}, defaultLocale.Modal);\n }\n}\nexport function getConfirmLocale() {\n return runtimeLocale;\n}","import React from \"react\";\nimport { Redirect, Route } from \"react-router-dom\";\nimport PropTypes from \"prop-types\";\n\nconst PrivateRoute = ({\n component: Component,\n condition,\n path,\n redirectRoute,\n ...props\n}) => {\n if (!condition) {\n return (\n \n
\n \n\n {/* Mobile */}\n \n \n
\n \n
\n \n\n \n Turtle Method™\n
\n\n {isLoggedIn ? (\n \n \n My Account\n \n \n ) : (\n \n \n Sign In\n \n \n )}\n
\n \n \n
\n\n {showMobileDropdown && (\n \n
\n \n\n \n Turtle Method\n
\n\n {isLoggedIn ? (\n \n {\n // handleLogout();\n setShowMobileDropdown(false);\n }}\n className=\"font-semibold no-underline cursor-pointer\"\n >\n My Account\n \n \n ) : (\n setShowMobileDropdown(false)}\n >\n Sign in\n \n )}\n
\n\n \n
\n );\n};\n\nconst WhiteLogo = () => {\n return (\n \n 
\n
\n \n
\n );\n};\n\nexport default NavBar;\n","/* eslint-disable indent */\n// @ts-nocheck\nimport React, { useEffect, useState } from \"react\";\nimport { withRouter, Link } from \"react-router-dom\";\n\nimport moment from \"moment\";\nimport \"moment/locale/en-gb\";\n\nimport RightArrowImage from \"images/RightArrowImage.png\";\nimport LouiseBiceps from \"images/image-louise-biceps.jpg\";\n\nimport usersApi from \"apis/users\";\nimport subscriptionApi from \"apis/subscriptions\";\n\nimport { useUserState } from \"contexts/user\";\nimport { useAuthState } from \"contexts/auth\";\n\nimport { useAuthDispatch } from \"contexts/auth\";\nimport authenticationApi from \"apis/authentication\";\nimport { resetAuthTokens } from \"apis/axios\";\n\nimport { LoadingOutlined } from '@ant-design/icons';\nimport { message, Spin } from 'antd';\n\nconst antIcon = \n 
\n
\n \n
\n );\n }\n\n // const BaremetricsCancellationInsightScript = ({ stripeCustomerId }) => {\n // console.log(\"baremetrics: \", { stripeCustomerId })\n // return !(function () {\n // if (window.barecancel && window.barecancel.created)\n // window.console &&\n // console.error &&\n // console.error(\"Barecancel snippet included twice.\");\n // else {\n // window.barecancel = { created: !0 };\n // var a = document.createElement(\"script\");\n // (a.src =\n // \"https://baremetrics-barecancel.baremetrics.com/js/application.js\"),\n // (a.async = !0);\n // var b = document.getElementsByTagName(\"script\")[0];\n // b.parentNode.insertBefore(a, b),\n // (window.barecancel.params = {\n // access_token_id: \"b76f4171-6afa-48bd-8917-93f7a7c57be8\",\n // customer_oid: stripeCustomerId,\n // callback_send: function (data) {\n // handleCancelSubscription(subscriptionId);\n // console.info(\"data: \", data);\n // },\n // callback_error: function (error) {\n // console.info(\"error \", error);\n // },\n // });\n // }\n // })();\n // };\n\n const handleCancelletionClick = () => {\n if (!stripeCustomerId) {\n message.error(\"Subscription not found! Please email Trtle support team for subscription regarding issues!\");\n } else {\n handleCancelSubscription(subscriptionInfo.id);\n }\n };\n\n const handleCancelSubscription = async id => {\n try {\n setLoading(true);\n await authenticationApi.logout();\n await subscriptionApi.cancelSubscription(id);\n authDispatch({ type: \"LOGOUT\" });\n resetAuthTokens();\n props.history.push(\"/\");\n } catch (error) {\n console.error(error);\n } finally {\n setLoading(false);\n }\n };\n\n const {\n current_period_end,\n current_period_start,\n price,\n metadata,\n id: subscriptionId,\n membershipLabel,\n } = subscriptionInfo;\n\n return (\n \n
\n \n {/* {stripeCustomerId && (\n
\n );\n}\n\nconst PlanCancellationPage = ({ endDate, startDate, price, planTitle, handleCancelletionClick }) => {\n const isTrial =\n planTitle.toLowerCase().includes(\"masterclass\") ||\n planTitle.toLowerCase().includes(\"trial\"); // Add keywords for trial plans later\n\n return (\n \n
\n \n
\n \n \n \n );\n};\n\nexport default withRouter(PlanCancellation);\n","// @ts-nocheck\nimport React, { useEffect } from \"react\";\n\nimport LouiseImage from \"images/LandingPageAssets/LouiseImage1.png\";\nimport MaskGroup1 from \"images/LandingPageAssets/MaskGroup1.png\";\n\nimport AudioFlame from \"images/LandingPageAssets/audio.png\";\nimport FoodFlame from \"images/LandingPageAssets/food.png\";\nimport LoveFlame from \"images/LandingPageAssets/food.png\";\nimport PodcastFlame from \"images/LandingPageAssets/podcast.png\";\nimport NoteFlame from \"images/LandingPageAssets/note.png\";\nimport timeFlame from \"images/LandingPageAssets/time.png\";\n\nimport ChatImage1 from \"images/LandingPageAssets/chatImage1.png\";\nimport ChatImage2 from \"images/LandingPageAssets/ChatImage2.png\";\nimport ChatImage3 from \"images/LandingPageAssets/ChatImage3.png\";\nimport CharmTick from \"images/LandingPageAssets/charm_tick.png\";\n\nimport HeroSection from \"../Navbar/Header/index\";\nimport ComparisonTable from \"./Designs/ComparisonTable\";\nimport ReviewSection from \"./Designs/ReviewSection\";\nimport ReviewSection2 from \"./Designs/ReviewSection2\";\nimport Team from \"./Designs/Team\";\nimport WishList from \"./Designs/WishList\";\nimport FAQ from \"./Designs/FaqSection\";\nimport ArticleSection from \"./Designs/ArticleSection\";\nimport KeyFeatureSection from \"./Designs/KeyFeature\";\nimport PodcastReview from \"./Designs/PodcastReview\";\n\nconst PRODUCT_FEATURE = [\n {\n image: FoodFlame,\n text:\n \"Revolutionary nutrition & mindset app that’s easy to use even if you’ve never tracked your food before\",\n },\n {\n image: AudioFlame,\n text: \"Unrivalled daily support by expert, empathetic coaches\",\n },\n {\n image: NoteFlame,\n text: \"Expert education (backed by unbiased research)\",\n },\n {\n image: PodcastFlame,\n text:\n \"Daily 15-minute podcasts to help you stay grounded in the one day at a time philosophy whilst also sharing research studies and knowledge. \",\n },\n {\n image: LoveFlame,\n text: \"Human accountability that’s light-hearted and fun\",\n },\n {\n image: timeFlame,\n text:\n \"Turtle radio every morning at 7.30am - tune in to listen to how the community is doing and their top tips. Easily join as a speaker or just listen whilst getting ready for your day \",\n },\n];\n\nconst AppLanding = () => {\n useEffect(() => {\n (function (d, u, ac) {\n var s = d.createElement(\"script\");\n s.type = \"text/javascript\";\n s.src = \"https://a.omappapi.com/app/js/api.min.js\";\n s.async = true;\n s.dataset.user = u;\n s.dataset.account = ac;\n d.getElementsByTagName(\"head\")[0].appendChild(s);\n })(document, 57680, 65019);\n }, []);\n\n return (\n <>\n \n \n
\n \n
\n \n
\n \n {isTrial ? \"Looking to cancel?\" : \"Cancellation\"}\n
\n\n {isTrial ? (\n \n You have a {planTitle} that’s active from{\" \"}\n {startDate} to {endDate}.\n
\n ) : (\n\n You are cancelling your {planTitle} that’s\n active from {startDate} to{\" \"}\n {endDate}.\n
\n )}\n\n {isTrial ? (\n\n No need to cancel, this trial auto cancels at your end date. No\n payment methods have been taken so no payment can be taken from\n you.
\n
\n If you wish to continue with Turtle please check your app at the\n final few days for how to do so\n
\n Note: cancelling means you will retain access until the end date\n above.\n
\n )}\n\n {!isTrial && (\n\n Do you want to cancel now?\n
\n )}\n\n \n \n Confirm Cancellation\n
\n )}\n \n \n \n
\n \n {!isTrial && (\n \n
\n \n );\n};\n\nconst RestContent2 = () => {\n return (\n \n
\n \n \n Even doctors, nutritionists and dieticians follow The Turtle Method™\n \n
\n \n Trusted and Used by{\" \"}\n Louise Thompson\n
\n\n \n The Turtle Method in a Nutshell\n \n\n
\n \n );\n};\n\nconst RestContent3 = () => {\n return (\n \n {PRODUCT_FEATURE.map((feature, index) => {\n return (\n \n 
\n \n {feature.text}\n \n
\n );\n })}\n \n
\n );\n};\n\nexport default AppLanding;\n","// @ts-nocheck\nimport React, { useState, useEffect } from \"react\";\nimport { Link } from \"react-router-dom\";\nimport IconSVG from \"images/Icon.svg\";\nimport WhiteLogoSvg from \"images/LandingPageAssets/whiteLogo.svg\";\nimport VectorGroup from \"images/Maskgroup.png\";\nimport HeroIphone from \"images/LandingPageAssets/HeroIphone.png\";\n\nimport Hamburger from \"images/LandingPageAssets/hamburger.png\";\n\nconst NavBar = () => {\n useEffect(() => {\n const script = document.createElement(\"script\");\n script.src =\n \"//widget.trustpilot.com/bootstrap/v5/tp.widget.bootstrap.min.js\";\n script.async = true;\n document.body.appendChild(script);\n return () => {\n document.body.removeChild(script);\n };\n }, []);\n return \n
\n {/* ================ */}\n \n 
\n
\n \n \n The app includes a barcode scanner, huge food database, recipe\n creator, quick-add, copy meals, multi-add and more so you can track\n your food in minutes each day making it an easy part of your life.{\" \"}\n \n\n
\n \n Lose Fat with Ease by Logging\n Your Food in a Few Minutes a Day\n
\n\n
\n\n \n \n \n 
\n \n
\n \n Even for first-time trackers, this app makes it easy.\n
\n\n \n \n \n
\n \n Spend 0.3% of your day tracking for 90% of your results.\n
\n\n \n \n \n
\n \n Even for first-time trackers, this app makes it easy.\n
\n\n Join 14 Day Nutrition Masterclass\n
\n \n\n
\n {/* =============== */}\n \n 
\n
\n \n \n Our head of nutrition PhD Paul Rimmer does weekly Q&As with the\n community. There are too many nutrition myths to count and what\n sounds a lot like “science” on Instagram and Tiktok is nonsense.\n When you join The Turtle Method™ you can forget about what you read\n online. We’ll deliver the studies and information that matters so\n you can get on with living.\n \n\n \n
\n \n Gain Nutritional Knowledge from\n an Industry-Leading PHD\n
\n\n Join 14 Day Nutrition Masterclass\n
\n \n\n
\n \n 
\n
\n \n \n Tiny actions are built by living one day at a time. Freeing the\n mind, getting the right information in at the right time and\n destroying myths that have held you back all happen in 7 days. You\n can change your entire mindset in a few days with The Turtle\n Method™. Don’t believe us? Readbelow and check-out our reviews on\n Trustpilot.\n \n\n \n
\n \n Reaching your goals in 7 days isn’t possible, but{\" \"}\n we can change your mindset.\n
\n\n Join 14 Day Nutrition Masterclass\n
\n \n\n
\n );\n};\n\nconst HeroSectionContent = () => {\n return (\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n \n The amazing fat loss app
\n \n The amazing fat loss app
{\" \"}\n \n \"Great 14 day trial, educational, informative and most importantly,\n applicable to every day life!\" - Laura\n \n \n \n Trustpilot\n \n
\n \n );\n};\n\nexport const Nav = () => {\n const [showMobileDropdown, setShowMobileDropdown] = useState(false);\n\n return (\n \n \n \n\n {showMobileDropdown && (\n \n The amazing fat loss app
\n \n {\" \"}\n Used by busy people who{\" \"}\n {\" \"}\n
Don’t want strict diet plans!\n
\n \n The amazing fat loss app
\n \n {\" \"}\n Used by busy people who{\" \"}\n {\" \"}\n
Don’t want strict diet plans!\n
{\" \"}\n \n \n \"Great 14 day trial, educational, informative and most importantly,\n applicable to every day life!\" -Laura\n \n
\n \n \n \n \n
\n \n New intake starts every Sunday. Enrol for free now.\n
\n\n
\n \n\n \n Turtle Method™\n
\n\n \n setShowMobileDropdown(false)}\n >\n Home\n \n \n\n \n setShowMobileDropdown(false)}\n >\n Comparison\n \n \n\n \n {\n setShowMobileDropdown(false);\n }}\n className=\"font-semibold no-underline cursor-pointer\"\n >\n Contact Us\n \n \n\n setShowMobileDropdown(false)}\n >\n Login\n \n
\n\n \n
\n );\n};\n\nconst WhiteLogo = () => {\n return (\n \n \n
\n \n
\n );\n};\n\nexport default NavBar;\n","// @ts-nocheck\n/* eslint-disable no-console */\nimport React, { useState } from \"react\";\n\nimport { withRouter } from \"react-router\";\nimport { Form, Input, Button } from \"antd\";\n\nimport LouiseBiceps from \"images/image-louise-biceps.jpg\";\nimport usersApi from \"apis/users\";\n\nconst INITIALIZE_ERRORS = {\n email: \"\",\n password: \"\",\n};\n\nconst DeleteAccount = () => {\n const [email, setEmail] = useState(\"\");\n const [password, setPassword] = useState(\"\");\n const [errors, setError] = useState(INITIALIZE_ERRORS);\n const [\n showAccountDeletionSuccessful,\n setShowAccountDeletionSuccessful,\n ] = useState(false);\n\n const isValid = () => {\n let emailError;\n let passwordError;\n\n if (!password) {\n passwordError = \"Password can't be blank.\";\n }\n\n if (!email) {\n emailError = \"Email can't be blank.\";\n }\n\n if (!passwordError && !emailError) {\n return true;\n } else {\n setError({\n ...errors,\n password: passwordError,\n email: emailError,\n });\n return false;\n }\n };\n\n const handleAccountDeletion = async event => {\n event.preventDefault();\n alert(\n \"Once you choose to delete your account, all related data to your account will be permanently deleted and cannot be recovered.\"\n );\n try {\n if (isValid()) {\n const payload = {\n email: email,\n password: password,\n };\n const res = await usersApi.deleteAccount(payload);\n if (res.status === 200) {\n setShowAccountDeletionSuccessful(true);\n }\n }\n } catch (error) {\n console.log(error);\n }\n };\n\n return (\n \n \n
\n \n
\n \n );\n};\n\nexport default withRouter(DeleteAccount);\n","import React from \"react\";\n\nconst Card = ({ challenge, setPriceId, setShowSubModal, setTrialEnd }) => {\n const {\n title,\n subheading1,\n subheading2,\n price,\n priceId,\n trialEnd,\n billingCycle,\n } = challenge;\n const handleCheckout = () => {\n setPriceId(priceId);\n setTrialEnd(trialEnd);\n setShowSubModal(true);\n };\n\n return (\n <>\n \n \n
\n \n \n
\n \n
\n\n {!showAccountDeletionSuccessful ? (\n \n
\n \n ) : (\n \n Delete Account\n
\n\n \n \n {\n setEmail(e.target.value);\n setError(INITIALIZE_ERRORS);\n }}\n />\n \n\n \n {\n setPassword(e.target.value);\n setError(INITIALIZE_ERRORS);\n }}\n />\n \n\n \n \n Proceed\n \n \n
\n \n
\n )}\n \n Account Deleted Successfully\n
\n {title}
\n \n
\n {subheading1}
\n{subheading2}
\n\n After {trialEnd} days trial\n
\n \n {`£${price} / ${billingCycle}`}\n
\n\n
\n \n \n );\n};\n\nexport default Card;\n","/* eslint-disable no-unused-vars */\n/* eslint-disable no-console */\n// @ts-nocheck\nimport React from \"react\";\nimport { checkIcon } from \"components/Utils/SvgIcons\";\nimport CharmTick from \"images/LandingPageAssets/charm_tick.png\";\nimport WhiteTick from \"images/LandingPageAssets/WhiteTick.svg\";\n\nexport const prepareMembershipPlanData = (priceList = []) => {\n const prices = {};\n priceList.map(price => {\n const membershipKey = price?.metadata?.type || price?.metadata?.Type;\n if (membershipKey) {\n prices[membershipKey] = {\n ...MEMBERSHIP_PLAN_ADDITIONAL_DATA[membershipKey],\n price: price.unit_amount / 100,\n priceId: price.id,\n productId: price.product,\n membershipType: price?.metadata?.membershipType,\n };\n }\n });\n return prices;\n};\n\nconst CardFooter = ({ text, SVGIcon }) => {\n if (!text) return null;\n return (\n Terms & Conditions
\n\n Once the trial is complete, the subscription will auto-renew at the\n price of £{price} per month. However, you can cancel this at any\n time\n
\n\n {SVGIcon &&
\n );\n};\n\nconst PLANS_INFO = {\n MONTHLY: [\n \"Daily Podcast\",\n `Daily ”Radio”`,\n \"Weekly nutrition Q&As\",\n \"Daily in-depth support\",\n \"Assess to our nutritionist 1-1 via email\",\n \"Full app feature\",\n ],\n YEARLY: [\n \"Daily Podcast\",\n `Daily ”Radio”`,\n \"Weekly nutrition Q&As\",\n \"Daily in-depth support\",\n \"Assess to our nutritionist 1-1 via email\",\n \"Full app feature\",\n // `12 week \"complete transformation\" workout plan [value £79]`,\n // \"12 week beginners yoga course [value £99]\",\n ],\n PREMIUM: [\n \"All courses are included\",\n \"Custom macros nutrition plan with weekly check-ins\",\n \"Over 9 live classes per week\",\n \"Expert Q&As on nutrition, mindset, mental health, philosophy...\",\n \"Daily voice notes to keep you accountable and on-track\",\n \"Free access to famous challenges 3x per year\",\n \"7 days a week support\",\n ],\n};\n\nconst MEMBERSHIP_PLAN_ADDITIONAL_DATA = {\n MONTHLY: {\n title: \"Turtle Silver\",\n type: \"SILVER\",\n cardHeading: \"Monthly\",\n cardSubheading: \"\",\n isPaymentModeMonthly: true,\n buyButtonBackgroundColor: \"rgb(255, 255, 255)\",\n isProPlan: false,\n Footer: null,\n strikethroughText: null,\n discountPercentage: null,\n keyNotes: PLANS_INFO.MONTHLY,\n keyNotesicon: CharmTick,\n subheadingColor: \"#189877\",\n cardBackgroundColor: \"#fff\",\n trustPilotRating: true,\n textColor: \"#172F4F\",\n },\n YEARLY: {\n title: \"Turtle Silver\",\n type: \"SILVER\",\n cardHeading: \"Yearly\",\n cardSubheading: \"(12 months for the price of 10)\",\n isPaymentModeMonthly: false,\n buyButtonBackgroundColor: \"rgb(25,161,152)\",\n isProPlan: false,\n Footer: null,\n strikethroughText: null,\n discountPercentage: null,\n keyNotes: PLANS_INFO.YEARLY,\n keyNotesicon: WhiteTick,\n subheadingColor: \"#189877\",\n cardBackgroundColor: \"#685CC1\",\n trustPilotRating: false,\n textColor: \"#FFFFFF\",\n },\n \"50%_SALE_YEARLY\": {\n title: \"Turtle Silver Annual\",\n type: \"SILVER\",\n cardHeading: \"Yearly\",\n cardSubheading: \"Get 50% discount\",\n isPaymentModeMonthly: false,\n buyButtonBackgroundColor: \"rgb(25,161,152)\",\n isProPlan: false,\n Footer: null,\n strikethroughText: \"£119\",\n discountPercentage: \"50% off\",\n keyNotes: PLANS_INFO.YEARLY,\n keyNotesicon: WhiteTick,\n subheadingColor: \"#189877\",\n cardBackgroundColor: \"#685CC1\",\n trustPilotRating: false,\n textColor: \"#FFFFFF\",\n },\n GOLD_MONTHLY: {\n // title: \"Turtle Gold\",\n type: \"GOLD\",\n cardHeading: \"Monthly\",\n cardSubheading: \"\",\n isPaymentModeMonthly: true,\n buyButtonBackgroundColor: \"#\",\n isProPlan: false,\n Footer: null,\n strikethroughText: null,\n discountPercentage: null,\n keyNotes: PLANS_INFO.PREMIUM,\n keyNotesicon: CharmTick,\n subheadingColor: \"#189877\",\n // cardBackgroundColor: \"#fca302\",\n trustPilotRating: false,\n // textColor: \"#fff\",\n title: \"GOLD\",\n subTitle: \"MONTHLY\",\n price: \"£39\",\n cardBackgroundColor: \"yellow\",\n textColor: \"white\",\n },\n PLATINUM_YEARLY: {\n title: \"Turtle Platinum\",\n type: \"PLATINUM\",\n cardHeading: \"Yearly\",\n cardSubheading: \"Get 50% discount\",\n isPaymentModeMonthly: false,\n buyButtonBackgroundColor: \"rgb(25,161,152)\",\n isProPlan: false,\n Footer: null,\n strikethroughText: \"£119\",\n discountPercentage: \"50% off\",\n keyNotes: PLANS_INFO.PREMIUM,\n keyNotesicon: WhiteTick,\n subheadingColor: \"#FFCC00\",\n cardBackgroundColor: \"rgb(38,38,38)\",\n trustPilotRating: false,\n textColor: \"#FFFFFF\",\n },\n\n SILVER_MONTHLY: {\n title: \"SILVER\",\n subTitle: \"MONTHLY\",\n price: \"£9.99\",\n cardBackgroundColor: \"stone\",\n type: \"SILVER\",\n cardHeading: \"Monthly\",\n isPaymentModeMonthly: true,\n Footer: null,\n trustPilotRating: false,\n textColor: \"white\",\n },\n SILVER_ANNUAL: {\n title: \"SILVER\",\n subTitle: \"YEARLY\",\n price: \"£59\",\n cardBackgroundColor: \"stone\",\n borderColor: \"#685CC1\",\n type: \"SILVER\",\n cardHeading: \"Yearly\",\n isPaymentModeMonthly: false,\n Footer: null,\n trustPilotRating: false,\n textColor: \"white\",\n },\n // GOLD_MONTHLY: {\n // title: \"GOLD\",\n // subTitle: \"MONTHLY\",\n // price: \"£39\",\n // cardBackgroundColor: \"yellow\",\n // textColor: \"white\",\n // },\n GOLD_ANNUAL: {\n title: \"GOLD\",\n subTitle: \"YEARLY\",\n price: \"£299\",\n cardBackgroundColor: \"yellow\",\n textColor: \"white\",\n type: \"GOLD\",\n cardHeading: \"Yearly\",\n isPaymentModeMonthly: false,\n Footer: null,\n trustPilotRating: false,\n },\n PLATINUM_MONTHLY: {\n title: \"PLATINUM\",\n subTitle: \"MONTHLY\",\n price: \"£79\",\n cardBackgroundColor: \"gray\",\n textColor: \"white\",\n type: \"PLATINUM\",\n cardHeading: \"Monthly\",\n isPaymentModeMonthly: true,\n Footer: null,\n trustPilotRating: false,\n },\n PLATINUM_ANNUAL: {\n title: \"PLATINUM\",\n type: \"PLATINUM\",\n cardHeading: \"Yearly\",\n isPaymentModeMonthly: false,\n Footer: null,\n trustPilotRating: false,\n subTitle: \"YEARLY\",\n price: \"£699\",\n cardBackgroundColor: \"gray\",\n textColor: \"white\",\n },\n};\n\nexport const SHOW_PRICES = [\"MONTHLY\", \"50%_SALE_YEARLY\"];\n\nexport const SHOW_PREMIUM_PRICES = [\"GOLD_MONTHLY\", \"PLATINUM_YEARLY\"];\n\nexport const PLAN_SECTION_LIST = [\n {\n title: \"Silver\",\n plans: [\"SILVER_MONTHLY\", \"SILVER_ANNUAL\"],\n },\n {\n title: \"Gold\",\n plans: [\"GOLD_MONTHLY\", \"GOLD_ANNUAL\"],\n },\n {\n title: \"Platinum\",\n plans: [\"PLATINUM_MONTHLY\", \"PLATINUM_ANNUAL\"],\n },\n];\n\nexport const MEMBERSHIP_PLANS = {\n SILVER_MONTHLY: {\n title: \"SILVER\",\n subTitle: \"MONTHLY\",\n price: \"£9.99\",\n cardBackgroundColor: \"stone\",\n },\n SILVER_YEARLY: {\n title: \"SILVER\",\n subTitle: \"YEARLY\",\n price: \"£59\",\n cardBackgroundColor: \"stone\",\n borderColor: \"#685CC1\",\n },\n GOLD_MONTHLY: {\n title: \"GOLD\",\n subTitle: \"MONTHLY\",\n price: \"£39\",\n cardBackgroundColor: \"yellow\",\n textColor: \"white\",\n },\n GOLD_YEARLY: {\n title: \"GOLD\",\n subTitle: \"YEARLY\",\n price: \"£299\",\n cardBackgroundColor: \"yellow\",\n textColor: \"white\",\n },\n PLATINUM_MONTHLY: {\n title: \"PLATINUM\",\n subTitle: \"MONTHLY\",\n price: \"£79\",\n cardBackgroundColor: \"gray\",\n textColor: \"white\",\n },\n PLATINUM_YEARLY: {\n title: \"PLATINUM\",\n subTitle: \"YEARLY\",\n price: \"£699\",\n cardBackgroundColor: \"gray\",\n textColor: \"white\",\n },\n};\n","function _typeof(obj) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }, _typeof(obj); }\n\nexport default function _isPlaceholder(a) {\n return a != null && _typeof(a) === 'object' && a['@@functional/placeholder'] === true;\n}","import _isPlaceholder from \"./_isPlaceholder.js\";\n/**\n * Optimized internal one-arity curry function.\n *\n * @private\n * @category Function\n * @param {Function} fn The function to curry.\n * @return {Function} The curried function.\n */\n\nexport default function _curry1(fn) {\n return function f1(a) {\n if (arguments.length === 0 || _isPlaceholder(a)) {\n return f1;\n } else {\n return fn.apply(this, arguments);\n }\n };\n}","import _curry1 from \"./_curry1.js\";\nimport _isPlaceholder from \"./_isPlaceholder.js\";\n/**\n * Optimized internal two-arity curry function.\n *\n * @private\n * @category Function\n * @param {Function} fn The function to curry.\n * @return {Function} The curried function.\n */\n\nexport default function _curry2(fn) {\n return function f2(a, b) {\n switch (arguments.length) {\n case 0:\n return f2;\n\n case 1:\n return _isPlaceholder(a) ? f2 : _curry1(function (_b) {\n return fn(a, _b);\n });\n\n default:\n return _isPlaceholder(a) && _isPlaceholder(b) ? f2 : _isPlaceholder(a) ? _curry1(function (_a) {\n return fn(_a, b);\n }) : _isPlaceholder(b) ? _curry1(function (_b) {\n return fn(a, _b);\n }) : fn(a, b);\n }\n };\n}","import _curry2 from \"./internal/_curry2.js\";\n/**\n * Sorts the list according to the supplied function.\n *\n * @func\n * @memberOf R\n * @since v0.1.0\n * @category Relation\n * @sig Ord b => (a -> b) -> [a] -> [a]\n * @param {Function} fn\n * @param {Array} list The list to sort.\n * @return {Array} A new list sorted by the keys generated by `fn`.\n * @example\n *\n * const sortByFirstItem = R.sortBy(R.prop(0));\n * const pairs = [[-1, 1], [-2, 2], [-3, 3]];\n * sortByFirstItem(pairs); //=> [[-3, 3], [-2, 2], [-1, 1]]\n *\n * const sortByNameCaseInsensitive = R.sortBy(R.compose(R.toLower, R.prop('name')));\n * const alice = {\n * name: 'ALICE',\n * age: 101\n * };\n * const bob = {\n * name: 'Bob',\n * age: -10\n * };\n * const clara = {\n * name: 'clara',\n * age: 314.159\n * };\n * const people = [clara, bob, alice];\n * sortByNameCaseInsensitive(people); //=> [alice, bob, clara]\n */\n\nvar sortBy = /*#__PURE__*/_curry2(function sortBy(fn, list) {\n return Array.prototype.slice.call(list, 0).sort(function (a, b) {\n var aa = fn(a);\n var bb = fn(b);\n return aa < bb ? -1 : aa > bb ? 1 : 0;\n });\n});\n\nexport default sortBy;","/**\n * Determine if the passed argument is an integer.\n *\n * @private\n * @param {*} n\n * @category Type\n * @return {Boolean}\n */\nexport default Number.isInteger || function _isInteger(n) {\n return n << 0 === n;\n};","import _curry2 from \"./internal/_curry2.js\";\nimport _isString from \"./internal/_isString.js\";\n/**\n * Returns the nth element of the given list or string. If n is negative the\n * element at index length + n is returned.\n *\n * @func\n * @memberOf R\n * @since v0.1.0\n * @category List\n * @sig Number -> [a] -> a | Undefined\n * @sig Number -> String -> String\n * @param {Number} offset\n * @param {*} list\n * @return {*}\n * @example\n *\n * const list = ['foo', 'bar', 'baz', 'quux'];\n * R.nth(1, list); //=> 'bar'\n * R.nth(-1, list); //=> 'quux'\n * R.nth(-99, list); //=> undefined\n *\n * R.nth(2, 'abc'); //=> 'c'\n * R.nth(3, 'abc'); //=> ''\n * @symb R.nth(-1, [a, b, c]) = c\n * @symb R.nth(0, [a, b, c]) = a\n * @symb R.nth(1, [a, b, c]) = b\n */\n\nvar nth = /*#__PURE__*/_curry2(function nth(offset, list) {\n var idx = offset < 0 ? list.length + offset : offset;\n return _isString(list) ? list.charAt(idx) : list[idx];\n});\n\nexport default nth;","export default function _isString(x) {\n return Object.prototype.toString.call(x) === '[object String]';\n}","import _curry2 from \"./internal/_curry2.js\";\nimport _isInteger from \"./internal/_isInteger.js\";\nimport nth from \"./nth.js\";\n/**\n * Retrieves the values at given paths of an object.\n *\n * @func\n * @memberOf R\n * @since v0.27.1\n * @category Object\n * @typedefn Idx = [String | Int]\n * @sig [Idx] -> {a} -> [a | Undefined]\n * @param {Array} pathsArray The array of paths to be fetched.\n * @param {Object} obj The object to retrieve the nested properties from.\n * @return {Array} A list consisting of values at paths specified by \"pathsArray\".\n * @see R.path\n * @example\n *\n * R.paths([['a', 'b'], ['p', 0, 'q']], {a: {b: 2}, p: [{q: 3}]}); //=> [2, 3]\n * R.paths([['a', 'b'], ['p', 'r']], {a: {b: 2}, p: [{q: 3}]}); //=> [2, undefined]\n */\n\nvar paths = /*#__PURE__*/_curry2(function paths(pathsArray, obj) {\n return pathsArray.map(function (paths) {\n var val = obj;\n var idx = 0;\n var p;\n\n while (idx < paths.length) {\n if (val == null) {\n return;\n }\n\n p = paths[idx];\n val = _isInteger(p) ? nth(p, val) : val[p];\n idx += 1;\n }\n\n return val;\n });\n});\n\nexport default paths;","import _curry2 from \"./internal/_curry2.js\";\nimport paths from \"./paths.js\";\n/**\n * Retrieve the value at a given path.\n *\n * @func\n * @memberOf R\n * @since v0.2.0\n * @category Object\n * @typedefn Idx = String | Int\n * @sig [Idx] -> {a} -> a | Undefined\n * @param {Array} path The path to use.\n * @param {Object} obj The object to retrieve the nested property from.\n * @return {*} The data at `path`.\n * @see R.prop, R.nth\n * @example\n *\n * R.path(['a', 'b'], {a: {b: 2}}); //=> 2\n * R.path(['a', 'b'], {c: {b: 2}}); //=> undefined\n * R.path(['a', 'b', 0], {a: {b: [1, 2, 3]}}); //=> 1\n * R.path(['a', 'b', -2], {a: {b: [1, 2, 3]}}); //=> 2\n */\n\nvar path = /*#__PURE__*/_curry2(function path(pathAr, obj) {\n return paths([pathAr], obj)[0];\n});\n\nexport default path;","import _curry2 from \"./internal/_curry2.js\";\nimport path from \"./path.js\";\n/**\n * Returns a function that when supplied an object returns the indicated\n * property of that object, if it exists.\n *\n * @func\n * @memberOf R\n * @since v0.1.0\n * @category Object\n * @typedefn Idx = String | Int\n * @sig Idx -> {s: a} -> a | Undefined\n * @param {String|Number} p The property name or array index\n * @param {Object} obj The object to query\n * @return {*} The value at `obj.p`.\n * @see R.path, R.nth\n * @example\n *\n * R.prop('x', {x: 100}); //=> 100\n * R.prop('x', {}); //=> undefined\n * R.prop(0, [100]); //=> 100\n * R.compose(R.inc, R.prop('x'))({ x: 3 }) //=> 4\n */\n\nvar prop = /*#__PURE__*/_curry2(function prop(p, obj) {\n return path([p], obj);\n});\n\nexport default prop;","/**\n * Tests whether or not an object is an array.\n *\n * @private\n * @param {*} val The object to test.\n * @return {Boolean} `true` if `val` is an array, `false` otherwise.\n * @example\n *\n * _isArray([]); //=> true\n * _isArray(null); //=> false\n * _isArray({}); //=> false\n */\nexport default Array.isArray || function _isArray(val) {\n return val != null && val.length >= 0 && Object.prototype.toString.call(val) === '[object Array]';\n};","export default function _isTransformer(obj) {\n return obj != null && typeof obj['@@transducer/step'] === 'function';\n}","import _isArray from \"./_isArray.js\";\nimport _isTransformer from \"./_isTransformer.js\";\n/**\n * Returns a function that dispatches with different strategies based on the\n * object in list position (last argument). If it is an array, executes [fn].\n * Otherwise, if it has a function with one of the given method names, it will\n * execute that function (functor case). Otherwise, if it is a transformer,\n * uses transducer [xf] to return a new transformer (transducer case).\n * Otherwise, it will default to executing [fn].\n *\n * @private\n * @param {Array} methodNames properties to check for a custom implementation\n * @param {Function} xf transducer to initialize if object is transformer\n * @param {Function} fn default ramda implementation\n * @return {Function} A function that dispatches on object in list position\n */\n\nexport default function _dispatchable(methodNames, xf, fn) {\n return function () {\n if (arguments.length === 0) {\n return fn();\n }\n\n var args = Array.prototype.slice.call(arguments, 0);\n var obj = args.pop();\n\n if (!_isArray(obj)) {\n var idx = 0;\n\n while (idx < methodNames.length) {\n if (typeof obj[methodNames[idx]] === 'function') {\n return obj[methodNames[idx]].apply(obj, args);\n }\n\n idx += 1;\n }\n\n if (_isTransformer(obj)) {\n var transducer = xf.apply(null, args);\n return transducer(obj);\n }\n }\n\n return fn.apply(this, arguments);\n };\n}","export default {\n init: function init() {\n return this.xf['@@transducer/init']();\n },\n result: function result(_result) {\n return this.xf['@@transducer/result'](_result);\n }\n};","import _curry2 from \"./_curry2.js\";\nimport _reduced from \"./_reduced.js\";\nimport _xfBase from \"./_xfBase.js\";\n\nvar XAny = /*#__PURE__*/function () {\n function XAny(f, xf) {\n this.xf = xf;\n this.f = f;\n this.any = false;\n }\n\n XAny.prototype['@@transducer/init'] = _xfBase.init;\n\n XAny.prototype['@@transducer/result'] = function (result) {\n if (!this.any) {\n result = this.xf['@@transducer/step'](result, false);\n }\n\n return this.xf['@@transducer/result'](result);\n };\n\n XAny.prototype['@@transducer/step'] = function (result, input) {\n if (this.f(input)) {\n this.any = true;\n result = _reduced(this.xf['@@transducer/step'](result, true));\n }\n\n return result;\n };\n\n return XAny;\n}();\n\nvar _xany = /*#__PURE__*/_curry2(function _xany(f, xf) {\n return new XAny(f, xf);\n});\n\nexport default _xany;","export default function _reduced(x) {\n return x && x['@@transducer/reduced'] ? x : {\n '@@transducer/value': x,\n '@@transducer/reduced': true\n };\n}","import _curry2 from \"./internal/_curry2.js\";\nimport _dispatchable from \"./internal/_dispatchable.js\";\nimport _xany from \"./internal/_xany.js\";\n/**\n * Returns `true` if at least one of the elements of the list match the predicate,\n * `false` otherwise.\n *\n * Dispatches to the `any` method of the second argument, if present.\n *\n * Acts as a transducer if a transformer is given in list position.\n *\n * @func\n * @memberOf R\n * @since v0.1.0\n * @category List\n * @sig (a -> Boolean) -> [a] -> Boolean\n * @param {Function} fn The predicate function.\n * @param {Array} list The array to consider.\n * @return {Boolean} `true` if the predicate is satisfied by at least one element, `false`\n * otherwise.\n * @see R.all, R.none, R.transduce\n * @example\n *\n * const lessThan0 = R.flip(R.lt)(0);\n * const lessThan2 = R.flip(R.lt)(2);\n * R.any(lessThan0)([1, 2]); //=> false\n * R.any(lessThan2)([1, 2]); //=> true\n */\n\nvar any = /*#__PURE__*/_curry2( /*#__PURE__*/_dispatchable(['any'], _xany, function any(fn, list) {\n var idx = 0;\n\n while (idx < list.length) {\n if (fn(list[idx])) {\n return true;\n }\n\n idx += 1;\n }\n\n return false;\n}));\n\nexport default any;","import _curry1 from \"./_curry1.js\";\nimport _curry2 from \"./_curry2.js\";\nimport _isPlaceholder from \"./_isPlaceholder.js\";\n/**\n * Optimized internal three-arity curry function.\n *\n * @private\n * @category Function\n * @param {Function} fn The function to curry.\n * @return {Function} The curried function.\n */\n\nexport default function _curry3(fn) {\n return function f3(a, b, c) {\n switch (arguments.length) {\n case 0:\n return f3;\n\n case 1:\n return _isPlaceholder(a) ? f3 : _curry2(function (_b, _c) {\n return fn(a, _b, _c);\n });\n\n case 2:\n return _isPlaceholder(a) && _isPlaceholder(b) ? f3 : _isPlaceholder(a) ? _curry2(function (_a, _c) {\n return fn(_a, b, _c);\n }) : _isPlaceholder(b) ? _curry2(function (_b, _c) {\n return fn(a, _b, _c);\n }) : _curry1(function (_c) {\n return fn(a, b, _c);\n });\n\n default:\n return _isPlaceholder(a) && _isPlaceholder(b) && _isPlaceholder(c) ? f3 : _isPlaceholder(a) && _isPlaceholder(b) ? _curry2(function (_a, _b) {\n return fn(_a, _b, c);\n }) : _isPlaceholder(a) && _isPlaceholder(c) ? _curry2(function (_a, _c) {\n return fn(_a, b, _c);\n }) : _isPlaceholder(b) && _isPlaceholder(c) ? _curry2(function (_b, _c) {\n return fn(a, _b, _c);\n }) : _isPlaceholder(a) ? _curry1(function (_a) {\n return fn(_a, b, c);\n }) : _isPlaceholder(b) ? _curry1(function (_b) {\n return fn(a, _b, c);\n }) : _isPlaceholder(c) ? _curry1(function (_c) {\n return fn(a, b, _c);\n }) : fn(a, b, c);\n }\n };\n}","export default function _arrayFromIterator(iter) {\n var list = [];\n var next;\n\n while (!(next = iter.next()).done) {\n list.push(next.value);\n }\n\n return list;\n}","export default function _includesWith(pred, x, list) {\n var idx = 0;\n var len = list.length;\n\n while (idx < len) {\n if (pred(x, list[idx])) {\n return true;\n }\n\n idx += 1;\n }\n\n return false;\n}","export default function _has(prop, obj) {\n return Object.prototype.hasOwnProperty.call(obj, prop);\n}","// Based on https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is\nfunction _objectIs(a, b) {\n // SameValue algorithm\n if (a === b) {\n // Steps 1-5, 7-10\n // Steps 6.b-6.e: +0 != -0\n return a !== 0 || 1 / a === 1 / b;\n } else {\n // Step 6.a: NaN == NaN\n return a !== a && b !== b;\n }\n}\n\nexport default typeof Object.is === 'function' ? Object.is : _objectIs;","import _has from \"./_has.js\";\nvar toString = Object.prototype.toString;\n\nvar _isArguments = /*#__PURE__*/function () {\n return toString.call(arguments) === '[object Arguments]' ? function _isArguments(x) {\n return toString.call(x) === '[object Arguments]';\n } : function _isArguments(x) {\n return _has('callee', x);\n };\n}();\n\nexport default _isArguments;","import _curry1 from \"./internal/_curry1.js\";\nimport _has from \"./internal/_has.js\";\nimport _isArguments from \"./internal/_isArguments.js\"; // cover IE < 9 keys issues\n\nvar hasEnumBug = ! /*#__PURE__*/{\n toString: null\n}.propertyIsEnumerable('toString');\nvar nonEnumerableProps = ['constructor', 'valueOf', 'isPrototypeOf', 'toString', 'propertyIsEnumerable', 'hasOwnProperty', 'toLocaleString']; // Safari bug\n\nvar hasArgsEnumBug = /*#__PURE__*/function () {\n 'use strict';\n\n return arguments.propertyIsEnumerable('length');\n}();\n\nvar contains = function contains(list, item) {\n var idx = 0;\n\n while (idx < list.length) {\n if (list[idx] === item) {\n return true;\n }\n\n idx += 1;\n }\n\n return false;\n};\n/**\n * Returns a list containing the names of all the enumerable own properties of\n * the supplied object.\n * Note that the order of the output array is not guaranteed to be consistent\n * across different JS platforms.\n *\n * @func\n * @memberOf R\n * @since v0.1.0\n * @category Object\n * @sig {k: v} -> [k]\n * @param {Object} obj The object to extract properties from\n * @return {Array} An array of the object's own properties.\n * @see R.keysIn, R.values\n * @example\n *\n * R.keys({a: 1, b: 2, c: 3}); //=> ['a', 'b', 'c']\n */\n\n\nvar keys = typeof Object.keys === 'function' && !hasArgsEnumBug ? /*#__PURE__*/_curry1(function keys(obj) {\n return Object(obj) !== obj ? [] : Object.keys(obj);\n}) : /*#__PURE__*/_curry1(function keys(obj) {\n if (Object(obj) !== obj) {\n return [];\n }\n\n var prop, nIdx;\n var ks = [];\n\n var checkArgsLength = hasArgsEnumBug && _isArguments(obj);\n\n for (prop in obj) {\n if (_has(prop, obj) && (!checkArgsLength || prop !== 'length')) {\n ks[ks.length] = prop;\n }\n }\n\n if (hasEnumBug) {\n nIdx = nonEnumerableProps.length - 1;\n\n while (nIdx >= 0) {\n prop = nonEnumerableProps[nIdx];\n\n if (_has(prop, obj) && !contains(ks, prop)) {\n ks[ks.length] = prop;\n }\n\n nIdx -= 1;\n }\n }\n\n return ks;\n});\nexport default keys;","import _curry1 from \"./internal/_curry1.js\";\n/**\n * Gives a single-word string description of the (native) type of a value,\n * returning such answers as 'Object', 'Number', 'Array', or 'Null'. Does not\n * attempt to distinguish user Object types any further, reporting them all as\n * 'Object'.\n *\n * @func\n * @memberOf R\n * @since v0.8.0\n * @category Type\n * @sig (* -> {*}) -> String\n * @param {*} val The value to test\n * @return {String}\n * @example\n *\n * R.type({}); //=> \"Object\"\n * R.type(1); //=> \"Number\"\n * R.type(false); //=> \"Boolean\"\n * R.type('s'); //=> \"String\"\n * R.type(null); //=> \"Null\"\n * R.type([]); //=> \"Array\"\n * R.type(/[A-z]/); //=> \"RegExp\"\n * R.type(() => {}); //=> \"Function\"\n * R.type(undefined); //=> \"Undefined\"\n */\n\nvar type = /*#__PURE__*/_curry1(function type(val) {\n return val === null ? 'Null' : val === undefined ? 'Undefined' : Object.prototype.toString.call(val).slice(8, -1);\n});\n\nexport default type;","function _typeof(obj) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }, _typeof(obj); }\n\nimport _arrayFromIterator from \"./_arrayFromIterator.js\";\nimport _includesWith from \"./_includesWith.js\";\nimport _functionName from \"./_functionName.js\";\nimport _has from \"./_has.js\";\nimport _objectIs from \"./_objectIs.js\";\nimport keys from \"../keys.js\";\nimport type from \"../type.js\";\n/**\n * private _uniqContentEquals function.\n * That function is checking equality of 2 iterator contents with 2 assumptions\n * - iterators lengths are the same\n * - iterators values are unique\n *\n * false-positive result will be returned for comparision of, e.g.\n * - [1,2,3] and [1,2,3,4]\n * - [1,1,1] and [1,2,3]\n * */\n\nfunction _uniqContentEquals(aIterator, bIterator, stackA, stackB) {\n var a = _arrayFromIterator(aIterator);\n\n var b = _arrayFromIterator(bIterator);\n\n function eq(_a, _b) {\n return _equals(_a, _b, stackA.slice(), stackB.slice());\n } // if *a* array contains any element that is not included in *b*\n\n\n return !_includesWith(function (b, aItem) {\n return !_includesWith(eq, aItem, b);\n }, b, a);\n}\n\nexport default function _equals(a, b, stackA, stackB) {\n if (_objectIs(a, b)) {\n return true;\n }\n\n var typeA = type(a);\n\n if (typeA !== type(b)) {\n return false;\n }\n\n if (a == null || b == null) {\n return false;\n }\n\n if (typeof a['fantasy-land/equals'] === 'function' || typeof b['fantasy-land/equals'] === 'function') {\n return typeof a['fantasy-land/equals'] === 'function' && a['fantasy-land/equals'](b) && typeof b['fantasy-land/equals'] === 'function' && b['fantasy-land/equals'](a);\n }\n\n if (typeof a.equals === 'function' || typeof b.equals === 'function') {\n return typeof a.equals === 'function' && a.equals(b) && typeof b.equals === 'function' && b.equals(a);\n }\n\n switch (typeA) {\n case 'Arguments':\n case 'Array':\n case 'Object':\n if (typeof a.constructor === 'function' && _functionName(a.constructor) === 'Promise') {\n return a === b;\n }\n\n break;\n\n case 'Boolean':\n case 'Number':\n case 'String':\n if (!(_typeof(a) === _typeof(b) && _objectIs(a.valueOf(), b.valueOf()))) {\n return false;\n }\n\n break;\n\n case 'Date':\n if (!_objectIs(a.valueOf(), b.valueOf())) {\n return false;\n }\n\n break;\n\n case 'Error':\n return a.name === b.name && a.message === b.message;\n\n case 'RegExp':\n if (!(a.source === b.source && a.global === b.global && a.ignoreCase === b.ignoreCase && a.multiline === b.multiline && a.sticky === b.sticky && a.unicode === b.unicode)) {\n return false;\n }\n\n break;\n }\n\n var idx = stackA.length - 1;\n\n while (idx >= 0) {\n if (stackA[idx] === a) {\n return stackB[idx] === b;\n }\n\n idx -= 1;\n }\n\n switch (typeA) {\n case 'Map':\n if (a.size !== b.size) {\n return false;\n }\n\n return _uniqContentEquals(a.entries(), b.entries(), stackA.concat([a]), stackB.concat([b]));\n\n case 'Set':\n if (a.size !== b.size) {\n return false;\n }\n\n return _uniqContentEquals(a.values(), b.values(), stackA.concat([a]), stackB.concat([b]));\n\n case 'Arguments':\n case 'Array':\n case 'Object':\n case 'Boolean':\n case 'Number':\n case 'String':\n case 'Date':\n case 'Error':\n case 'RegExp':\n case 'Int8Array':\n case 'Uint8Array':\n case 'Uint8ClampedArray':\n case 'Int16Array':\n case 'Uint16Array':\n case 'Int32Array':\n case 'Uint32Array':\n case 'Float32Array':\n case 'Float64Array':\n case 'ArrayBuffer':\n break;\n\n default:\n // Values of other types are only equal if identical.\n return false;\n }\n\n var keysA = keys(a);\n\n if (keysA.length !== keys(b).length) {\n return false;\n }\n\n var extendedStackA = stackA.concat([a]);\n var extendedStackB = stackB.concat([b]);\n idx = keysA.length - 1;\n\n while (idx >= 0) {\n var key = keysA[idx];\n\n if (!(_has(key, b) && _equals(b[key], a[key], extendedStackA, extendedStackB))) {\n return false;\n }\n\n idx -= 1;\n }\n\n return true;\n}","export default function _functionName(f) {\n // String(x => x) evaluates to \"x => x\", so the pattern may not match.\n var match = String(f).match(/^function (\\w*)/);\n return match == null ? '' : match[1];\n}","import _curry2 from \"./internal/_curry2.js\";\nimport _equals from \"./internal/_equals.js\";\n/**\n * Returns `true` if its arguments are equivalent, `false` otherwise. Handles\n * cyclical data structures.\n *\n * Dispatches symmetrically to the `equals` methods of both arguments, if\n * present.\n *\n * @func\n * @memberOf R\n * @since v0.15.0\n * @category Relation\n * @sig a -> b -> Boolean\n * @param {*} a\n * @param {*} b\n * @return {Boolean}\n * @example\n *\n * R.equals(1, 1); //=> true\n * R.equals(1, '1'); //=> false\n * R.equals([1, 2, 3], [1, 2, 3]); //=> true\n *\n * const a = {}; a.v = a;\n * const b = {}; b.v = b;\n * R.equals(a, b); //=> true\n */\n\nvar equals = /*#__PURE__*/_curry2(function equals(a, b) {\n return _equals(a, b, [], []);\n});\n\nexport default equals;","import _curry3 from \"./internal/_curry3.js\";\nimport equals from \"./equals.js\";\n/**\n * Returns `true` if the specified object property is equal, in\n * [`R.equals`](#equals) terms, to the given value; `false` otherwise.\n * You can test multiple properties with [`R.whereEq`](#whereEq).\n *\n * @func\n * @memberOf R\n * @since v0.1.0\n * @category Relation\n * @sig String -> a -> Object -> Boolean\n * @param {String} name\n * @param {*} val\n * @param {*} obj\n * @return {Boolean}\n * @see R.whereEq, R.propSatisfies, R.equals\n * @example\n *\n * const abby = {name: 'Abby', age: 7, hair: 'blond'};\n * const fred = {name: 'Fred', age: 12, hair: 'brown'};\n * const rusty = {name: 'Rusty', age: 10, hair: 'brown'};\n * const alois = {name: 'Alois', age: 15, disposition: 'surly'};\n * const kids = [abby, fred, rusty, alois];\n * const hasBrownHair = R.propEq('hair', 'brown');\n * R.filter(hasBrownHair, kids); //=> [fred, rusty]\n */\n\nvar propEq = /*#__PURE__*/_curry3(function propEq(name, val, obj) {\n return equals(val, obj[name]);\n});\n\nexport default propEq;","import _concat from \"./internal/_concat.js\";\nimport _curry2 from \"./internal/_curry2.js\";\n/**\n * Returns a new list containing the contents of the given list, followed by\n * the given element.\n *\n * @func\n * @memberOf R\n * @since v0.1.0\n * @category List\n * @sig a -> [a] -> [a]\n * @param {*} el The element to add to the end of the new list.\n * @param {Array} list The list of elements to add a new item to.\n * list.\n * @return {Array} A new list containing the elements of the old list followed by `el`.\n * @see R.prepend\n * @example\n *\n * R.append('tests', ['write', 'more']); //=> ['write', 'more', 'tests']\n * R.append('tests', []); //=> ['tests']\n * R.append(['tests'], ['write', 'more']); //=> ['write', 'more', ['tests']]\n */\n\nvar append = /*#__PURE__*/_curry2(function append(el, list) {\n return _concat(list, [el]);\n});\n\nexport default append;","/**\n * Private `concat` function to merge two array-like objects.\n *\n * @private\n * @param {Array|Arguments} [set1=[]] An array-like object.\n * @param {Array|Arguments} [set2=[]] An array-like object.\n * @return {Array} A new, merged array.\n * @example\n *\n * _concat([4, 5, 6], [1, 2, 3]); //=> [4, 5, 6, 1, 2, 3]\n */\nexport default function _concat(set1, set2) {\n set1 = set1 || [];\n set2 = set2 || [];\n var idx;\n var len1 = set1.length;\n var len2 = set2.length;\n var result = [];\n idx = 0;\n\n while (idx < len1) {\n result[result.length] = set1[idx];\n idx += 1;\n }\n\n idx = 0;\n\n while (idx < len2) {\n result[result.length] = set2[idx];\n idx += 1;\n }\n\n return result;\n}","// Import statements\nimport \"react-quill/dist/quill.snow.css\";\n\nimport React, { useState, useEffect } from \"react\";\nimport { append, any, sortBy, prop, propEq } from \"ramda\";\nimport ReactQuill from \"react-quill\";\n\n// Imported components\nimport { Loader } from \"./Loader\";\n\n// API module for masterclass operations\nimport masterclassApi from \"apis/masterclass\";\n\n// Initial state\nconst initialMasterclassState = {\n id: \"\",\n title: \"Turtle One Masterclass\",\n};\n\nconst initialTasksState = [];\n\n// React Quill Modules\nconst modules = {\n toolbar: [\n [{ header: [1, 2, 3, 4, 5, 6, false] }],\n [\"bold\", \"italic\", \"underline\"],\n [\"blockquote\"],\n [{ list: \"ordered\" }, { list: \"bullet\" }],\n [\"link\"],\n ],\n};\nfunction Masterclass() {\n // State variables\n const [masterclass, setMasterclass] = useState(initialMasterclassState);\n const [tasks, setTasks] = useState(initialTasksState);\n const [isPaneOpen, setIsPaneOpen] = useState(false);\n const [selectedTask, setSelectedTask] = useState(null);\n const [day_index, setDayIndex] = useState(\"\");\n const [content, setContent] = useState(\"\");\n const [podcastUrl, setPodcastUrl] = useState(\"\");\n const [vimeoShowcaseId, setVimeoShowcaseId] = useState(\"\");\n const [loading, setLoading] = useState(false);\n const [activeMasterclassIndex, setActiveMasterclassIndex] = useState(\n localStorage.getItem(\"activeMasterclassIndex\") ?? 0\n );\n\n // Fetch masterclasses on component mount\n useEffect(() => {\n setLoading(true);\n fetchMasterclasses();\n }, []);\n\n useEffect(() => {\n setIsPaneOpen(false);\n setDayIndex(\"\");\n setContent(\"\");\n setPodcastUrl(\"\");\n setVimeoShowcaseId(\"\");\n setLoading(true);\n fetchMasterclasses();\n }, [activeMasterclassIndex]);\n\n // Fetch masterclasses from the API\n const fetchMasterclasses = async () => {\n try {\n const masterclasses = await masterclassApi.fetchMasterclasses();\n if (masterclasses.length > 0) {\n const firstMasterclass = masterclasses[activeMasterclassIndex]; // TODO: load turtle masterclass or lifesensei\n setMasterclass({\n id: firstMasterclass.id,\n title: firstMasterclass.title,\n });\n setTasks(sortBy(prop(\"day_index\"), firstMasterclass.tasks));\n }\n } catch (error) {\n console.error(error);\n } finally {\n setLoading(false);\n }\n };\n\n // Event handler for clicking \"Add Task\" button\n const handleAddTaskClick = () => {\n setSelectedTask(null);\n setDayIndex(\"\");\n setContent(\"\");\n setPodcastUrl(\"\");\n setVimeoShowcaseId(\"\");\n setIsPaneOpen(true);\n };\n\n // Event handler for clicking a task card\n const handleTaskCardClick = task => {\n console.log({ task });\n const { day_index, content, podcast_url, vimeo_showcase_id } = task;\n setSelectedTask(task);\n setDayIndex(day_index);\n setContent(content);\n setPodcastUrl(podcast_url ?? \"\");\n setVimeoShowcaseId(vimeo_showcase_id ?? \"\");\n setIsPaneOpen(true);\n };\n\n // Add validation for day_index and content field\n const isFormValid = () => {\n return day_index !== (undefined || null) && content.trim() !== \"\";\n };\n\n // Event handler for saving or updating a task\n const handleSaveTask = () => {\n if (isFormValid()) {\n const newTask = {\n day_index,\n content,\n podcast_url: podcastUrl,\n vimeo_showcase_id: vimeoShowcaseId,\n };\n\n // Check if the task already exists in the tasks array\n const isTaskDuplicate = any(propEq(\"day_index\", newTask.day_index))(\n tasks\n );\n if (isTaskDuplicate) {\n console.log(\"Task already exists!\");\n return;\n }\n\n const updatedTasks = append(newTask, tasks);\n setTasks(updatedTasks);\n handleSaveMasterclass(updatedTasks);\n setIsPaneOpen(false);\n setDayIndex(\"\");\n setContent(\"\");\n setPodcastUrl(\"\");\n setVimeoShowcaseId(\"\");\n }\n };\n\n // Update an existing task\n const handleUpdateTask = async taskID => {\n if (isFormValid()) {\n const updatedTask = {\n day_index,\n content,\n podcast_url: podcastUrl,\n vimeo_showcase_id: vimeoShowcaseId,\n };\n setLoading(true);\n\n try {\n const updatedTaskResponse = await masterclassApi.updateTask(\n masterclass.id,\n taskID,\n updatedTask\n );\n\n fetchMasterclasses();\n } catch (error) {\n console.error(error);\n } finally {\n setLoading(false);\n }\n }\n };\n\n // Save or update the masterclass along with the tasks\n const handleSaveMasterclass = async updatedTasks => {\n try {\n const masterclassData = {\n title: masterclass.title,\n tasks_attributes: updatedTasks,\n };\n\n // Create new\n if (!masterclass.id) {\n await masterclassApi.createMasterclass({\n masterclass: masterclassData,\n });\n } else {\n // Update existing\n await masterclassApi.updateMasterclass(masterclass.id, {\n masterclass: masterclassData,\n });\n }\n } catch (error) {\n console.error(error);\n }\n };\n\n // Event handler for the \"Save Task\" or \"Update Task\" button\n const handleTaskBtnClick = () => {\n selectedTask?.id ? handleUpdateTask(selectedTask?.id) : handleSaveTask();\n };\n\n // Event handler for closing the pane\n const closePane = () => {\n setIsPaneOpen(false);\n setDayIndex(\"\");\n setContent(\"\");\n setPodcastUrl(\"\");\n setVimeoShowcaseId(\"\");\n };\n\n const handleSwitchMasterclass = () => {\n if (activeMasterclassIndex === 0) {\n setActiveMasterclassIndex(1);\n localStorage.setItem(\"activeMasterclassIndex\", \"1\");\n } else {\n setActiveMasterclassIndex(0);\n localStorage.setItem(\"activeMasterclassIndex\", \"0\");\n }\n };\n\n return (\n {checkIcon()}
}\n {text}\n \n \n Add Task\n \n\n {isPaneOpen && (\n
\n );\n}\n\nexport default Masterclass;\n","'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n module.exports = require('./cjs/react-is.production.min.js');\n} else {\n module.exports = require('./cjs/react-is.development.js');\n}","var enableStatistic = process.env.NODE_ENV !== 'production' || typeof CSSINJS_STATISTIC !== 'undefined';\nvar recording = true;\n/**\n * This function will do as `Object.assign` in production. But will use Object.defineProperty:get to\n * pass all value access in development. To support statistic field usage with alias token.\n */\n\nexport function merge() {\n for (var _len = arguments.length, objs = new Array(_len), _key = 0; _key < _len; _key++) {\n objs[_key] = arguments[_key];\n }\n /* istanbul ignore next */\n\n\n if (!enableStatistic) {\n return Object.assign.apply(Object, [{}].concat(objs));\n }\n\n recording = false;\n var ret = {};\n objs.forEach(function (obj) {\n var keys = Object.keys(obj);\n keys.forEach(function (key) {\n Object.defineProperty(ret, key, {\n configurable: true,\n enumerable: true,\n get: function get() {\n return obj[key];\n }\n });\n });\n });\n recording = true;\n return ret;\n}\n/** @private Internal Usage. Not use in your production. */\n\nexport var statistic = {};\n/** @private Internal Usage. Not use in your production. */\n// eslint-disable-next-line camelcase\n\nexport var _statistic_build_ = {};\n/* istanbul ignore next */\n\nfunction noop() {}\n/** Statistic token usage case. Should use `merge` function if you do not want spread record. */\n\n\nexport default function statisticToken(token) {\n var tokenKeys;\n var proxy = token;\n var flush = noop;\n\n if (enableStatistic) {\n tokenKeys = new Set();\n proxy = new Proxy(token, {\n get: function get(obj, prop) {\n if (recording) {\n tokenKeys.add(prop);\n }\n\n return obj[prop];\n }\n });\n\n flush = function flush(componentName, componentToken) {\n statistic[componentName] = {\n global: Array.from(tokenKeys),\n component: componentToken\n };\n };\n }\n\n return {\n token: proxy,\n keys: tokenKeys,\n flush: flush\n };\n}","import arrayLikeToArray from \"./arrayLikeToArray.js\";\nexport default function _unsupportedIterableToArray(o, minLen) {\n if (!o) return;\n if (typeof o === \"string\") return arrayLikeToArray(o, minLen);\n var n = Object.prototype.toString.call(o).slice(8, -1);\n if (n === \"Object\" && o.constructor) n = o.constructor.name;\n if (n === \"Map\" || n === \"Set\") return Array.from(o);\n if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return arrayLikeToArray(o, minLen);\n}","import { createContext } from 'react';\nvar IconContext = /*#__PURE__*/createContext({});\nexport default IconContext;","import { createContext } from 'react';\nvar LocaleContext = /*#__PURE__*/createContext(undefined);\nexport default LocaleContext;","module.exports = __webpack_public_path__ + \"media/images/Icon-592e7d41.svg\";","function _typeof(obj) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }, _typeof(obj); }\n\n/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n\n/* global define */\n(function () {\n 'use strict';\n\n var hasOwn = {}.hasOwnProperty;\n var nativeCodeString = '[native code]';\n\n function classNames() {\n var classes = [];\n\n for (var i = 0; i < arguments.length; i++) {\n var arg = arguments[i];\n if (!arg) continue;\n\n var argType = _typeof(arg);\n\n if (argType === 'string' || argType === 'number') {\n classes.push(arg);\n } else if (Array.isArray(arg)) {\n if (arg.length) {\n var inner = classNames.apply(null, arg);\n\n if (inner) {\n classes.push(inner);\n }\n }\n } else if (argType === 'object') {\n if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n classes.push(arg.toString());\n continue;\n }\n\n for (var key in arg) {\n if (hasOwn.call(arg, key) && arg[key]) {\n classes.push(key);\n }\n }\n }\n }\n\n return classes.join(' ');\n }\n\n if (typeof module !== 'undefined' && module.exports) {\n classNames.default = classNames;\n module.exports = classNames;\n } else if (typeof define === 'function' && _typeof(define.amd) === 'object' && define.amd) {\n // register as 'classnames', consistent with npm package name\n define('classnames', [], function () {\n return classNames;\n });\n } else {\n window.classNames = classNames;\n }\n})();","function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nimport { genComponentStyleHook } from '../../theme/internal';\n\nvar genWaveStyle = function genWaveStyle(token) {\n var componentCls = token.componentCls,\n colorPrimary = token.colorPrimary;\n return _defineProperty({}, componentCls, {\n position: 'absolute',\n background: 'transparent',\n pointerEvents: 'none',\n boxSizing: 'border-box',\n color: \"var(--wave-color, \".concat(colorPrimary, \")\"),\n boxShadow: \"0 0 0 0 currentcolor\",\n opacity: 0.2,\n // =================== Motion ===================\n '&.wave-motion-appear': {\n transition: [\"box-shadow 0.4s \".concat(token.motionEaseOutCirc), \"opacity 2s \".concat(token.motionEaseOutCirc)].join(','),\n '&-active': {\n boxShadow: \"0 0 0 6px currentcolor\",\n opacity: 0\n }\n }\n });\n};\n\nexport default genComponentStyleHook('Wave', function (token) {\n return [genWaveStyle(token)];\n});","export function isNotGrey(color) {\n // eslint-disable-next-line no-useless-escape\n var match = (color || '').match(/rgba?\\((\\d*), (\\d*), (\\d*)(, [\\d.]*)?\\)/);\n\n if (match && match[1] && match[2] && match[3]) {\n return !(match[1] === match[2] && match[2] === match[3]);\n }\n\n return true;\n}\nexport function isValidWaveColor(color) {\n return color && color !== '#fff' && color !== '#ffffff' && color !== 'rgb(255, 255, 255)' && color !== 'rgba(255, 255, 255, 1)' && isNotGrey(color) && !/rgba\\((?:\\d*, ){3}0\\)/.test(color) && // any transparent rgba color\n color !== 'transparent';\n}\nexport function getTargetWaveColor(node) {\n var _getComputedStyle = getComputedStyle(node),\n borderTopColor = _getComputedStyle.borderTopColor,\n borderColor = _getComputedStyle.borderColor,\n backgroundColor = _getComputedStyle.backgroundColor;\n\n if (isValidWaveColor(borderTopColor)) {\n return borderTopColor;\n }\n\n if (isValidWaveColor(borderColor)) {\n return borderColor;\n }\n\n if (isValidWaveColor(backgroundColor)) {\n return backgroundColor;\n }\n\n return null;\n}","function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== \"undefined\" && arr[Symbol.iterator] || arr[\"@@iterator\"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\nimport * as React from 'react';\nimport CSSMotion from 'rc-motion';\nimport raf from \"rc-util/es/raf\";\nimport { render, unmount } from \"rc-util/es/React/render\";\nimport classNames from 'classnames';\nimport { getTargetWaveColor } from './util';\n\nfunction validateNum(value) {\n return Number.isNaN(value) ? 0 : value;\n}\n\nvar WaveEffect = function WaveEffect(props) {\n var className = props.className,\n target = props.target;\n var divRef = React.useRef(null);\n\n var _React$useState = React.useState(null),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n color = _React$useState2[0],\n setWaveColor = _React$useState2[1];\n\n var _React$useState3 = React.useState([]),\n _React$useState4 = _slicedToArray(_React$useState3, 2),\n borderRadius = _React$useState4[0],\n setBorderRadius = _React$useState4[1];\n\n var _React$useState5 = React.useState(0),\n _React$useState6 = _slicedToArray(_React$useState5, 2),\n left = _React$useState6[0],\n setLeft = _React$useState6[1];\n\n var _React$useState7 = React.useState(0),\n _React$useState8 = _slicedToArray(_React$useState7, 2),\n top = _React$useState8[0],\n setTop = _React$useState8[1];\n\n var _React$useState9 = React.useState(0),\n _React$useState10 = _slicedToArray(_React$useState9, 2),\n width = _React$useState10[0],\n setWidth = _React$useState10[1];\n\n var _React$useState11 = React.useState(0),\n _React$useState12 = _slicedToArray(_React$useState11, 2),\n height = _React$useState12[0],\n setHeight = _React$useState12[1];\n\n var _React$useState13 = React.useState(false),\n _React$useState14 = _slicedToArray(_React$useState13, 2),\n enabled = _React$useState14[0],\n setEnabled = _React$useState14[1];\n\n var waveStyle = {\n left: left,\n top: top,\n width: width,\n height: height,\n borderRadius: borderRadius.map(function (radius) {\n return \"\".concat(radius, \"px\");\n }).join(' ')\n };\n\n if (color) {\n waveStyle['--wave-color'] = color;\n }\n\n function syncPos() {\n var nodeStyle = getComputedStyle(target); // Get wave color from target\n\n setWaveColor(getTargetWaveColor(target));\n var isStatic = nodeStyle.position === 'static'; // Rect\n\n var borderLeftWidth = nodeStyle.borderLeftWidth,\n borderTopWidth = nodeStyle.borderTopWidth;\n setLeft(isStatic ? target.offsetLeft : validateNum(-parseFloat(borderLeftWidth)));\n setTop(isStatic ? target.offsetTop : validateNum(-parseFloat(borderTopWidth)));\n setWidth(target.offsetWidth);\n setHeight(target.offsetHeight); // Get border radius\n\n var borderTopLeftRadius = nodeStyle.borderTopLeftRadius,\n borderTopRightRadius = nodeStyle.borderTopRightRadius,\n borderBottomLeftRadius = nodeStyle.borderBottomLeftRadius,\n borderBottomRightRadius = nodeStyle.borderBottomRightRadius;\n setBorderRadius([borderTopLeftRadius, borderTopRightRadius, borderBottomRightRadius, borderBottomLeftRadius].map(function (radius) {\n return validateNum(parseFloat(radius));\n }));\n }\n\n React.useEffect(function () {\n if (target) {\n // We need delay to check position here\n // since UI may change after click\n var id = raf(function () {\n syncPos();\n setEnabled(true);\n }); // Add resize observer to follow size\n\n var resizeObserver;\n\n if (typeof ResizeObserver !== 'undefined') {\n resizeObserver = new ResizeObserver(syncPos);\n resizeObserver.observe(target);\n }\n\n return function () {\n raf.cancel(id);\n resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.disconnect();\n };\n }\n }, []);\n\n if (!enabled) {\n return null;\n }\n\n return /*#__PURE__*/React.createElement(CSSMotion, {\n visible: true,\n motionAppear: true,\n motionName: \"wave-motion\",\n motionDeadline: 5000,\n onAppearEnd: function onAppearEnd(_, event) {\n var _a;\n\n if (event.deadline || event.propertyName === 'opacity') {\n var holder = (_a = divRef.current) === null || _a === void 0 ? void 0 : _a.parentElement;\n unmount(holder).then(function () {\n var _a;\n\n (_a = holder.parentElement) === null || _a === void 0 ? void 0 : _a.removeChild(holder);\n });\n }\n\n return false;\n }\n }, function (_ref) {\n var motionClassName = _ref.className;\n return /*#__PURE__*/React.createElement(\"div\", {\n ref: divRef,\n className: classNames(className, motionClassName),\n style: waveStyle\n });\n });\n};\n\nexport default function showWaveEffect(node, className) {\n // Create holder\n var holder = document.createElement('div');\n holder.style.position = 'absolute';\n holder.style.left = \"0px\";\n holder.style.top = \"0px\";\n node === null || node === void 0 ? void 0 : node.insertBefore(holder, node === null || node === void 0 ? void 0 : node.firstChild);\n render( /*#__PURE__*/React.createElement(WaveEffect, {\n target: node,\n className: className\n }), holder);\n}","import showWaveEffect from './WaveEffect';\nexport default function useWave(nodeRef, className) {\n function showWave() {\n var node = nodeRef.current;\n showWaveEffect(node, className);\n }\n\n return showWave;\n}","function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== \"undefined\" && arr[Symbol.iterator] || arr[\"@@iterator\"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\nimport classNames from 'classnames';\nimport { composeRef, supportRef } from \"rc-util/es/ref\";\nimport isVisible from \"rc-util/es/Dom/isVisible\";\nimport React, { useContext, useRef } from 'react';\nimport { ConfigContext } from '../../config-provider';\nimport { cloneElement } from '../reactNode';\nimport useStyle from './style';\nimport useWave from './useWave';\n\nvar Wave = function Wave(props) {\n var children = props.children,\n disabled = props.disabled;\n\n var _useContext = useContext(ConfigContext),\n getPrefixCls = _useContext.getPrefixCls;\n\n var containerRef = useRef(null); // ============================== Style ===============================\n\n var prefixCls = getPrefixCls('wave');\n\n var _useStyle = useStyle(prefixCls),\n _useStyle2 = _slicedToArray(_useStyle, 2),\n hashId = _useStyle2[1]; // =============================== Wave ===============================\n\n\n var showWave = useWave(containerRef, classNames(prefixCls, hashId)); // ============================== Effect ==============================\n\n React.useEffect(function () {\n var node = containerRef.current;\n\n if (!node || node.nodeType !== 1 || disabled) {\n return;\n } // Click handler\n\n\n var onClick = function onClick(e) {\n // Fix radio button click twice\n if (e.target.tagName === 'INPUT' || !isVisible(e.target) || // No need wave\n !node.getAttribute || node.getAttribute('disabled') || node.disabled || node.className.includes('disabled') || node.className.includes('-leave')) {\n return;\n }\n\n showWave();\n }; // Bind events\n\n\n node.addEventListener('click', onClick, true);\n return function () {\n node.removeEventListener('click', onClick, true);\n };\n }, [disabled]); // ============================== Render ==============================\n\n if (! /*#__PURE__*/React.isValidElement(children)) {\n return children !== null && children !== void 0 ? children : null;\n }\n\n var ref = supportRef(children) ? composeRef(children.ref, containerRef) : containerRef;\n return cloneElement(children, {\n ref: ref\n });\n};\n\nif (process.env.NODE_ENV !== 'production') {\n Wave.displayName = 'Wave';\n}\n\nexport default Wave;","function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== \"undefined\" && arr[Symbol.iterator] || arr[\"@@iterator\"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\nvar __rest = this && this.__rest || function (s, e) {\n var t = {};\n\n for (var p in s) {\n if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n }\n\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n }\n return t;\n};\n\nimport classNames from 'classnames';\nimport * as React from 'react';\nimport { ConfigContext } from '../config-provider';\nimport { useToken } from '../theme/internal';\nimport warning from '../_util/warning';\nexport var GroupSizeContext = /*#__PURE__*/React.createContext(undefined);\n\nvar ButtonGroup = function ButtonGroup(props) {\n var _classNames;\n\n var _React$useContext = React.useContext(ConfigContext),\n getPrefixCls = _React$useContext.getPrefixCls,\n direction = _React$useContext.direction;\n\n var customizePrefixCls = props.prefixCls,\n size = props.size,\n className = props.className,\n others = __rest(props, [\"prefixCls\", \"size\", \"className\"]);\n\n var prefixCls = getPrefixCls('btn-group', customizePrefixCls);\n\n var _useToken = useToken(),\n _useToken2 = _slicedToArray(_useToken, 3),\n hashId = _useToken2[2];\n\n var sizeCls = '';\n\n switch (size) {\n case 'large':\n sizeCls = 'lg';\n break;\n\n case 'small':\n sizeCls = 'sm';\n break;\n\n case 'middle':\n case undefined:\n break;\n\n default:\n process.env.NODE_ENV !== \"production\" ? warning(!size, 'Button.Group', 'Invalid prop `size`.') : void 0;\n }\n\n var classes = classNames(prefixCls, (_classNames = {}, _defineProperty(_classNames, \"\".concat(prefixCls, \"-\").concat(sizeCls), sizeCls), _defineProperty(_classNames, \"\".concat(prefixCls, \"-rtl\"), direction === 'rtl'), _classNames), className, hashId);\n return /*#__PURE__*/React.createElement(GroupSizeContext.Provider, {\n value: size\n }, /*#__PURE__*/React.createElement(\"div\", Object.assign({}, others, {\n className: classes\n })));\n};\n\nexport default ButtonGroup;","import LoadingOutlined from \"@ant-design/icons/es/icons/LoadingOutlined\";\nimport CSSMotion from 'rc-motion';\nimport React from 'react';\n\nvar getCollapsedWidth = function getCollapsedWidth() {\n return {\n width: 0,\n opacity: 0,\n transform: 'scale(0)'\n };\n};\n\nvar getRealWidth = function getRealWidth(node) {\n return {\n width: node.scrollWidth,\n opacity: 1,\n transform: 'scale(1)'\n };\n};\n\nvar LoadingIcon = function LoadingIcon(_ref) {\n var prefixCls = _ref.prefixCls,\n loading = _ref.loading,\n existIcon = _ref.existIcon;\n var visible = !!loading;\n\n if (existIcon) {\n return /*#__PURE__*/React.createElement(\"span\", {\n className: \"\".concat(prefixCls, \"-loading-icon\")\n }, /*#__PURE__*/React.createElement(LoadingOutlined, null));\n }\n\n return /*#__PURE__*/React.createElement(CSSMotion, {\n visible: visible,\n // We do not really use this motionName\n motionName: \"\".concat(prefixCls, \"-loading-icon-motion\"),\n removeOnLeave: true,\n onAppearStart: getCollapsedWidth,\n onAppearActive: getRealWidth,\n onEnterStart: getCollapsedWidth,\n onEnterActive: getRealWidth,\n onLeaveStart: getRealWidth,\n onLeaveActive: getCollapsedWidth\n }, function (_ref2, ref) {\n var className = _ref2.className,\n style = _ref2.style;\n return /*#__PURE__*/React.createElement(\"span\", {\n className: \"\".concat(prefixCls, \"-loading-icon\"),\n style: style,\n ref: ref\n }, /*#__PURE__*/React.createElement(LoadingOutlined, {\n className: className\n }));\n });\n};\n\nexport default LoadingIcon;","function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nvar genButtonBorderStyle = function genButtonBorderStyle(buttonTypeCls, borderColor) {\n return _defineProperty({}, \"> span, > \".concat(buttonTypeCls), {\n '&:not(:last-child)': _defineProperty({}, \"&, & > \".concat(buttonTypeCls), {\n '&:not(:disabled)': {\n borderInlineEndColor: borderColor\n }\n }),\n '&:not(:first-child)': _defineProperty({}, \"&, & > \".concat(buttonTypeCls), {\n '&:not(:disabled)': {\n borderInlineStartColor: borderColor\n }\n })\n });\n};\n\nvar genGroupStyle = function genGroupStyle(token) {\n var _componentCls, _ref2;\n\n var componentCls = token.componentCls,\n fontSize = token.fontSize,\n lineWidth = token.lineWidth,\n colorPrimaryHover = token.colorPrimaryHover,\n colorErrorHover = token.colorErrorHover;\n return _defineProperty({}, \"\".concat(componentCls, \"-group\"), [(_ref2 = {\n position: 'relative',\n display: 'inline-flex'\n }, _defineProperty(_ref2, \"> span, > \".concat(componentCls), {\n '&:not(:last-child)': _defineProperty({}, \"&, & > \".concat(componentCls), {\n borderStartEndRadius: 0,\n borderEndEndRadius: 0\n }),\n '&:not(:first-child)': _defineProperty({\n marginInlineStart: -lineWidth\n }, \"&, & > \".concat(componentCls), {\n borderStartStartRadius: 0,\n borderEndStartRadius: 0\n })\n }), _defineProperty(_ref2, componentCls, (_componentCls = {\n position: 'relative',\n zIndex: 1\n }, _defineProperty(_componentCls, \"&:hover,\\n &:focus,\\n &:active\", {\n zIndex: 2\n }), _defineProperty(_componentCls, '&[disabled]', {\n zIndex: 0\n }), _componentCls)), _defineProperty(_ref2, \"\".concat(componentCls, \"-icon-only\"), {\n fontSize: fontSize\n }), _ref2), // Border Color\n genButtonBorderStyle(\"\".concat(componentCls, \"-primary\"), colorPrimaryHover), genButtonBorderStyle(\"\".concat(componentCls, \"-danger\"), colorErrorHover)]);\n};\n\nexport default genGroupStyle;","function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nfunction compactItemVerticalBorder(token, parentCls) {\n var _ref;\n\n return _ref = {}, _defineProperty(_ref, \"&-item:not(\".concat(parentCls, \"-last-item)\"), {\n marginBottom: -token.lineWidth\n }), _defineProperty(_ref, '&-item', {\n '&:hover,&:focus,&:active': {\n zIndex: 2\n },\n '&[disabled]': {\n zIndex: 0\n }\n }), _ref;\n}\n\nfunction compactItemBorderVerticalRadius(prefixCls, parentCls) {\n var _ref2;\n\n return _ref2 = {}, _defineProperty(_ref2, \"&-item:not(\".concat(parentCls, \"-first-item):not(\").concat(parentCls, \"-last-item)\"), {\n borderRadius: 0\n }), _defineProperty(_ref2, \"&-item\".concat(parentCls, \"-first-item:not(\").concat(parentCls, \"-last-item)\"), _defineProperty({}, \"&, &\".concat(prefixCls, \"-sm, &\").concat(prefixCls, \"-lg\"), {\n borderEndEndRadius: 0,\n borderEndStartRadius: 0\n })), _defineProperty(_ref2, \"&-item\".concat(parentCls, \"-last-item:not(\").concat(parentCls, \"-first-item)\"), _defineProperty({}, \"&, &\".concat(prefixCls, \"-sm, &\").concat(prefixCls, \"-lg\"), {\n borderStartStartRadius: 0,\n borderStartEndRadius: 0\n })), _ref2;\n}\n\nexport function genCompactItemVerticalStyle(token) {\n var compactCls = \"\".concat(token.componentCls, \"-compact-vertical\");\n return _defineProperty({}, compactCls, Object.assign(Object.assign({}, compactItemVerticalBorder(token, compactCls)), compactItemBorderVerticalRadius(token.componentCls, compactCls)));\n}","function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nimport { genComponentStyleHook, mergeToken } from '../../theme/internal';\nimport genGroupStyle from './group';\nimport { genFocusStyle } from '../../style';\nimport { genCompactItemStyle } from '../../style/compact-item';\nimport { genCompactItemVerticalStyle } from '../../style/compact-item-vertical'; // ============================== Shared ==============================\n\nvar genSharedButtonStyle = function genSharedButtonStyle(token) {\n var _componentCls;\n\n var componentCls = token.componentCls,\n iconCls = token.iconCls;\n return _defineProperty({}, componentCls, (_componentCls = {\n outline: 'none',\n position: 'relative',\n display: 'inline-block',\n fontWeight: 400,\n whiteSpace: 'nowrap',\n textAlign: 'center',\n backgroundImage: 'none',\n backgroundColor: 'transparent',\n border: \"\".concat(token.lineWidth, \"px \").concat(token.lineType, \" transparent\"),\n cursor: 'pointer',\n transition: \"all \".concat(token.motionDurationMid, \" \").concat(token.motionEaseInOut),\n userSelect: 'none',\n touchAction: 'manipulation',\n lineHeight: token.lineHeight,\n color: token.colorText,\n '> span': {\n display: 'inline-block'\n }\n }, _defineProperty(_componentCls, \"> \".concat(iconCls, \" + span, > span + \").concat(iconCls), {\n marginInlineStart: token.marginXS\n }), _defineProperty(_componentCls, '> a', {\n color: 'currentColor'\n }), _defineProperty(_componentCls, '&:not(:disabled)', Object.assign({}, genFocusStyle(token))), _defineProperty(_componentCls, \"&-icon-only\".concat(componentCls, \"-compact-item\"), {\n flex: 'none'\n }), _defineProperty(_componentCls, \"&-compact-item\".concat(componentCls, \"-primary\"), _defineProperty({}, \"&:not([disabled]) + \".concat(componentCls, \"-compact-item\").concat(componentCls, \"-primary:not([disabled])\"), {\n position: 'relative',\n '&:before': {\n position: 'absolute',\n top: -token.lineWidth,\n insetInlineStart: -token.lineWidth,\n display: 'inline-block',\n width: token.lineWidth,\n height: \"calc(100% + \".concat(token.lineWidth * 2, \"px)\"),\n backgroundColor: token.colorPrimaryHover,\n content: '\"\"'\n }\n })), _defineProperty(_componentCls, '&-compact-vertical-item', _defineProperty({}, \"&\".concat(componentCls, \"-primary\"), _defineProperty({}, \"&:not([disabled]) + \".concat(componentCls, \"-compact-vertical-item\").concat(componentCls, \"-primary:not([disabled])\"), {\n position: 'relative',\n '&:before': {\n position: 'absolute',\n top: -token.lineWidth,\n insetInlineStart: -token.lineWidth,\n display: 'inline-block',\n width: \"calc(100% + \".concat(token.lineWidth * 2, \"px)\"),\n height: token.lineWidth,\n backgroundColor: token.colorPrimaryHover,\n content: '\"\"'\n }\n }))), _componentCls));\n};\n\nvar genHoverActiveButtonStyle = function genHoverActiveButtonStyle(hoverStyle, activeStyle) {\n return {\n '&:not(:disabled)': {\n '&:hover': hoverStyle,\n '&:active': activeStyle\n }\n };\n}; // ============================== Shape ===============================\n\n\nvar genCircleButtonStyle = function genCircleButtonStyle(token) {\n return {\n minWidth: token.controlHeight,\n paddingInlineStart: 0,\n paddingInlineEnd: 0,\n borderRadius: '50%'\n };\n};\n\nvar genRoundButtonStyle = function genRoundButtonStyle(token) {\n return {\n borderRadius: token.controlHeight,\n paddingInlineStart: token.controlHeight / 2,\n paddingInlineEnd: token.controlHeight / 2\n };\n}; // =============================== Type ===============================\n\n\nvar genDisabledStyle = function genDisabledStyle(token) {\n return {\n cursor: 'not-allowed',\n borderColor: token.colorBorder,\n color: token.colorTextDisabled,\n backgroundColor: token.colorBgContainerDisabled,\n boxShadow: 'none'\n };\n};\n\nvar genGhostButtonStyle = function genGhostButtonStyle(btnCls, textColor, borderColor, textColorDisabled, borderColorDisabled, hoverStyle, activeStyle) {\n return _defineProperty({}, \"&\".concat(btnCls, \"-background-ghost\"), Object.assign(Object.assign({\n color: textColor || undefined,\n backgroundColor: 'transparent',\n borderColor: borderColor || undefined,\n boxShadow: 'none'\n }, genHoverActiveButtonStyle(Object.assign({\n backgroundColor: 'transparent'\n }, hoverStyle), Object.assign({\n backgroundColor: 'transparent'\n }, activeStyle))), {\n '&:disabled': {\n cursor: 'not-allowed',\n color: textColorDisabled || undefined,\n borderColor: borderColorDisabled || undefined\n }\n }));\n};\n\nvar genSolidDisabledButtonStyle = function genSolidDisabledButtonStyle(token) {\n return {\n '&:disabled': Object.assign({}, genDisabledStyle(token))\n };\n};\n\nvar genSolidButtonStyle = function genSolidButtonStyle(token) {\n return Object.assign({}, genSolidDisabledButtonStyle(token));\n};\n\nvar genPureDisabledButtonStyle = function genPureDisabledButtonStyle(token) {\n return {\n '&:disabled': {\n cursor: 'not-allowed',\n color: token.colorTextDisabled\n }\n };\n}; // Type: Default\n\n\nvar genDefaultButtonStyle = function genDefaultButtonStyle(token) {\n return Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, genSolidButtonStyle(token)), {\n backgroundColor: token.colorBgContainer,\n borderColor: token.colorBorder,\n boxShadow: \"0 \".concat(token.controlOutlineWidth, \"px 0 \").concat(token.controlTmpOutline)\n }), genHoverActiveButtonStyle({\n color: token.colorPrimaryHover,\n borderColor: token.colorPrimaryHover\n }, {\n color: token.colorPrimaryActive,\n borderColor: token.colorPrimaryActive\n })), genGhostButtonStyle(token.componentCls, token.colorBgContainer, token.colorBgContainer, token.colorTextDisabled, token.colorBorder)), _defineProperty({}, \"&\".concat(token.componentCls, \"-dangerous\"), Object.assign(Object.assign(Object.assign({\n color: token.colorError,\n borderColor: token.colorError\n }, genHoverActiveButtonStyle({\n color: token.colorErrorHover,\n borderColor: token.colorErrorBorderHover\n }, {\n color: token.colorErrorActive,\n borderColor: token.colorErrorActive\n })), genGhostButtonStyle(token.componentCls, token.colorError, token.colorError, token.colorTextDisabled, token.colorBorder)), genSolidDisabledButtonStyle(token))));\n}; // Type: Primary\n\n\nvar genPrimaryButtonStyle = function genPrimaryButtonStyle(token) {\n return Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, genSolidButtonStyle(token)), {\n color: token.colorTextLightSolid,\n backgroundColor: token.colorPrimary,\n boxShadow: \"0 \".concat(token.controlOutlineWidth, \"px 0 \").concat(token.controlOutline)\n }), genHoverActiveButtonStyle({\n color: token.colorTextLightSolid,\n backgroundColor: token.colorPrimaryHover\n }, {\n color: token.colorTextLightSolid,\n backgroundColor: token.colorPrimaryActive\n })), genGhostButtonStyle(token.componentCls, token.colorPrimary, token.colorPrimary, token.colorTextDisabled, token.colorBorder, {\n color: token.colorPrimaryHover,\n borderColor: token.colorPrimaryHover\n }, {\n color: token.colorPrimaryActive,\n borderColor: token.colorPrimaryActive\n })), _defineProperty({}, \"&\".concat(token.componentCls, \"-dangerous\"), Object.assign(Object.assign(Object.assign({\n backgroundColor: token.colorError,\n boxShadow: \"0 \".concat(token.controlOutlineWidth, \"px 0 \").concat(token.colorErrorOutline)\n }, genHoverActiveButtonStyle({\n backgroundColor: token.colorErrorHover\n }, {\n backgroundColor: token.colorErrorActive\n })), genGhostButtonStyle(token.componentCls, token.colorError, token.colorError, token.colorTextDisabled, token.colorBorder, {\n color: token.colorErrorHover,\n borderColor: token.colorErrorHover\n }, {\n color: token.colorErrorActive,\n borderColor: token.colorErrorActive\n })), genSolidDisabledButtonStyle(token))));\n}; // Type: Dashed\n\n\nvar genDashedButtonStyle = function genDashedButtonStyle(token) {\n return Object.assign(Object.assign({}, genDefaultButtonStyle(token)), {\n borderStyle: 'dashed'\n });\n}; // Type: Link\n\n\nvar genLinkButtonStyle = function genLinkButtonStyle(token) {\n return Object.assign(Object.assign(Object.assign({\n color: token.colorLink\n }, genHoverActiveButtonStyle({\n color: token.colorLinkHover\n }, {\n color: token.colorLinkActive\n })), genPureDisabledButtonStyle(token)), _defineProperty({}, \"&\".concat(token.componentCls, \"-dangerous\"), Object.assign(Object.assign({\n color: token.colorError\n }, genHoverActiveButtonStyle({\n color: token.colorErrorHover\n }, {\n color: token.colorErrorActive\n })), genPureDisabledButtonStyle(token))));\n}; // Type: Text\n\n\nvar genTextButtonStyle = function genTextButtonStyle(token) {\n return Object.assign(Object.assign(Object.assign({}, genHoverActiveButtonStyle({\n color: token.colorText,\n backgroundColor: token.colorBgTextHover\n }, {\n color: token.colorText,\n backgroundColor: token.colorBgTextActive\n })), genPureDisabledButtonStyle(token)), _defineProperty({}, \"&\".concat(token.componentCls, \"-dangerous\"), Object.assign(Object.assign({\n color: token.colorError\n }, genPureDisabledButtonStyle(token)), genHoverActiveButtonStyle({\n color: token.colorErrorHover,\n backgroundColor: token.colorErrorBg\n }, {\n color: token.colorErrorHover,\n backgroundColor: token.colorErrorBg\n }))));\n}; // Href and Disabled\n\n\nvar genDisabledButtonStyle = function genDisabledButtonStyle(token) {\n return Object.assign(Object.assign({}, genDisabledStyle(token)), _defineProperty({}, \"&\".concat(token.componentCls, \":hover\"), Object.assign({}, genDisabledStyle(token))));\n};\n\nvar genTypeButtonStyle = function genTypeButtonStyle(token) {\n var _ref3;\n\n var componentCls = token.componentCls;\n return _ref3 = {}, _defineProperty(_ref3, \"\".concat(componentCls, \"-default\"), genDefaultButtonStyle(token)), _defineProperty(_ref3, \"\".concat(componentCls, \"-primary\"), genPrimaryButtonStyle(token)), _defineProperty(_ref3, \"\".concat(componentCls, \"-dashed\"), genDashedButtonStyle(token)), _defineProperty(_ref3, \"\".concat(componentCls, \"-link\"), genLinkButtonStyle(token)), _defineProperty(_ref3, \"\".concat(componentCls, \"-text\"), genTextButtonStyle(token)), _defineProperty(_ref3, \"\".concat(componentCls, \"-disabled\"), genDisabledButtonStyle(token)), _ref3;\n}; // =============================== Size ===============================\n\n\nvar genSizeButtonStyle = function genSizeButtonStyle(token) {\n var _$concat2, _$concat$concat;\n\n var sizePrefixCls = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';\n var componentCls = token.componentCls,\n iconCls = token.iconCls,\n controlHeight = token.controlHeight,\n fontSize = token.fontSize,\n lineHeight = token.lineHeight,\n lineWidth = token.lineWidth,\n borderRadius = token.borderRadius,\n buttonPaddingHorizontal = token.buttonPaddingHorizontal;\n var paddingVertical = Math.max(0, (controlHeight - fontSize * lineHeight) / 2 - lineWidth);\n var paddingHorizontal = buttonPaddingHorizontal - lineWidth;\n var iconOnlyCls = \"\".concat(componentCls, \"-icon-only\");\n return [// Size\n _defineProperty({}, \"\".concat(componentCls).concat(sizePrefixCls), (_$concat$concat = {\n fontSize: fontSize,\n height: controlHeight,\n padding: \"\".concat(paddingVertical, \"px \").concat(paddingHorizontal, \"px\"),\n borderRadius: borderRadius\n }, _defineProperty(_$concat$concat, \"&\".concat(iconOnlyCls), (_$concat2 = {\n width: controlHeight,\n paddingInlineStart: 0,\n paddingInlineEnd: 0\n }, _defineProperty(_$concat2, \"&\".concat(componentCls, \"-round\"), {\n width: 'auto'\n }), _defineProperty(_$concat2, '> span', {\n transform: 'scale(1.143)' // 14px -> 16px\n\n }), _$concat2)), _defineProperty(_$concat$concat, \"&\".concat(componentCls, \"-loading\"), {\n opacity: token.opacityLoading,\n cursor: 'default'\n }), _defineProperty(_$concat$concat, \"\".concat(componentCls, \"-loading-icon\"), {\n transition: \"width \".concat(token.motionDurationSlow, \" \").concat(token.motionEaseInOut, \", opacity \").concat(token.motionDurationSlow, \" \").concat(token.motionEaseInOut)\n }), _defineProperty(_$concat$concat, \"&:not(\".concat(iconOnlyCls, \") \").concat(componentCls, \"-loading-icon > \").concat(iconCls), {\n marginInlineEnd: token.marginXS\n }), _$concat$concat)), // Shape - patch prefixCls again to override solid border radius style\n _defineProperty({}, \"\".concat(componentCls).concat(componentCls, \"-circle\").concat(sizePrefixCls), genCircleButtonStyle(token)), _defineProperty({}, \"\".concat(componentCls).concat(componentCls, \"-round\").concat(sizePrefixCls), genRoundButtonStyle(token))];\n};\n\nvar genSizeBaseButtonStyle = function genSizeBaseButtonStyle(token) {\n return genSizeButtonStyle(token);\n};\n\nvar genSizeSmallButtonStyle = function genSizeSmallButtonStyle(token) {\n var smallToken = mergeToken(token, {\n controlHeight: token.controlHeightSM,\n padding: token.paddingXS,\n buttonPaddingHorizontal: 8,\n borderRadius: token.borderRadiusSM\n });\n return genSizeButtonStyle(smallToken, \"\".concat(token.componentCls, \"-sm\"));\n};\n\nvar genSizeLargeButtonStyle = function genSizeLargeButtonStyle(token) {\n var largeToken = mergeToken(token, {\n controlHeight: token.controlHeightLG,\n fontSize: token.fontSizeLG,\n borderRadius: token.borderRadiusLG\n });\n return genSizeButtonStyle(largeToken, \"\".concat(token.componentCls, \"-lg\"));\n};\n\nvar genBlockButtonStyle = function genBlockButtonStyle(token) {\n var componentCls = token.componentCls;\n return _defineProperty({}, componentCls, _defineProperty({}, \"&\".concat(componentCls, \"-block\"), {\n width: '100%'\n }));\n}; // ============================== Export ==============================\n\n\nexport default genComponentStyleHook('Button', function (token) {\n var controlTmpOutline = token.controlTmpOutline,\n paddingContentHorizontal = token.paddingContentHorizontal;\n var buttonToken = mergeToken(token, {\n colorOutlineDefault: controlTmpOutline,\n buttonPaddingHorizontal: paddingContentHorizontal\n });\n return [// Shared\n genSharedButtonStyle(buttonToken), // Size\n genSizeSmallButtonStyle(buttonToken), genSizeBaseButtonStyle(buttonToken), genSizeLargeButtonStyle(buttonToken), // Block\n genBlockButtonStyle(buttonToken), // Group (type, ghost, danger, disabled, loading)\n genTypeButtonStyle(buttonToken), // Button Group\n genGroupStyle(buttonToken), // Space Compact\n genCompactItemStyle(token, {\n focus: false\n }), genCompactItemVerticalStyle(token)];\n});","function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== \"undefined\" && arr[Symbol.iterator] || arr[\"@@iterator\"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }, _typeof(obj); }\n\nvar __rest = this && this.__rest || function (s, e) {\n var t = {};\n\n for (var p in s) {\n if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n }\n\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n }\n return t;\n};\n/* eslint-disable react/button-has-type */\n\n\nimport classNames from 'classnames';\nimport omit from \"rc-util/es/omit\";\nimport * as React from 'react';\nimport { ConfigContext } from '../config-provider';\nimport DisabledContext from '../config-provider/DisabledContext';\nimport SizeContext from '../config-provider/SizeContext';\nimport { useCompactItemContext } from '../space/Compact';\nimport warning from '../_util/warning';\nimport Wave from '../_util/wave';\nimport Group, { GroupSizeContext } from './button-group';\nimport { isTwoCNChar, isUnBorderedButtonType, spaceChildren } from './buttonHelpers';\nimport LoadingIcon from './LoadingIcon';\nimport useStyle from './style';\nexport function convertLegacyProps(type) {\n if (type === 'danger') {\n return {\n danger: true\n };\n }\n\n return {\n type: type\n };\n}\n\nfunction getLoadingConfig(loading) {\n if (_typeof(loading) === 'object' && loading) {\n var delay = loading === null || loading === void 0 ? void 0 : loading.delay;\n var isDelay = !Number.isNaN(delay) && typeof delay === 'number';\n return {\n loading: false,\n delay: isDelay ? delay : 0\n };\n }\n\n return {\n loading: !!loading,\n delay: 0\n };\n}\n\nvar InternalButton = function InternalButton(props, ref) {\n var _classNames;\n\n var _props$loading = props.loading,\n loading = _props$loading === void 0 ? false : _props$loading,\n customizePrefixCls = props.prefixCls,\n _props$type = props.type,\n type = _props$type === void 0 ? 'default' : _props$type,\n danger = props.danger,\n _props$shape = props.shape,\n shape = _props$shape === void 0 ? 'default' : _props$shape,\n customizeSize = props.size,\n customDisabled = props.disabled,\n className = props.className,\n rootClassName = props.rootClassName,\n children = props.children,\n icon = props.icon,\n _props$ghost = props.ghost,\n ghost = _props$ghost === void 0 ? false : _props$ghost,\n _props$block = props.block,\n block = _props$block === void 0 ? false : _props$block,\n _props$htmlType = props.htmlType,\n htmlType = _props$htmlType === void 0 ? 'button' : _props$htmlType,\n rest = __rest(props, [\"loading\", \"prefixCls\", \"type\", \"danger\", \"shape\", \"size\", \"disabled\", \"className\", \"rootClassName\", \"children\", \"icon\", \"ghost\", \"block\", \"htmlType\"]);\n\n var _React$useContext = React.useContext(ConfigContext),\n getPrefixCls = _React$useContext.getPrefixCls,\n autoInsertSpaceInButton = _React$useContext.autoInsertSpaceInButton,\n direction = _React$useContext.direction;\n\n var prefixCls = getPrefixCls('btn', customizePrefixCls);\n\n var _useStyle = useStyle(prefixCls),\n _useStyle2 = _slicedToArray(_useStyle, 2),\n wrapSSR = _useStyle2[0],\n hashId = _useStyle2[1];\n\n var size = React.useContext(SizeContext);\n var disabled = React.useContext(DisabledContext);\n var mergedDisabled = customDisabled !== null && customDisabled !== void 0 ? customDisabled : disabled;\n var groupSize = React.useContext(GroupSizeContext);\n var loadingOrDelay = React.useMemo(function () {\n return getLoadingConfig(loading);\n }, [loading]);\n\n var _React$useState = React.useState(loadingOrDelay.loading),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n innerLoading = _React$useState2[0],\n setLoading = _React$useState2[1];\n\n var _React$useState3 = React.useState(false),\n _React$useState4 = _slicedToArray(_React$useState3, 2),\n hasTwoCNChar = _React$useState4[0],\n setHasTwoCNChar = _React$useState4[1];\n\n var buttonRef = ref || /*#__PURE__*/React.createRef();\n\n var isNeedInserted = function isNeedInserted() {\n return React.Children.count(children) === 1 && !icon && !isUnBorderedButtonType(type);\n };\n\n var fixTwoCNChar = function fixTwoCNChar() {\n // FIXME: for HOC usage like \n \n Switch masterclass\n \n
\n \n
\n {loading ? (\n {masterclass.title}
\n- \n {tasks.map((task, index) => (\n
\n \n handleTaskCardClick(task)}\n className=\"inline-flex items-center py-2.5 px-5 mr-2 mb-2 text-sm font-medium text-gray-900 focus:outline-none bg-white rounded-lg border border-gray-200 hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700\"\n >\n Edit\n \n \n \n \n
\n \n ))}\n \n {task.day_index}\n
\n \n\n
\n )}\n \n )}\n \n
\n \n closePane()}\n >\n \n \n \n Close\n \n
\n \n \n {selectedTask ? \"Edit Task\" : \"Add Task\"}\n
\n\n
\n\n {/* {trustPilotRating && \n
\n {title}
\n \n {subTitle}\n
\n {`£${price}`}
\n \n
\n\n \n {!isLoggedIn ||\n !stripeSubscriptionDetails ||\n isTrial ||\n subscriptionStatus == \"canceled\" ? (\n {\n setPlanTitle(`${title} (${cardHeading})`);\n handleCheckout(priceId);\n }}\n >\n {user?.email ? \"Buy now\" : \" Join now\"}\n \n ) : (\n <>\n {subscribedPlanPriceId === priceId ? (\n \n ) : (\n setModal(true)}\n >\n Join now\n \n )}\n \n )}\n
\n \n Switch subscription\n
\n \n You are switching from your current subscription to {planTitle} that\n costs £ {price}\n
\n\n\n Are you sure you want to continue?\n
\n\n upgradePlan(priceId)}\n style={{\n backgroundColor: `#19A198`,\n }}\n >\n Proceed\n \n
\n \n e.target.parentElement.click()}\n >\n {subLink.title}\n \n
\n )\n };\n });\n\n if (subLinks) {\n return (\n \n \n \n
\n );\n }\n}\n","export default function _arrayLikeToArray(arr, len) {\n if (len == null || len > arr.length) len = arr.length;\n for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];\n return arr2;\n}","// https://github.com/bahamas10/css-color-names/blob/master/css-color-names.json\n\n/**\n * @hidden\n */\nexport var names = {\n aliceblue: '#f0f8ff',\n antiquewhite: '#faebd7',\n aqua: '#00ffff',\n aquamarine: '#7fffd4',\n azure: '#f0ffff',\n beige: '#f5f5dc',\n bisque: '#ffe4c4',\n black: '#000000',\n blanchedalmond: '#ffebcd',\n blue: '#0000ff',\n blueviolet: '#8a2be2',\n brown: '#a52a2a',\n burlywood: '#deb887',\n cadetblue: '#5f9ea0',\n chartreuse: '#7fff00',\n chocolate: '#d2691e',\n coral: '#ff7f50',\n cornflowerblue: '#6495ed',\n cornsilk: '#fff8dc',\n crimson: '#dc143c',\n cyan: '#00ffff',\n darkblue: '#00008b',\n darkcyan: '#008b8b',\n darkgoldenrod: '#b8860b',\n darkgray: '#a9a9a9',\n darkgreen: '#006400',\n darkgrey: '#a9a9a9',\n darkkhaki: '#bdb76b',\n darkmagenta: '#8b008b',\n darkolivegreen: '#556b2f',\n darkorange: '#ff8c00',\n darkorchid: '#9932cc',\n darkred: '#8b0000',\n darksalmon: '#e9967a',\n darkseagreen: '#8fbc8f',\n darkslateblue: '#483d8b',\n darkslategray: '#2f4f4f',\n darkslategrey: '#2f4f4f',\n darkturquoise: '#00ced1',\n darkviolet: '#9400d3',\n deeppink: '#ff1493',\n deepskyblue: '#00bfff',\n dimgray: '#696969',\n dimgrey: '#696969',\n dodgerblue: '#1e90ff',\n firebrick: '#b22222',\n floralwhite: '#fffaf0',\n forestgreen: '#228b22',\n fuchsia: '#ff00ff',\n gainsboro: '#dcdcdc',\n ghostwhite: '#f8f8ff',\n goldenrod: '#daa520',\n gold: '#ffd700',\n gray: '#808080',\n green: '#008000',\n greenyellow: '#adff2f',\n grey: '#808080',\n honeydew: '#f0fff0',\n hotpink: '#ff69b4',\n indianred: '#cd5c5c',\n indigo: '#4b0082',\n ivory: '#fffff0',\n khaki: '#f0e68c',\n lavenderblush: '#fff0f5',\n lavender: '#e6e6fa',\n lawngreen: '#7cfc00',\n lemonchiffon: '#fffacd',\n lightblue: '#add8e6',\n lightcoral: '#f08080',\n lightcyan: '#e0ffff',\n lightgoldenrodyellow: '#fafad2',\n lightgray: '#d3d3d3',\n lightgreen: '#90ee90',\n lightgrey: '#d3d3d3',\n lightpink: '#ffb6c1',\n lightsalmon: '#ffa07a',\n lightseagreen: '#20b2aa',\n lightskyblue: '#87cefa',\n lightslategray: '#778899',\n lightslategrey: '#778899',\n lightsteelblue: '#b0c4de',\n lightyellow: '#ffffe0',\n lime: '#00ff00',\n limegreen: '#32cd32',\n linen: '#faf0e6',\n magenta: '#ff00ff',\n maroon: '#800000',\n mediumaquamarine: '#66cdaa',\n mediumblue: '#0000cd',\n mediumorchid: '#ba55d3',\n mediumpurple: '#9370db',\n mediumseagreen: '#3cb371',\n mediumslateblue: '#7b68ee',\n mediumspringgreen: '#00fa9a',\n mediumturquoise: '#48d1cc',\n mediumvioletred: '#c71585',\n midnightblue: '#191970',\n mintcream: '#f5fffa',\n mistyrose: '#ffe4e1',\n moccasin: '#ffe4b5',\n navajowhite: '#ffdead',\n navy: '#000080',\n oldlace: '#fdf5e6',\n olive: '#808000',\n olivedrab: '#6b8e23',\n orange: '#ffa500',\n orangered: '#ff4500',\n orchid: '#da70d6',\n palegoldenrod: '#eee8aa',\n palegreen: '#98fb98',\n paleturquoise: '#afeeee',\n palevioletred: '#db7093',\n papayawhip: '#ffefd5',\n peachpuff: '#ffdab9',\n peru: '#cd853f',\n pink: '#ffc0cb',\n plum: '#dda0dd',\n powderblue: '#b0e0e6',\n purple: '#800080',\n rebeccapurple: '#663399',\n red: '#ff0000',\n rosybrown: '#bc8f8f',\n royalblue: '#4169e1',\n saddlebrown: '#8b4513',\n salmon: '#fa8072',\n sandybrown: '#f4a460',\n seagreen: '#2e8b57',\n seashell: '#fff5ee',\n sienna: '#a0522d',\n silver: '#c0c0c0',\n skyblue: '#87ceeb',\n slateblue: '#6a5acd',\n slategray: '#708090',\n slategrey: '#708090',\n snow: '#fffafa',\n springgreen: '#00ff7f',\n steelblue: '#4682b4',\n tan: '#d2b48c',\n teal: '#008080',\n thistle: '#d8bfd8',\n tomato: '#ff6347',\n turquoise: '#40e0d0',\n violet: '#ee82ee',\n wheat: '#f5deb3',\n white: '#ffffff',\n whitesmoke: '#f5f5f5',\n yellow: '#ffff00',\n yellowgreen: '#9acd32'\n};","export function toArray(value) {\n if (value === undefined || value === null) {\n return [];\n }\n\n return Array.isArray(value) ? value : [value];\n}","function _typeof(obj) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }, _typeof(obj); }\n\n/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n\n/* global define */\n(function () {\n 'use strict';\n\n var hasOwn = {}.hasOwnProperty;\n var nativeCodeString = '[native code]';\n\n function classNames() {\n var classes = [];\n\n for (var i = 0; i < arguments.length; i++) {\n var arg = arguments[i];\n if (!arg) continue;\n\n var argType = _typeof(arg);\n\n if (argType === 'string' || argType === 'number') {\n classes.push(arg);\n } else if (Array.isArray(arg)) {\n if (arg.length) {\n var inner = classNames.apply(null, arg);\n\n if (inner) {\n classes.push(inner);\n }\n }\n } else if (argType === 'object') {\n if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n classes.push(arg.toString());\n continue;\n }\n\n for (var key in arg) {\n if (hasOwn.call(arg, key) && arg[key]) {\n classes.push(key);\n }\n }\n }\n }\n\n return classes.join(' ');\n }\n\n if (typeof module !== 'undefined' && module.exports) {\n classNames.default = classNames;\n module.exports = classNames;\n } else if (typeof define === 'function' && _typeof(define.amd) === 'object' && define.amd) {\n // register as 'classnames', consistent with npm package name\n define('classnames', [], function () {\n return classNames;\n });\n } else {\n window.classNames = classNames;\n }\n})();","function _typeof(obj) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }, _typeof(obj); }\n\n/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n\n/* global define */\n(function () {\n 'use strict';\n\n var hasOwn = {}.hasOwnProperty;\n var nativeCodeString = '[native code]';\n\n function classNames() {\n var classes = [];\n\n for (var i = 0; i < arguments.length; i++) {\n var arg = arguments[i];\n if (!arg) continue;\n\n var argType = _typeof(arg);\n\n if (argType === 'string' || argType === 'number') {\n classes.push(arg);\n } else if (Array.isArray(arg)) {\n if (arg.length) {\n var inner = classNames.apply(null, arg);\n\n if (inner) {\n classes.push(inner);\n }\n }\n } else if (argType === 'object') {\n if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n classes.push(arg.toString());\n continue;\n }\n\n for (var key in arg) {\n if (hasOwn.call(arg, key) && arg[key]) {\n classes.push(key);\n }\n }\n }\n }\n\n return classes.join(' ');\n }\n\n if (typeof module !== 'undefined' && module.exports) {\n classNames.default = classNames;\n module.exports = classNames;\n } else if (typeof define === 'function' && _typeof(define.amd) === 'object' && define.amd) {\n // register as 'classnames', consistent with npm package name\n define('classnames', [], function () {\n return classNames;\n });\n } else {\n window.classNames = classNames;\n }\n})();","import * as React from 'react';\nvar OrderContext = /*#__PURE__*/React.createContext(null);\nexport default OrderContext;","import _toConsumableArray from \"@babel/runtime/helpers/esm/toConsumableArray\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport * as React from 'react';\nimport useLayoutEffect from \"rc-util/es/hooks/useLayoutEffect\";\nimport canUseDom from \"rc-util/es/Dom/canUseDom\";\nimport OrderContext from \"./Context\";\nvar EMPTY_LIST = [];\n/**\n * Will add `div` to document. Nest call will keep order\n * @param render Render DOM in document\n */\n\nexport default function useDom(render, debug) {\n var _React$useState = React.useState(function () {\n if (!canUseDom()) {\n return null;\n }\n\n var defaultEle = document.createElement('div');\n\n if (process.env.NODE_ENV !== 'production' && debug) {\n defaultEle.setAttribute('data-debug', debug);\n }\n\n return defaultEle;\n }),\n _React$useState2 = _slicedToArray(_React$useState, 1),\n ele = _React$useState2[0]; // ========================== Order ==========================\n\n\n var appendedRef = React.useRef(false);\n var queueCreate = React.useContext(OrderContext);\n\n var _React$useState3 = React.useState(EMPTY_LIST),\n _React$useState4 = _slicedToArray(_React$useState3, 2),\n queue = _React$useState4[0],\n setQueue = _React$useState4[1];\n\n var mergedQueueCreate = queueCreate || (appendedRef.current ? undefined : function (appendFn) {\n setQueue(function (origin) {\n var newQueue = [appendFn].concat(_toConsumableArray(origin));\n return newQueue;\n });\n }); // =========================== DOM ===========================\n\n function append() {\n if (!ele.parentElement) {\n document.body.appendChild(ele);\n }\n\n appendedRef.current = true;\n }\n\n function cleanup() {\n var _ele$parentElement;\n\n (_ele$parentElement = ele.parentElement) === null || _ele$parentElement === void 0 ? void 0 : _ele$parentElement.removeChild(ele);\n appendedRef.current = false;\n }\n\n useLayoutEffect(function () {\n if (render) {\n if (queueCreate) {\n queueCreate(append);\n } else {\n append();\n }\n } else {\n cleanup();\n }\n\n return cleanup;\n }, [render]);\n useLayoutEffect(function () {\n if (queue.length) {\n queue.forEach(function (appendFn) {\n return appendFn();\n });\n setQueue(EMPTY_LIST);\n }\n }, [queue]);\n return [ele, mergedQueueCreate];\n}","import _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport * as React from 'react';\nimport { updateCSS, removeCSS } from \"rc-util/es/Dom/dynamicCSS\";\nimport useLayoutEffect from \"rc-util/es/hooks/useLayoutEffect\";\nimport getScrollBarSize from \"rc-util/es/getScrollBarSize\";\nimport { isBodyOverflowing } from \"./util\";\nvar UNIQUE_ID = \"rc-util-locker-\".concat(Date.now());\nvar uuid = 0;\nexport default function useScrollLocker(lock) {\n var mergedLock = !!lock;\n\n var _React$useState = React.useState(function () {\n uuid += 1;\n return \"\".concat(UNIQUE_ID, \"_\").concat(uuid);\n }),\n _React$useState2 = _slicedToArray(_React$useState, 1),\n id = _React$useState2[0];\n\n useLayoutEffect(function () {\n if (mergedLock) {\n var scrollbarSize = getScrollBarSize();\n var isOverflow = isBodyOverflowing();\n updateCSS(\"\\nhtml body {\\n overflow-y: hidden;\\n \".concat(isOverflow ? \"width: calc(100% - \".concat(scrollbarSize, \"px);\") : '', \"\\n}\"), id);\n } else {\n removeCSS(id);\n }\n\n return function () {\n removeCSS(id);\n };\n }, [mergedLock, id]);\n}","/**\n * Test usage export. Do not use in your production\n */\nexport function isBodyOverflowing() {\n return document.body.scrollHeight > (window.innerHeight || document.documentElement.clientHeight) && window.innerWidth > document.body.offsetWidth;\n}","export var inline = false;\nexport function inlineMock(nextInline) {\n if (typeof nextInline === 'boolean') {\n inline = nextInline;\n }\n\n return inline;\n}","import _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport * as React from 'react';\nimport { createPortal } from 'react-dom';\nimport canUseDom from \"rc-util/es/Dom/canUseDom\";\nimport { supportRef, useComposeRef } from \"rc-util/es/ref\";\nimport OrderContext from \"./Context\";\nimport useDom from \"./useDom\";\nimport useScrollLocker from \"./useScrollLocker\";\nimport { inlineMock } from \"./mock\";\n\nvar getPortalContainer = function getPortalContainer(getContainer) {\n if (getContainer === false) {\n return false;\n }\n\n if (!canUseDom() || !getContainer) {\n return null;\n }\n\n if (typeof getContainer === 'string') {\n return document.querySelector(getContainer);\n }\n\n if (typeof getContainer === 'function') {\n return getContainer();\n }\n\n return getContainer;\n};\n\nvar Portal = /*#__PURE__*/React.forwardRef(function (props, ref) {\n var open = props.open,\n autoLock = props.autoLock,\n getContainer = props.getContainer,\n debug = props.debug,\n _props$autoDestroy = props.autoDestroy,\n autoDestroy = _props$autoDestroy === void 0 ? true : _props$autoDestroy,\n children = props.children;\n\n var _React$useState = React.useState(open),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n shouldRender = _React$useState2[0],\n setShouldRender = _React$useState2[1];\n\n var mergedRender = shouldRender || open; // ====================== Should Render ======================\n\n React.useEffect(function () {\n if (autoDestroy || open) {\n setShouldRender(open);\n }\n }, [open, autoDestroy]); // ======================== Container ========================\n\n var _React$useState3 = React.useState(function () {\n return getPortalContainer(getContainer);\n }),\n _React$useState4 = _slicedToArray(_React$useState3, 2),\n innerContainer = _React$useState4[0],\n setInnerContainer = _React$useState4[1];\n\n React.useEffect(function () {\n var customizeContainer = getPortalContainer(getContainer); // Tell component that we check this in effect which is safe to be `null`\n\n setInnerContainer(customizeContainer !== null && customizeContainer !== void 0 ? customizeContainer : null);\n });\n\n var _useDom = useDom(mergedRender && !innerContainer, debug),\n _useDom2 = _slicedToArray(_useDom, 2),\n defaultContainer = _useDom2[0],\n queueCreate = _useDom2[1];\n\n var mergedContainer = innerContainer !== null && innerContainer !== void 0 ? innerContainer : defaultContainer; // ========================= Locker ==========================\n\n useScrollLocker(autoLock && open && canUseDom() && (mergedContainer === defaultContainer || mergedContainer === document.body)); // =========================== Ref ===========================\n\n var childRef = null;\n\n if (children && supportRef(children) && ref) {\n var _ref = children;\n childRef = _ref.ref;\n }\n\n var mergedRef = useComposeRef(childRef, ref); // ========================= Render ==========================\n // Do not render when nothing need render\n // When innerContainer is `undefined`, it may not ready since user use ref in the same render\n\n if (!mergedRender || !canUseDom() || innerContainer === undefined) {\n return null;\n } // Render inline\n\n\n var renderInline = mergedContainer === false || inlineMock();\n var reffedChildren = children;\n\n if (ref) {\n reffedChildren = /*#__PURE__*/React.cloneElement(children, {\n ref: mergedRef\n });\n }\n\n return /*#__PURE__*/React.createElement(OrderContext.Provider, {\n value: queueCreate\n }, renderInline ? reffedChildren : /*#__PURE__*/createPortal(reffedChildren, mergedContainer));\n});\n\nif (process.env.NODE_ENV !== 'production') {\n Portal.displayName = 'Portal';\n}\n\nexport default Portal;","import Portal from \"./Portal\";\nimport { inlineMock } from \"./mock\";\nexport { inlineMock };\nexport default Portal;","function _typeof(obj) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }, _typeof(obj); }\n\nvar g; // This works in non-strict mode\n\ng = function () {\n return this;\n}();\n\ntry {\n // This works if eval is allowed (see CSP)\n g = g || new Function(\"return this\")();\n} catch (e) {\n // This works if the window reference is available\n if ((typeof window === \"undefined\" ? \"undefined\" : _typeof(window)) === \"object\") g = window;\n} // g can still be undefined, but nothing to do about it...\n// We return undefined, instead of nothing here, so it's\n// easier to handle this case. if(!global) { ...}\n\n\nmodule.exports = g;","var listCacheClear = require('./_listCacheClear'),\n listCacheDelete = require('./_listCacheDelete'),\n listCacheGet = require('./_listCacheGet'),\n listCacheHas = require('./_listCacheHas'),\n listCacheSet = require('./_listCacheSet');\n/**\n * Creates an list cache object.\n *\n * @private\n * @constructor\n * @param {Array} [entries] The key-value pairs to cache.\n */\n\n\nfunction ListCache(entries) {\n var index = -1,\n length = entries == null ? 0 : entries.length;\n this.clear();\n\n while (++index < length) {\n var entry = entries[index];\n this.set(entry[0], entry[1]);\n }\n} // Add methods to `ListCache`.\n\n\nListCache.prototype.clear = listCacheClear;\nListCache.prototype['delete'] = listCacheDelete;\nListCache.prototype.get = listCacheGet;\nListCache.prototype.has = listCacheHas;\nListCache.prototype.set = listCacheSet;\nmodule.exports = ListCache;","var eq = require('./eq');\n/**\n * Gets the index at which the `key` is found in `array` of key-value pairs.\n *\n * @private\n * @param {Array} array The array to inspect.\n * @param {*} key The key to search for.\n * @returns {number} Returns the index of the matched value, else `-1`.\n */\n\n\nfunction assocIndexOf(array, key) {\n var length = array.length;\n\n while (length--) {\n if (eq(array[length][0], key)) {\n return length;\n }\n }\n\n return -1;\n}\n\nmodule.exports = assocIndexOf;","var _Symbol = require('./_Symbol'),\n getRawTag = require('./_getRawTag'),\n objectToString = require('./_objectToString');\n/** `Object#toString` result references. */\n\n\nvar nullTag = '[object Null]',\n undefinedTag = '[object Undefined]';\n/** Built-in value references. */\n\nvar symToStringTag = _Symbol ? _Symbol.toStringTag : undefined;\n/**\n * The base implementation of `getTag` without fallbacks for buggy environments.\n *\n * @private\n * @param {*} value The value to query.\n * @returns {string} Returns the `toStringTag`.\n */\n\nfunction baseGetTag(value) {\n if (value == null) {\n return value === undefined ? undefinedTag : nullTag;\n }\n\n return symToStringTag && symToStringTag in Object(value) ? getRawTag(value) : objectToString(value);\n}\n\nmodule.exports = baseGetTag;","var getNative = require('./_getNative');\n/* Built-in method references that are verified to be native. */\n\n\nvar nativeCreate = getNative(Object, 'create');\nmodule.exports = nativeCreate;","var isKeyable = require('./_isKeyable');\n/**\n * Gets the data for `map`.\n *\n * @private\n * @param {Object} map The map to query.\n * @param {string} key The reference key.\n * @returns {*} Returns the map data.\n */\n\n\nfunction getMapData(map, key) {\n var data = map.__data__;\n return isKeyable(key) ? data[typeof key == 'string' ? 'string' : 'hash'] : data.map;\n}\n\nmodule.exports = getMapData;","function _typeof(obj) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }, _typeof(obj); }\n\n/**\n * Checks if `value` is object-like. A value is object-like if it's not `null`\n * and has a `typeof` result of \"object\".\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is object-like, else `false`.\n * @example\n *\n * _.isObjectLike({});\n * // => true\n *\n * _.isObjectLike([1, 2, 3]);\n * // => true\n *\n * _.isObjectLike(_.noop);\n * // => false\n *\n * _.isObjectLike(null);\n * // => false\n */\nfunction isObjectLike(value) {\n return value != null && _typeof(value) == 'object';\n}\n\nmodule.exports = isObjectLike;","import React, { useState, useEffect } from \"react\";\nimport axios from \"axios\";\n\nimport checkoutApi from \"apis/checkout\";\nimport SubscriptionModal from \"components/Payment/SubscriptionModal\";\nimport Card from \"./challengeCard\";\nimport { getStripe } from \"utils/initStripe\";\nimport { challengePrices, challenges } from \"./constant\";\n\nfunction Challenges(props) {\n const [showSubModal, setShowSubModal] = useState(false);\n const [isLoading, setLoading] = useState(true);\n const [challengeDetails, setChallengeDeatils] = useState([]);\n const [priceId, setPriceId] = useState(null);\n const [trialEnd, setTrialEnd] = useState(null);\n\n const proceedToCheckout = async ({\n email,\n priceId,\n password,\n passwordConfirmation,\n }) => {\n try {\n const { data } = await checkoutApi.retrieve({\n email: email.toLowerCase(),\n });\n if (!data.allow_checkout) return;\n const stripe = await getStripe();\n const checkoutData = await checkoutApi.create({\n email: email.toLowerCase(),\n priceId,\n password,\n passwordConfirmation,\n trialEnd,\n });\n const { error: stripeError } = stripe.redirectToCheckout({\n sessionId: checkoutData?.data?.sessionId,\n });\n if (stripeError) alert(stripeError.message);\n } catch (error) {\n console.log(\"Proceed to checkout err:\", error);\n }\n };\n\n const fetchPrices = async () => {\n try {\n const {\n data: { prices },\n } = await axios.get(\"/api/v1/prices\");\n const subPrices = challengePrices(prices.data);\n setChallengeDeatils(challenges(subPrices));\n setLoading(false);\n } catch (error) {\n console.error(error);\n }\n };\n\n useEffect(() => {\n fetchPrices();\n }, []);\n\n if (isLoading) {\n return <>;\n }\n\n return (\n <>\n \n
\n {/* \n
\n \n \n
\n \n
\n\n \n Access to the macros app with full features\n
\n\n
\n \n {challengeDetails.map(challenge => {\n return (\n
\n \n
\n\n {/* \n \n
\n \n
\n\n \n Access to the macros app with full features\n
\n\n
\n \n {challengeDetails.map(challenge => {\n return (\n
\n \n £0{\" \"}\n \n {\" \"}\n (14 Days Free Trial)\n \n
\n\n Free Trials With No Credit Card Required\n
\n\n {PLANS_INFO.MONTHLY.map((point, index) => (\n
\n \n
\n ))}\n \n \n 
\n \n
\n \n {point}\n
\n\n
\n\n {/* \n \n
\n \n
\n\n \n Summer Mental Health Challange\n
\n\n
\n \n {challengeDetails.map(challenge => {\n return (\n
\n \n £0{\" \"}\n \n {\" \"}\n ( 24 Days Free Trial )\n \n
\n\n Free Trials With No Credit Card Required\n
\n\n\n
\n {/* \n
\n \n \n
\n \n
\n\n \n 3 month nutrition & mindset app access\n
\n\n
\n \n {challengeDetails.map(challenge => {\n return (\n
\n {title}
\n \n
\n {subheading1}
\n{subheading2}
\n\n After 84 days trial\n
\n \n {`£${price} / ${billingCycle}`}\n
\n\n
\n \n \n );\n};\n\nexport default TransformationCard;\n","import React from \"react\";\nimport AccountDropdown from \"./AccountDropdown\";\nimport NavItem from \"./NavItem\";\nimport { withRouter } from \"react-router-dom\";\nimport { useAuthDispatch } from \"contexts/auth\";\nimport authenticationApi from \"apis/authentication\";\nimport { resetAuthTokens } from \"apis/axios\";\nimport { message } from 'antd';\n\nconst NavBar = () => {\n const authDispatch = useAuthDispatch();\n const handleLogout = async () => {\n try {\n await authenticationApi.logout();\n authDispatch({ type: \"LOGOUT\" });\n resetAuthTokens();\n window.location.href = \"/\";\n } catch (error) {\n message.error(error);\n }\n };\n\n return (\n Terms & Conditions
\n\n Once the trial is complete, the subscription will auto-renew at the\n price of £{price} per month. However, you can cancel this at any\n time\n
\n\n
\n );\n};\n\nexport default withRouter(NavBar);\n","// @ts-nocheck\nimport React from \"react\";\nimport LouiseBiceps from \"images/image-louise-biceps.jpg\";\nimport PlayStoreButton from \"images/LandingPageAssets/GooglePlayIcon.png\";\nimport AppStoreButton from \"images/LandingPageAssets/AppStoreIcon.png\";\n\nconst Links = {\n android: \"https://play.google.com/store/apps/details?id=com.trtle\",\n iOS: \"https://apps.apple.com/in/app/nutrition-mindset-coach/id1570131025\",\n};\n\nfunction DownloadPage() {\n return (\n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n
\n );\n}\n\nconst DownloadPageUI = () => {\n return (\n \n
\n \n \n
\n );\n};\n\nexport default DownloadPage;\n","export const initializeLogger = () => {\n /* eslint no-undef: \"off\"*/\n require(\"js-logger\").useDefaults();\n};\n","// @ts-nocheck\nimport React, { useState } from \"react\";\nimport { Link } from \"react-router-dom\";\nimport PropTypes from \"prop-types\";\nimport { setAuthHeaders } from \"apis/axios\";\nimport LouiseBiceps from \"images/image-louise-biceps.jpg\";\nimport { message, Input, Spin } from \"antd\";\n\nimport authenticationApi from \"apis/authentication\";\nimport { isEmailValid } from \"utils/validator\";\nimport { useAuthDispatch } from \"contexts/auth\";\nimport { useUserDispatch } from \"contexts/user\";\n\nimport ForgotPassword from \"./ForgotPassword\";\nimport SendEmailConfirmation from \"./sendEmailConfirmation\";\n\nimport { LoadingOutlined } from \"@ant-design/icons\";\n\nconst antIcon = \n
\n );\n }\n\n return (\n \n
\n \n
\n \n\n \n \n
\n \n \n
\n \n \n
\n\n \n \n Sign in\n \n\n
\n
\n \n Sign in\n
\n\n \n {\n setEmail(e.target.value);\n setError(INITIALIZE_ERRORS);\n }}\n value={email}\n />\n\n {\n setPassword(e.target.value);\n setError(INITIALIZE_ERRORS);\n }}\n />\n\n setForgotPasswordModal(true)}\n >\n Forgot password?\n
\n\n \n
Forgot password
\n \n Enter your registered email below to receive password reset instruction\n
\n\n\n 
\n
\n\n \n \n {\n setEmail(e.target.value);\n setError(\"\");\n }}\n className=\"w-full text-xs\"\n />\n \n \n Send\n \n
\n\n \n Remember password?\n \n setIsOpen(false)}\n >\n Sign In\n \n \n
\n \n Email has been sent\n
\n \n Please check your inbox and click in the received link to reset a\n password\n
\n\n\n 
\n
\n\n \n
\n \n \n );\n}\n\nexport default withRouter(ResetPassword);\n","// @ts-nocheck\nimport React, { useState } from \"react\";\nimport Tick from \"images/LandingPageAssets/tick.svg\";\nimport Cross from \"images/LandingPageAssets/charm_cross.svg\";\nimport WhiteTick from \"images/LandingPageAssets/WhiteTick.svg\";\n\nconst FEATURE_COMPARISON = [\n {\n title: \"Custom app\",\n weightWatchers: Tick,\n mfp: Tick,\n slimmingWorld: Tick,\n },\n {\n title: \"Daily podcast\",\n weightWatchers: Cross,\n mfp: Cross,\n slimmingWorld: Cross,\n },\n {\n title: \"Daily live support every morning (Turtle radio)\",\n weightWatchers: Cross,\n mfp: Cross,\n slimmingWorld: Cross,\n },\n {\n title: \"Daily group support (from expert)\",\n weightWatchers: Cross,\n mfp: Cross,\n slimmingWorld: Cross,\n },\n {\n title: \"Weekly expert seminars\",\n weightWatchers: Cross,\n mfp: Cross,\n slimmingWorld: Cross,\n },\n {\n title: \"1-1 email support with a Nutritionist 5 days a week\",\n weightWatchers: Cross,\n mfp: Cross,\n slimmingWorld: Cross,\n },\n {\n title: \"Automatic tweaks to calories and macros\",\n weightWatchers: Cross,\n mfp: Cross,\n slimmingWorld: Cross,\n },\n {\n title: \"Menstrual cycle tracking\",\n weightWatchers: Cross,\n mfp: Cross,\n slimmingWorld: Cross,\n },\n];\n\nfunction ComparisonTable() {\n return (\n <>\n \n \n
\n \n \n
\n \n\n \n
\n\n \n
\n \n Create new password\n
\n\n \n \n {\n setPassword(e.target.value);\n setError(INITIALIZE_ERRORS);\n }}\n />\n \n\n \n {\n setPasswordConfirmation(e.target.value);\n setError(INITIALIZE_ERRORS);\n }}\n />\n \n\n \n \n Reset Password\n \n \n\n
\n\n\n Sign in\n
\n \n\n
\n \n \n Our app isn’t just a tracking tool. We work out the exact
{\" \"}\n calories and macronutrients you need to hit your goals.\n \n \n A little brief comparison table just to see what we offer vs\n market\n \n
\n \n\n \n \n Turtle Method vs Other Apps{\" \"}\n \n
\n \n How is Our app Different to the\n Rest?\n
\n{\" \"}\n calories and macronutrients you need to hit your goals.\n \n \n A little brief comparison table just to see what we offer vs\n market\n \n
\n \n
\n {FEATURE_COMPARISON.map((feature, index) => (\n \n Turtle Method™\n
\n \n Weight watchers\n
\n \n MFP\n
\n \n Slimming World\n
\n \n \n 9.99\n
\n \n Price per month\n
\n \n 16.95\n
\n \n 7.99\n
\n \n 20\n
\n \n \n \n
\n \n {feature.title}\n
\n \n 
\n
\n \n 
\n
\n \n 
\n
\n \n ))}\n \n \n \n
\n \n Daily diary and mental health support\n
\n \n 
\n
\n \n \n
\n \n \n
\n \n \n \n \n setSelected(COMPETITORS.TURTLE)}\n >\n Turtle Method™\n
\n \n
\n \n );\n};\n\nexport default ComparisonTable;\n","// @ts-nocheck\nimport React from \"react\";\n\n// import LouiseImage2 from \"images/LandingPageAssets/LouiseImage2.png\";\n// import LouiseImage3 from \"images/LandingPageAssets/LouiseImage3.png\";\n// import MaskGroup1 from \"images/LandingPageAssets/MaskGroup1.png\";\n// import CharmTick from \"images/LandingPageAssets/charm_tick.png\";\n\nimport TrustBox from \"./TrustPilot\";\n\nfunction ReviewSection() {\n return (\n <>\n \n
\n\n {FEATURE_COMPARISON.map((feature, index) => (\n \n Price per month\n
\n {selected == COMPETITORS.TURTLE && (\n \n 9.99\n
\n )}\n {selected == COMPETITORS.WEIGHT_WATCHERS && (\n \n 16.95\n
\n )}\n {selected == COMPETITORS.MFP && (\n \n 7.99\n
\n )}\n {selected == COMPETITORS.SLIMMING_WORLD && (\n \n 20\n
\n )}\n \n
\n ))}\n\n \n {feature.title}\n
\n {selected == COMPETITORS.TURTLE && (\n \n \n
\n )}\n {selected == COMPETITORS.WEIGHT_WATCHERS && (\n \n
\n )}\n {selected == COMPETITORS.MFP && (\n \n \n
\n )}\n {selected == COMPETITORS.SLIMMING_WORLD && (\n \n
\n )}\n \n
\n \n Daily diary and mental health support\n
\n {selected == COMPETITORS.TURTLE && (\n \n \n
\n )}\n {selected == COMPETITORS.WEIGHT_WATCHERS && (\n \n \n
\n )}\n {selected == COMPETITORS.MFP && (\n \n \n
\n )}\n {selected == COMPETITORS.SLIMMING_WORLD && (\n \n \n
\n )}\n \n
\n \n
\n \n
\n \n Not a Diet Plan in Sight!\n
\n\n
\n\n \n \n \n \n \n
\n \n Even for first-time trackers, this app makes it easy.\n
\n\n \n \n \n
\n \n No judgment (all love).\n
\n\n \n \n \n
\n \n No pressure.\n
\n\n \n \n \n
\n \n Start for free by joining our waitlist for our next 14 day\n challenge\n
\n\n \n \n \n
\n \n Or jump straight in with our membership\n
\n\n
\n \n \n Start 14-day free trial\n
\n\n
\n \n \n We eat every day. Isn’t it about time we became more curious about\n what we’re putting in our bodies? Using our app and looking into\n your own eating habits judgement-free, we discover obvious easy\n wins to improve our health.\n \n \n Having the keys to a super-car is great, but we’ll teach you how\n to drive it too. Our app grants you self-knowledge superpowers.\n \n
\n \n A Tool to Help You Achieve a Better{\" \"}\n \n Understanding of What You Feed Your Body\n \n
\n\n
\n \n
\n \n You’ll{\" \"}\n Never Need to Join a Slimming Club{\" \"}\n Ever Again.\n
\n \n
\n \n\n \n \n
\n \n \n Join 14 Day Nutrition Masterclass\n
\n\n
\n \n \n Join 14 Day Nutrition Masterclass\n
\n\n {TEAM.map((member, index) => (\n \n \n \n {member.title}\n \n
\n ))}\n \n \n );\n}\n\nexport default Team;\n","// @ts-nocheck\nimport React from \"react\";\nimport { Link } from \"react-router-dom\";\nimport IconSVG from \"images/Icon.svg\";\n\nimport GroupImage1 from \"images/LandingPageAssets/GroupWaitlist1.svg\";\nimport GroupImage2 from \"images/LandingPageAssets/GroupWaitlist2.svg\";\n\nimport FBicon from \"images/LandingPageAssets/fbicon.svg\";\nimport MediumIcon from \"images/LandingPageAssets/mediumIcon.svg\";\nimport twitterIcon from \"images/LandingPageAssets/twitterIcon.svg\";\nimport InstagramIcon from \"images/LandingPageAssets/InstagramIcon.svg\";\n\nfunction WishList() {\n return (\n \n {member.name}\n
\n\n Join our next 14 day
\n nutrition & mindset masterclass\n
\n\n \n \n
\n\n \n
\n \n \n \n Turtle Method\n
\n\n \n \n Term of Use\n \n \n \n \n Privacy Policy\n \n \n \n \n Delete Account\n \n \n
\n \n \n All the information on this website is published in good faith and for\n general information purpose only.\n
\n \n \n 
\n \n \n \n \n
\n \n \n );\n}\n\nconst Logo = () => {\n return (\n \n
\n );\n};\n\nexport default WishList;\n","// @ts-nocheck\nimport React, { useState } from \"react\";\n\nimport PlusIcon from \"images/LandingPageAssets/PlusIcon.svg\";\nimport NegIcon from \"images/LandingPageAssets/NegIcon\";\n\nconst FAQ = [\n {\n position: 1,\n question: \"How much is the app per month?\",\n answer: [\"It's £9.99 pm, but you can cancel at any time without charges.\"],\n },\n {\n position: 2,\n question: \"What's the benefit of paying for the year upfront?\",\n answer: [\n \"It works out as just £4.91 pm if you pay for the year upfront. You also get our 12-week complete transformation training plan included for free (this costs £59 as a one-off cost)\",\n ],\n },\n {\n position: 3,\n question: \"How is this app any different from the free food tracking apps?\",\n answer: [\n \"Our app has a food tracker as one element. Just tracking your food isn't enough. What should your calories and macros be? How should you change them over time? Our app does this for you automatically. We track your stress, menstrual cycle, sleep, steps, weight, measurements, and general mental health. This data (and we collect it uniquely and efficiently) helps us build a picture of your total health, and we make changes based on YOU, nobody else.\",\n \"We also have an auto adjuster feature which means the app will add/remove calories to your days depending on if you went over/under your goals on previous days. This gives you total flexibility to eat more/less on different says, and that's how life is!\",\n \"As a subscriber, you also get access to our private support group with weekly nutrition Q&A with Dr Paul Rimmer, daily micro podcast and our daily radio show with members. There's always support available for you to jump into. Unlike other apps, we offer human support every day of the week. You can email our nutritionist at any time to look at your data and answer any queries too.\",\n ],\n },\n {\n position: 4,\n question: `What is \"Turtle Smart Mind\"?`,\n answer: [\n \"Because we uniquely collect data and help you become your own scientist, we've developed a machine-learning algorithm which learns from your data over time. As it 'learns', it will change your nutrition at your weekly check-in if it thinks it's needed.\",\n \"Many factors go into the algorithm, and it's been built to ensure it learns from you, not generic models or equations.\",\n \"This makes our app unique amongst the rest. MFP, for example, just lets you track your food. It doesn't change anything for you or offer predictive insights\",\n ],\n },\n {\n position: 5,\n question: \"What's Turtle Radio?\",\n answer: [\n \"Every day from 7.30 - 8.30am, we open an audio-only chat room we call Turtle Radio. You can just listen in on your way to work or join as a speaker with our coaches. We chat with members about life, nutrition, struggles, daily plans, etc. Our members love this feature because they get the mindset kick at the start of the day\",\n \"You'll learn a lot by listening to other members' questions and interactions. You don't need to participate, and replays are always available.\",\n \"But give it a go, replace the usual radio station with Turtle Radio and see how it changes your day.\",\n ],\n },\n {\n position: 6,\n question: \"Do I have to weigh myself daily?\",\n answer: [\n \"Daily weigh-ins are preferable as they show you how up/down weight can be. We take a weekly average for this and compare weekly averages over time. However, you don't need to weigh yourself. It may take longer for the algorithm to learn about you with fewer data, but it's possible.\",\n \"You can take measurements instead if you wish. We have multiple options for you to track progress, but inside the community, we explain all of this to understand which method best suits you\",\n ],\n },\n {\n position: 7,\n question: \"Does your app sync with fitness trackers?\",\n answer: [\n \"We sync with Apple health (with loads of 3rd party apps sync, too) and Fitbit. We have Garmin, Samsung, and Google fit syncs coming very soon.\",\n ],\n },\n {\n position: 8,\n question: `What's a weekly \"check-in\"?`,\n answer: [\n \"After you complete 7 days, you'll be prompted to answer a few questions, and we will complete a review of your week. We crunch your numbers to see if any changes need to be made to your calories and macros.\",\n ],\n },\n {\n position: 9,\n question: \"I don't have much time, is this for me?\",\n answer: [\n \"Once we help you use the app, you'll only need to use it for 5 minutes a day. Once you've built up your foods, recipes and syncs, you will only need to do a few taps a day. Think about that, just 5 minutes a day for a complete health change!\",\n ],\n },\n {\n position: 10,\n question:\n \"I'm a total beginner to this whole thing. I don't know anything about macros!\",\n answer: [\n \"We help you take this one day at a time. We've helped countless people use the app who had never heard of macros before. It's not a diet, you eat the foods you like, and we promote you eat your fave snacks too. \",\n \"What matters is trying to hit your daily targets. Once you use the app (which has a barcode scanner), you'll realise how easy it is. It's like playing a game of Tetris! \",\n \"We have daily support on hand and 1-1 email channel too. You're never left alone.\",\n ],\n },\n {\n position: 11,\n question: \"What's the daily diary?\",\n answer: [\n \"We've worked with world-class psychotherapists to build a morning and evening daily diary feature. This helps you plan your day, and track your mood, stress, sleep and daily tasks. By doing the morning and evening daily diary, you'll feel grounded in the present moment, and it helps enormously with stress and mental health.\",\n ],\n },\n {\n position: 12,\n question: \"I have some questions about the app; who should I email?\",\n answer: [\"Please email scott@turtlemethod.com \"],\n },\n];\n\nfunction FaqSection() {\n const [selected, setSelected] = useState(null);\n return (\n \n \n
\n \n Frequently Asked Questions\n
\n\n {FAQ.map((faq, index) => (\n
\n \n );\n}\n\nexport default FaqSection;\n","// @ts-nocheck\nimport React, { Fragment } from \"react\";\n\nimport Image1 from \"images/LandingPageAssets/Article/Article1.png\";\nimport Image2 from \"images/LandingPageAssets/Article/Article2.png\";\nimport Image3 from \"images/LandingPageAssets/Article/Article3.png\";\n\nfunction ArticleSection() {\n const ARTICLES = [\n {\n image: Image1,\n title: \"Turtle Method vs MyFitnessPal: what you need to know\",\n link: \"https://turtlemethod.com/turtle-method-vs-myfitnesspal/\",\n subtitle:\n \"It is a long established fact that a reader will be was distracted by the readable content of a page when that normal distribution \",\n },\n {\n image: Image2,\n title: \"The terrifying danger of yo-yo dieting\",\n link: \"https://turtlemethod.com/dangers-of-yoyo-dieting/\",\n subtitle:\n \"It is a long established fact that a reader will be was distracted by the readable content of a page when that normal distribution \",\n },\n {\n image: Image3,\n title: \"Louise Thomson's 10 fitness tips for summer 2022\",\n link: \"https://turtlemethod.com/louise-thompson-fitness-tips/\",\n subtitle:\n \"It is a long established fact that a reader will be was distracted by the readable content of a page when that normal distribution \",\n },\n ];\n\n return (\n \n
\n ))}\n \n \n {faq.question}\n \n {faq.position == selected && (\n
\n {selected == faq.position && (\n \n setSelected(null)}\n >\n 
\n \n
\n )}\n {faq.position !== selected && (\n \n setSelected(faq.position)}\n >\n 
\n \n
\n )}\n \n {faq.answer.map((answer, index) => (\n \n {answer}\n \n ))}\n
\n )}\n \n {ARTICLES.map((article, index) => (\n \n \n 
\n
\n \n \n Diet Nutrition\n
\n \n \n {article.title}\n \n \n {article.subtitle}\n \n
\n \n \n \n Diet Nutrition\n
\n \n \n {article.title}\n \n \n {article.subtitle}\n \n
\n \n \n \n ))}\n\n {/* \n 
\n
\n \n \n It is a long established fact that a reader will be was distracted\n by the readable content of a page when that normal distribution{\" \"}\n \n
\n \n Turtle Method vs MyFitnessPal:\n
what you need to know\n
\n \n
*/}\n\n \n \n \n \n \n It is a long established fact that a reader will be was distracted\n by the readable content of a page when that normal distribution{\" \"}\n \n
\n \n Turtle Method vs MyFitnessPal:\n
what you need to know\n
\n \n
\n {/* ========================= */}\n \n Key Features You'll Love\n
\n\n {KEY_FEATURE.map((feature, index) => {\n return (\n \n \n \n \n
\n );\n })}\n \n \n {text}\n \n ))}\n
\n {feature.heading}
\n {feature.text.map((text, index) => (\n\n
\n \n
\n \n
\n \n Alcohol Conversion Tool\n
\n\n Always wondered how alcohol does impact your calories and/or\n macros intake? Convert your alcohol drinks into their equivelent\n carbs or carbs/fat to see the significance. 1 pint of lager is\n equivalent to 57g of carbs for example!\n
\n\n \n 
\n 
\n
\n \n \n
\n \n {/* ==================== */}\n Daily Diary
\n\n Use this quick and interactive diary feature every morning and\n evening. Plan your day, track your stress, sleep and emotions and\n review every day with ease.\n
\n\n \n 
\n 
\n
\n \n \n
\n \n \n \n );\n};\n\nexport default KeyFeatureSection;\n","// @ts-nocheck\nimport React from \"react\";\n\nimport FiveStar from \"images/LandingPageAssets/FiveStar.svg\";\n\nfunction PodcastReview() {\n const PODCAST_REVIEWS = [\n {\n name: \"Flo Lily\",\n boldText: \"Honest & uplifting!\",\n texts: [\n \"I have LOVED the daily podcasts. Not only is the content beneficial, they have also got me out walking every lunchtime listening to them as I work from home. It’s like having a helpful friend in your ear. I have nothing but good to say about my experience with Turtle Method and all the amazing things they offer. Thanks Scott & the team!\",\n ],\n time: \"30/03/2022\",\n },\n {\n name: \"Gharwood\",\n boldText: \"5 stars isn’t enough!\",\n texts: [\n \"Spent years stuck in a rut with weight gain after giving up dancing as a career and had accepted my “natural body shape” was just “bigger”. Trtle help you remove all bias toward yourself, they encourage and empower - not beat down and insult. You will feel brighter, more positive, and then the weight starts to drop as a byproduct. Invest in yourself, this takes 15 minutes a day and it’s a game changer. You won’t regret it.\",\n ],\n time: \"22/03/2022\",\n },\n {\n name: \"Hannah L G\",\n boldText: \"Great podcast\",\n texts: [\n \"Great straight talking podcast. The messages are conveyed simply and Scott gets right to the key points to help you figure out the best steps to take. Love the input of research and real life examples. It’s like having a daily pep talk to get you ready for the day ahead!\",\n ],\n time: \"24/03/2022\",\n },\n {\n name: \"Carrie981\",\n boldText: \"A great start to the day\",\n texts: [\n \"These daily podcasts are absolutely fantastic and a great way to start your day. Scott is really informative on subjects that are usually made so complicated - it’s a breath of fresh air! Learnt so much from doing the 14 day mindset challenge and it has given me the kick-start I needed to change my lifestyle for a happy me.\",\n ],\n time: \"25/03/2022\",\n },\n {\n name: \"SophieJas93\",\n boldText: \"Amazing!\",\n texts: [\n \"This was such a great way to get back into working on myself! Sets you up for the day and really focuses on mindfulness and looking inwards! Really enjoyed it!\",\n ],\n time: \"30/03/2022\",\n },\n {\n name: \"beautruce\",\n boldText: \"Amazing, mindset game changer!\",\n texts: [\n \"Scotts podcasts make my mornings! His honest advice & fun way of teaching was an absolute game changer for me! Months of struggling & 2 weeks with scott & i am in a better place mentally & physically! Cannot wait to see where i am after my year with him!\",\n ],\n time: \"22/03/2022\",\n },\n\n {\n name: \"JeniLowe\",\n boldText: \"Easy to digest!\",\n texts: [\n \"Short and to the point, Scott successfully manages to cover key areas that help with the mindset of how we can approach a healthier lifestyle. Whether this is how we think about food, about the diet industry or about how we view ourselves, Scott manages to give some thought provoking ideas! An easy podcast to digest and one I enjoyed starting my day with!\",\n ],\n time: \"22/03/2022\",\n },\n {\n name: \"amy smallman\",\n boldText: \"You won’t look back!\",\n texts: [\n \"What a fabulous two weeks! I have learnt so much from these podcasts, will re listen again and again! Delivered really well and felt like a friend was talking to us the whole way through! Thanks Scott!\",\n ],\n time: \"22/03/2022\",\n },\n {\n name: \"graham mck\",\n boldText: \"Very informative\",\n texts: [\n \"Scott is lighthearted!! puts a smile on your face in the morning, I’ve learned a lot listening to these podcasts a really great way to start your day especially if health and fitness is your goal.\",\n ],\n time: \"22/03/2022\",\n },\n {\n name: \"Keriss.Scotland\",\n boldText: \"Mindset trial\",\n texts: [\n \"The whole point of me joining was to get help with my food, but after these two weeks I think the most important thing about this trial was the daily podcasts. It put me in such a great routine to start the day along with trtle radio and the information has been crazy! Scott is very laidback in his manner and comes across as knowledgable, friendly and motivating.\",\n ],\n time: \"22/03/2022\",\n },\n {\n name: \"Bonney C\",\n boldText: \"Amazing Podcasts\",\n texts: [\n \"These podcasts have really changed my mindset towards eating and loosing weight in such a short space of time! I found them very motivating every morning and quickly welcomed them into my daily routine. If you are looking for something to change your mindset as well as your lifestyle, these are for you!!\",\n ],\n time: \"22/03/2022\",\n },\n {\n name: \"JeniLowe\",\n boldText: \"Easy to digest!\",\n texts: [\n \"Short and to the point, Scott successfully manages to cover key areas that help with the mindset of how we can approach a healthier lifestyle. Whether this is how we think about food, about the diet industry or about how we view ourselves, Scott manages to give some thought provoking ideas! An easy podcast to digest and one I enjoyed starting my day with!\",\n ],\n time: \"22/03/2022\",\n },\n {\n name: \"Keriss.Scotland\",\n boldText: \"Mindset trial\",\n texts: [\n \"The whole point of me joining was to get help with my food, but after these two weeks I think the most important thing about this trial was the daily podcasts. It put me in such a great routine to start the day along with trtle radio and the information has been crazy! Scott is very laidback in his manner and comes across as knowledgable, friendly and motivating. The whole trial has been so positive that I have signed up for the annual\",\n ],\n time: \"22/03/2022\",\n },\n ];\n\n return (\n \n Track water, fibre, salt, saturated fat and more\n
\n\n Track your micros and water to ensure optimal health\n
\n\n (That break down nutrition myths in\n easy to understand bite-sized chunks!)\n
\n\n \n 
\n \n \n {time}\n \n
\n {name}
\n\n {boldText}\n
\n {texts.map((text, index) => (\n\n
\n );\n};\n","import React from \"react\";\n\nexport const checkIcon = () => {\n return (\n \n \n
\n \n Logout\n
\n ),\n },\n ];\n\n return (\n \n
\n \n // \n // My profile\n // \n // \n // Change password\n // \n //
\n // \n // );\n}\n","function _typeof(obj) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }, _typeof(obj); }\n\nfunction toVal(mix) {\n var k,\n y,\n str = '';\n\n if (typeof mix === 'string' || typeof mix === 'number') {\n str += mix;\n } else if (_typeof(mix) === 'object') {\n if (Array.isArray(mix)) {\n for (k = 0; k < mix.length; k++) {\n if (mix[k]) {\n if (y = toVal(mix[k])) {\n str && (str += ' ');\n str += y;\n }\n }\n }\n } else {\n for (k in mix) {\n if (mix[k]) {\n str && (str += ' ');\n str += k;\n }\n }\n }\n }\n\n return str;\n}\n\nexport default function () {\n var i = 0,\n tmp,\n x,\n str = '';\n\n while (i < arguments.length) {\n if (tmp = arguments[i++]) {\n if (x = toVal(tmp)) {\n str && (str += ' ');\n str += x;\n }\n }\n }\n\n return str;\n}","import React__default, { isValidElement, useRef, useLayoutEffect, useEffect, useReducer, cloneElement, useState, createElement } from 'react';\nimport cx from 'clsx';\nimport { render } from 'react-dom';\n\nfunction _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n };\n\n return _extends.apply(this, arguments);\n}\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n if (source == null) return {};\n var target = {};\n var sourceKeys = Object.keys(source);\n var key, i;\n\n for (i = 0; i < sourceKeys.length; i++) {\n key = sourceKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n target[key] = source[key];\n }\n\n return target;\n}\n\nfunction isNum(v) {\n return typeof v === 'number' && !isNaN(v);\n}\n\nfunction isBool(v) {\n return typeof v === 'boolean';\n}\n\nfunction isStr(v) {\n return typeof v === 'string';\n}\n\nfunction isFn(v) {\n return typeof v === 'function';\n}\n\nfunction parseClassName(v) {\n return isStr(v) || isFn(v) ? v : null;\n}\n\nfunction isToastIdValid(toastId) {\n return toastId === 0 || toastId;\n}\n\nfunction getAutoCloseDelay(toastAutoClose, containerAutoClose) {\n return toastAutoClose === false || isNum(toastAutoClose) && toastAutoClose > 0 ? toastAutoClose : containerAutoClose;\n}\n\nvar canUseDom = !!(typeof window !== 'undefined' && window.document && window.document.createElement);\n\nfunction canBeRendered(content) {\n return /*#__PURE__*/isValidElement(content) || isStr(content) || isFn(content) || isNum(content);\n}\n\nvar POSITION = {\n TOP_LEFT: 'top-left',\n TOP_RIGHT: 'top-right',\n TOP_CENTER: 'top-center',\n BOTTOM_LEFT: 'bottom-left',\n BOTTOM_RIGHT: 'bottom-right',\n BOTTOM_CENTER: 'bottom-center'\n};\nvar TYPE = {\n INFO: 'info',\n SUCCESS: 'success',\n WARNING: 'warning',\n ERROR: 'error',\n DEFAULT: 'default',\n DARK: 'dark'\n};\n/**\r\n * Used to collapse toast after exit animation\r\n */\n\nfunction collapseToast(node, done, duration\n/* COLLAPSE_DURATION */\n) {\n if (duration === void 0) {\n duration = 300;\n }\n\n var height = node.scrollHeight;\n var style = node.style;\n requestAnimationFrame(function () {\n style.minHeight = 'initial';\n style.height = height + 'px';\n style.transition = \"all \" + duration + \"ms\";\n requestAnimationFrame(function () {\n style.height = '0';\n style.padding = '0';\n style.margin = '0';\n setTimeout(done, duration);\n });\n });\n}\n/**\r\n * Css animation that just work.\r\n * You could use animate.css for instance\r\n *\r\n *\r\n * ```\r\n * cssTransition({\r\n * enter: \"animate__animated animate__bounceIn\",\r\n * exit: \"animate__animated animate__bounceOut\"\r\n * })\r\n * ```\r\n *\r\n */\n\n\nfunction cssTransition(_ref) {\n var enter = _ref.enter,\n exit = _ref.exit,\n _ref$appendPosition = _ref.appendPosition,\n appendPosition = _ref$appendPosition === void 0 ? false : _ref$appendPosition,\n _ref$collapse = _ref.collapse,\n collapse = _ref$collapse === void 0 ? true : _ref$collapse,\n _ref$collapseDuration = _ref.collapseDuration,\n collapseDuration = _ref$collapseDuration === void 0 ? 300 : _ref$collapseDuration;\n return function ToastTransition(_ref2) {\n var children = _ref2.children,\n position = _ref2.position,\n preventExitTransition = _ref2.preventExitTransition,\n done = _ref2.done,\n nodeRef = _ref2.nodeRef,\n isIn = _ref2.isIn;\n var enterClassName = appendPosition ? enter + \"--\" + position : enter;\n var exitClassName = appendPosition ? exit + \"--\" + position : exit;\n var baseClassName = useRef();\n var animationStep = useRef(0\n /* Enter */\n );\n useLayoutEffect(function () {\n onEnter();\n }, []);\n useEffect(function () {\n if (!isIn) preventExitTransition ? onExited() : onExit();\n }, [isIn]);\n\n function onEnter() {\n var node = nodeRef.current;\n baseClassName.current = node.className;\n node.className += \" \" + enterClassName;\n node.addEventListener('animationend', onEntered);\n }\n\n function onEntered() {\n var node = nodeRef.current;\n node.removeEventListener('animationend', onEntered);\n\n if (animationStep.current === 0\n /* Enter */\n ) {\n node.className = baseClassName.current;\n }\n }\n\n function onExit() {\n animationStep.current = 1\n /* Exit */\n ;\n var node = nodeRef.current;\n node.className += \" \" + exitClassName;\n node.addEventListener('animationend', onExited);\n }\n\n function onExited() {\n var node = nodeRef.current;\n node.removeEventListener('animationend', onExited);\n collapse ? collapseToast(node, done, collapseDuration) : done();\n }\n\n return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, children);\n };\n}\n\nvar eventManager = {\n list: /*#__PURE__*/new Map(),\n emitQueue: /*#__PURE__*/new Map(),\n on: function on(event, callback) {\n this.list.has(event) || this.list.set(event, []);\n this.list.get(event).push(callback);\n return this;\n },\n off: function off(event, callback) {\n if (callback) {\n var cb = this.list.get(event).filter(function (cb) {\n return cb !== callback;\n });\n this.list.set(event, cb);\n return this;\n }\n\n this.list[\"delete\"](event);\n return this;\n },\n cancelEmit: function cancelEmit(event) {\n var timers = this.emitQueue.get(event);\n\n if (timers) {\n timers.forEach(clearTimeout);\n this.emitQueue[\"delete\"](event);\n }\n\n return this;\n },\n\n /**\r\n * Enqueue the event at the end of the call stack\r\n * Doing so let the user call toast as follow:\r\n * toast('1')\r\n * toast('2')\r\n * toast('3')\r\n * Without setTimemout the code above will not work\r\n */\n emit: function emit(event) {\n var _this = this;\n\n for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n args[_key - 1] = arguments[_key];\n }\n\n this.list.has(event) && this.list.get(event).forEach(function (callback) {\n var timer = setTimeout(function () {\n // @ts-ignore\n callback.apply(void 0, args);\n }, 0);\n _this.emitQueue.has(event) || _this.emitQueue.set(event, []);\n\n _this.emitQueue.get(event).push(timer);\n });\n }\n};\n/**\r\n * `useKeeper` is a helper around `useRef`.\r\n *\r\n * You don't need to access the `.current`property to get the value\r\n * If refresh is set to true. The ref will be updated every render\r\n */\n\nfunction useKeeper(arg, refresh) {\n if (refresh === void 0) {\n refresh = false;\n }\n\n var ref = useRef(arg);\n useEffect(function () {\n if (refresh) ref.current = arg;\n });\n return ref.current;\n}\n\nfunction reducer(state, action) {\n switch (action.type) {\n case 0\n /* ADD */\n :\n return [].concat(state, [action.toastId]).filter(function (id) {\n return id !== action.staleId;\n });\n\n case 1\n /* REMOVE */\n :\n return isToastIdValid(action.toastId) ? state.filter(function (id) {\n return id !== action.toastId;\n }) : [];\n }\n}\n\nfunction useToastContainer(props) {\n var _useReducer = useReducer(function (x) {\n return x + 1;\n }, 0),\n forceUpdate = _useReducer[1];\n\n var _useReducer2 = useReducer(reducer, []),\n toast = _useReducer2[0],\n dispatch = _useReducer2[1];\n\n var containerRef = useRef(null);\n var toastCount = useKeeper(0);\n var queue = useKeeper([]);\n var collection = useKeeper({});\n var instance = useKeeper({\n toastKey: 1,\n displayedToast: 0,\n props: props,\n containerId: null,\n isToastActive: isToastActive,\n getToast: function getToast(id) {\n return collection[id] || null;\n }\n });\n useEffect(function () {\n instance.containerId = props.containerId;\n eventManager.cancelEmit(3\n /* WillUnmount */\n ).on(0\n /* Show */\n , buildToast).on(1\n /* Clear */\n , function (toastId) {\n return containerRef.current && removeToast(toastId);\n }).on(5\n /* ClearWaitingQueue */\n , clearWaitingQueue).emit(2\n /* DidMount */\n , instance);\n return function () {\n return eventManager.emit(3\n /* WillUnmount */\n , instance);\n };\n }, []);\n useEffect(function () {\n instance.isToastActive = isToastActive;\n instance.displayedToast = toast.length;\n eventManager.emit(4\n /* Change */\n , toast.length, props.containerId);\n }, [toast]);\n useEffect(function () {\n instance.props = props;\n });\n\n function isToastActive(id) {\n return toast.indexOf(id) !== -1;\n }\n\n function clearWaitingQueue(_ref) {\n var containerId = _ref.containerId;\n var _instance$props = instance.props,\n limit = _instance$props.limit,\n enableMultiContainer = _instance$props.enableMultiContainer;\n\n if (limit && (!containerId || instance.containerId === containerId && enableMultiContainer)) {\n toastCount -= queue.length;\n queue = [];\n }\n }\n\n function removeToast(toastId) {\n dispatch({\n type: 1\n /* REMOVE */\n ,\n toastId: toastId\n });\n }\n\n function dequeueToast() {\n var _queue$shift = queue.shift(),\n toastContent = _queue$shift.toastContent,\n toastProps = _queue$shift.toastProps,\n staleId = _queue$shift.staleId;\n\n appendToast(toastContent, toastProps, staleId);\n }\n /**\r\n * check if a container is attached to the dom\r\n * check for multi-container, build only if associated\r\n * check for duplicate toastId if no update\r\n */\n\n\n function isNotValid(_ref2) {\n var containerId = _ref2.containerId,\n toastId = _ref2.toastId,\n updateId = _ref2.updateId;\n return !containerRef.current || instance.props.enableMultiContainer && containerId !== instance.props.containerId || collection[toastId] && updateId == null ? true : false;\n } // this function and all the function called inside needs to rely on ref(`useKeeper`)\n\n\n function buildToast(content, _ref3) {\n var delay = _ref3.delay,\n staleId = _ref3.staleId,\n options = _objectWithoutPropertiesLoose(_ref3, [\"delay\", \"staleId\"]);\n\n if (!canBeRendered(content) || isNotValid(options)) return;\n var toastId = options.toastId,\n updateId = options.updateId;\n var props = instance.props;\n\n var closeToast = function closeToast() {\n return removeToast(toastId);\n };\n\n var isNotAnUpdate = options.updateId == null;\n if (isNotAnUpdate) toastCount++;\n var toastProps = {\n toastId: toastId,\n updateId: updateId,\n isIn: false,\n key: options.key || instance.toastKey++,\n type: options.type,\n closeToast: closeToast,\n closeButton: options.closeButton,\n rtl: props.rtl,\n position: options.position || props.position,\n transition: options.transition || props.transition,\n className: parseClassName(options.className || props.toastClassName),\n bodyClassName: parseClassName(options.bodyClassName || props.bodyClassName),\n style: options.style || props.toastStyle,\n bodyStyle: options.bodyStyle || props.bodyStyle,\n onClick: options.onClick || props.onClick,\n pauseOnHover: isBool(options.pauseOnHover) ? options.pauseOnHover : props.pauseOnHover,\n pauseOnFocusLoss: isBool(options.pauseOnFocusLoss) ? options.pauseOnFocusLoss : props.pauseOnFocusLoss,\n draggable: isBool(options.draggable) ? options.draggable : props.draggable,\n draggablePercent: isNum(options.draggablePercent) ? options.draggablePercent : props.draggablePercent,\n draggableDirection: options.draggableDirection || props.draggableDirection,\n closeOnClick: isBool(options.closeOnClick) ? options.closeOnClick : props.closeOnClick,\n progressClassName: parseClassName(options.progressClassName || props.progressClassName),\n progressStyle: options.progressStyle || props.progressStyle,\n autoClose: getAutoCloseDelay(options.autoClose, props.autoClose),\n hideProgressBar: isBool(options.hideProgressBar) ? options.hideProgressBar : props.hideProgressBar,\n progress: options.progress,\n role: isStr(options.role) ? options.role : props.role,\n deleteToast: function deleteToast() {\n removeFromCollection(toastId);\n }\n };\n if (isFn(options.onOpen)) toastProps.onOpen = options.onOpen;\n if (isFn(options.onClose)) toastProps.onClose = options.onClose; // tweak for vertical dragging\n\n if (toastProps.draggableDirection === \"y\"\n /* Y */\n && toastProps.draggablePercent === 80\n /* DRAGGABLE_PERCENT */\n ) {\n toastProps.draggablePercent *= 1.5;\n }\n\n var closeButton = props.closeButton;\n\n if (options.closeButton === false || canBeRendered(options.closeButton)) {\n closeButton = options.closeButton;\n } else if (options.closeButton === true) {\n closeButton = canBeRendered(props.closeButton) ? props.closeButton : true;\n }\n\n toastProps.closeButton = closeButton;\n var toastContent = content;\n\n if ( /*#__PURE__*/isValidElement(content) && !isStr(content.type)) {\n toastContent = /*#__PURE__*/cloneElement(content, {\n closeToast: closeToast,\n toastProps: toastProps\n });\n } else if (isFn(content)) {\n toastContent = content({\n closeToast: closeToast,\n toastProps: toastProps\n });\n } // not handling limit + delay by design. Waiting for user feedback first\n\n\n if (props.limit && props.limit > 0 && toastCount > props.limit && isNotAnUpdate) {\n queue.push({\n toastContent: toastContent,\n toastProps: toastProps,\n staleId: staleId\n });\n } else if (isNum(delay) && delay > 0) {\n setTimeout(function () {\n appendToast(toastContent, toastProps, staleId);\n }, delay);\n } else {\n appendToast(toastContent, toastProps, staleId);\n }\n }\n\n function appendToast(content, toastProps, staleId) {\n var toastId = toastProps.toastId;\n if (staleId) delete collection[staleId];\n collection[toastId] = {\n content: content,\n props: toastProps\n };\n dispatch({\n type: 0\n /* ADD */\n ,\n toastId: toastId,\n staleId: staleId\n });\n }\n\n function removeFromCollection(toastId) {\n delete collection[toastId];\n var queueLen = queue.length;\n toastCount = isToastIdValid(toastId) ? toastCount - 1 : toastCount - instance.displayedToast;\n if (toastCount < 0) toastCount = 0;\n\n if (queueLen > 0) {\n var freeSlot = isToastIdValid(toastId) ? 1 : instance.props.limit;\n\n if (queueLen === 1 || freeSlot === 1) {\n instance.displayedToast++;\n dequeueToast();\n } else {\n var toDequeue = freeSlot > queueLen ? queueLen : freeSlot;\n instance.displayedToast = toDequeue;\n\n for (var i = 0; i < toDequeue; i++) {\n dequeueToast();\n }\n }\n } else {\n forceUpdate();\n }\n }\n\n function getToastToRender(cb) {\n var toastToRender = {};\n var toastList = props.newestOnTop ? Object.keys(collection).reverse() : Object.keys(collection);\n\n for (var i = 0; i < toastList.length; i++) {\n var _toast = collection[toastList[i]];\n var position = _toast.props.position;\n toastToRender[position] || (toastToRender[position] = []);\n toastToRender[position].push(_toast);\n }\n\n return Object.keys(toastToRender).map(function (p) {\n return cb(p, toastToRender[p]);\n });\n }\n\n return {\n getToastToRender: getToastToRender,\n collection: collection,\n containerRef: containerRef,\n isToastActive: isToastActive\n };\n}\n\nfunction getX(e) {\n return e.targetTouches && e.targetTouches.length >= 1 ? e.targetTouches[0].clientX : e.clientX;\n}\n\nfunction getY(e) {\n return e.targetTouches && e.targetTouches.length >= 1 ? e.targetTouches[0].clientY : e.clientY;\n}\n\nfunction useToast(props) {\n var _useState = useState(true),\n isRunning = _useState[0],\n setIsRunning = _useState[1];\n\n var _useState2 = useState(false),\n preventExitTransition = _useState2[0],\n setPreventExitTransition = _useState2[1];\n\n var toastRef = useRef(null);\n var drag = useKeeper({\n start: 0,\n x: 0,\n y: 0,\n delta: 0,\n removalDistance: 0,\n canCloseOnClick: true,\n canDrag: false,\n boundingRect: null\n });\n var syncProps = useKeeper(props, true);\n var autoClose = props.autoClose,\n pauseOnHover = props.pauseOnHover,\n closeToast = props.closeToast,\n onClick = props.onClick,\n closeOnClick = props.closeOnClick;\n useEffect(function () {\n if (isFn(props.onOpen)) props.onOpen( /*#__PURE__*/isValidElement(props.children) && props.children.props);\n return function () {\n if (isFn(syncProps.onClose)) syncProps.onClose( /*#__PURE__*/isValidElement(syncProps.children) && syncProps.children.props);\n };\n }, []);\n useEffect(function () {\n props.draggable && bindDragEvents();\n return function () {\n props.draggable && unbindDragEvents();\n };\n }, [props.draggable]);\n useEffect(function () {\n props.pauseOnFocusLoss && bindFocusEvents();\n return function () {\n props.pauseOnFocusLoss && unbindFocusEvents();\n };\n }, [props.pauseOnFocusLoss]);\n\n function onDragStart(e) {\n if (props.draggable) {\n var toast = toastRef.current;\n drag.canCloseOnClick = true;\n drag.canDrag = true;\n drag.boundingRect = toast.getBoundingClientRect();\n toast.style.transition = '';\n drag.x = getX(e.nativeEvent);\n drag.y = getY(e.nativeEvent);\n\n if (props.draggableDirection === \"x\"\n /* X */\n ) {\n drag.start = drag.x;\n drag.removalDistance = toast.offsetWidth * (props.draggablePercent / 100);\n } else {\n drag.start = drag.y;\n drag.removalDistance = toast.offsetHeight * (props.draggablePercent / 100);\n }\n }\n }\n\n function onDragTransitionEnd() {\n if (drag.boundingRect) {\n var _drag$boundingRect = drag.boundingRect,\n top = _drag$boundingRect.top,\n bottom = _drag$boundingRect.bottom,\n left = _drag$boundingRect.left,\n right = _drag$boundingRect.right;\n\n if (props.pauseOnHover && drag.x >= left && drag.x <= right && drag.y >= top && drag.y <= bottom) {\n pauseToast();\n } else {\n playToast();\n }\n }\n }\n\n function playToast() {\n setIsRunning(true);\n }\n\n function pauseToast() {\n setIsRunning(false);\n }\n\n function bindFocusEvents() {\n if (!document.hasFocus()) pauseToast();\n window.addEventListener('focus', playToast);\n window.addEventListener('blur', pauseToast);\n }\n\n function unbindFocusEvents() {\n window.removeEventListener('focus', playToast);\n window.removeEventListener('blur', pauseToast);\n }\n\n function bindDragEvents() {\n document.addEventListener('mousemove', onDragMove);\n document.addEventListener('mouseup', onDragEnd);\n document.addEventListener('touchmove', onDragMove);\n document.addEventListener('touchend', onDragEnd);\n }\n\n function unbindDragEvents() {\n document.removeEventListener('mousemove', onDragMove);\n document.removeEventListener('mouseup', onDragEnd);\n document.removeEventListener('touchmove', onDragMove);\n document.removeEventListener('touchend', onDragEnd);\n }\n\n function onDragMove(e) {\n if (drag.canDrag) {\n e.preventDefault();\n var toast = toastRef.current;\n if (isRunning) pauseToast();\n drag.x = getX(e);\n drag.y = getY(e);\n\n if (props.draggableDirection === \"x\"\n /* X */\n ) {\n drag.delta = drag.x - drag.start;\n } else {\n drag.delta = drag.y - drag.start;\n } // prevent false positif during a toast click\n\n\n if (drag.start !== drag.x) drag.canCloseOnClick = false;\n toast.style.transform = \"translate\" + props.draggableDirection + \"(\" + drag.delta + \"px)\";\n toast.style.opacity = \"\" + (1 - Math.abs(drag.delta / drag.removalDistance));\n }\n }\n\n function onDragEnd() {\n var toast = toastRef.current;\n\n if (drag.canDrag) {\n drag.canDrag = false;\n\n if (Math.abs(drag.delta) > drag.removalDistance) {\n setPreventExitTransition(true);\n props.closeToast();\n return;\n }\n\n toast.style.transition = 'transform 0.2s, opacity 0.2s';\n toast.style.transform = \"translate\" + props.draggableDirection + \"(0)\";\n toast.style.opacity = '1';\n }\n }\n\n var eventHandlers = {\n onMouseDown: onDragStart,\n onTouchStart: onDragStart,\n onMouseUp: onDragTransitionEnd,\n onTouchEnd: onDragTransitionEnd\n };\n\n if (autoClose && pauseOnHover) {\n eventHandlers.onMouseEnter = pauseToast;\n eventHandlers.onMouseLeave = playToast;\n } // prevent toast from closing when user drags the toast\n\n\n if (closeOnClick) {\n eventHandlers.onClick = function (e) {\n onClick && onClick(e);\n drag.canCloseOnClick && closeToast();\n };\n }\n\n return {\n playToast: playToast,\n pauseToast: pauseToast,\n isRunning: isRunning,\n preventExitTransition: preventExitTransition,\n toastRef: toastRef,\n eventHandlers: eventHandlers\n };\n}\n\nfunction CloseButton(_ref) {\n var closeToast = _ref.closeToast,\n type = _ref.type,\n _ref$ariaLabel = _ref.ariaLabel,\n ariaLabel = _ref$ariaLabel === void 0 ? 'close' : _ref$ariaLabel;\n return /*#__PURE__*/createElement(\"button\", {\n className: \"Toastify\"\n /* CSS_NAMESPACE */\n + \"__close-button \" + \"Toastify\"\n /* CSS_NAMESPACE */\n + \"__close-button--\" + type,\n type: \"button\",\n onClick: function onClick(e) {\n e.stopPropagation();\n closeToast(e);\n },\n \"aria-label\": ariaLabel\n }, /*#__PURE__*/createElement(\"svg\", {\n \"aria-hidden\": \"true\",\n viewBox: \"0 0 14 16\"\n }, /*#__PURE__*/createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M7.71 8.23l3.75 3.75-1.48 1.48-3.75-3.75-3.75 3.75L1 11.98l3.75-3.75L1 4.48 2.48 3l3.75 3.75L9.98 3l1.48 1.48-3.75 3.75z\"\n })));\n}\n\nfunction ProgressBar(_ref) {\n var _cx, _animationEvent;\n\n var delay = _ref.delay,\n isRunning = _ref.isRunning,\n closeToast = _ref.closeToast,\n type = _ref.type,\n hide = _ref.hide,\n className = _ref.className,\n userStyle = _ref.style,\n controlledProgress = _ref.controlledProgress,\n progress = _ref.progress,\n rtl = _ref.rtl,\n isIn = _ref.isIn;\n\n var style = _extends({}, userStyle, {\n animationDuration: delay + \"ms\",\n animationPlayState: isRunning ? 'running' : 'paused',\n opacity: hide ? 0 : 1\n });\n\n if (controlledProgress) style.transform = \"scaleX(\" + progress + \")\";\n var defaultClassName = cx(\"Toastify\"\n /* CSS_NAMESPACE */\n + \"__progress-bar\", controlledProgress ? \"Toastify\"\n /* CSS_NAMESPACE */\n + \"__progress-bar--controlled\" : \"Toastify\"\n /* CSS_NAMESPACE */\n + \"__progress-bar--animated\", \"Toastify\"\n /* CSS_NAMESPACE */\n + \"__progress-bar--\" + type, (_cx = {}, _cx[\"Toastify\"\n /* CSS_NAMESPACE */\n + \"__progress-bar--rtl\"] = rtl, _cx));\n var classNames = isFn(className) ? className({\n rtl: rtl,\n type: type,\n defaultClassName: defaultClassName\n }) : cx(defaultClassName, className); // 🧐 controlledProgress is derived from progress\n // so if controlledProgress is set\n // it means that this is also the case for progress\n\n var animationEvent = (_animationEvent = {}, _animationEvent[controlledProgress && progress >= 1 ? 'onTransitionEnd' : 'onAnimationEnd'] = controlledProgress && progress < 1 ? null : function () {\n isIn && closeToast();\n }, _animationEvent); // TODO: add aria-valuenow, aria-valuemax, aria-valuemin\n\n return /*#__PURE__*/createElement(\"div\", Object.assign({\n role: \"progressbar\",\n className: classNames,\n style: style\n }, animationEvent));\n}\n\nProgressBar.defaultProps = {\n type: TYPE.DEFAULT,\n hide: false\n};\n\nvar Toast = function Toast(props) {\n var _cx;\n\n var _useToast = useToast(props),\n isRunning = _useToast.isRunning,\n preventExitTransition = _useToast.preventExitTransition,\n toastRef = _useToast.toastRef,\n eventHandlers = _useToast.eventHandlers;\n\n var closeButton = props.closeButton,\n children = props.children,\n autoClose = props.autoClose,\n onClick = props.onClick,\n type = props.type,\n hideProgressBar = props.hideProgressBar,\n closeToast = props.closeToast,\n Transition = props.transition,\n position = props.position,\n className = props.className,\n style = props.style,\n bodyClassName = props.bodyClassName,\n bodyStyle = props.bodyStyle,\n progressClassName = props.progressClassName,\n progressStyle = props.progressStyle,\n updateId = props.updateId,\n role = props.role,\n progress = props.progress,\n rtl = props.rtl,\n toastId = props.toastId,\n deleteToast = props.deleteToast,\n isIn = props.isIn;\n var defaultClassName = cx(\"Toastify\"\n /* CSS_NAMESPACE */\n + \"__toast\", \"Toastify\"\n /* CSS_NAMESPACE */\n + \"__toast--\" + type, (_cx = {}, _cx[\"Toastify\"\n /* CSS_NAMESPACE */\n + \"__toast--rtl\"] = rtl, _cx));\n var cssClasses = isFn(className) ? className({\n rtl: rtl,\n position: position,\n type: type,\n defaultClassName: defaultClassName\n }) : cx(defaultClassName, className);\n var isProgressControlled = !!progress;\n\n function renderCloseButton(closeButton) {\n if (!closeButton) return;\n var props = {\n closeToast: closeToast,\n type: type\n };\n if (isFn(closeButton)) return closeButton(props);\n if ( /*#__PURE__*/isValidElement(closeButton)) return /*#__PURE__*/cloneElement(closeButton, props);\n }\n\n return /*#__PURE__*/createElement(Transition, {\n isIn: isIn,\n done: deleteToast,\n position: position,\n preventExitTransition: preventExitTransition,\n nodeRef: toastRef\n }, /*#__PURE__*/createElement(\"div\", Object.assign({\n id: toastId,\n onClick: onClick,\n className: cssClasses\n }, eventHandlers, {\n style: style,\n ref: toastRef\n }), /*#__PURE__*/createElement(\"div\", Object.assign({}, isIn && {\n role: role\n }, {\n className: isFn(bodyClassName) ? bodyClassName({\n type: type\n }) : cx(\"Toastify\"\n /* CSS_NAMESPACE */\n + \"__toast-body\", bodyClassName),\n style: bodyStyle\n }), children), renderCloseButton(closeButton), (autoClose || isProgressControlled) && /*#__PURE__*/createElement(ProgressBar, Object.assign({}, updateId && !isProgressControlled ? {\n key: \"pb-\" + updateId\n } : {}, {\n rtl: rtl,\n delay: autoClose,\n isRunning: isRunning,\n isIn: isIn,\n closeToast: closeToast,\n hide: hideProgressBar,\n type: type,\n style: progressStyle,\n className: progressClassName,\n controlledProgress: isProgressControlled,\n progress: progress\n }))));\n};\n\nvar Bounce = /*#__PURE__*/cssTransition({\n enter: \"Toastify\"\n /* CSS_NAMESPACE */\n + \"--animate \" + \"Toastify\"\n /* CSS_NAMESPACE */\n + \"__bounce-enter\",\n exit: \"Toastify\"\n /* CSS_NAMESPACE */\n + \"--animate \" + \"Toastify\"\n /* CSS_NAMESPACE */\n + \"__bounce-exit\",\n appendPosition: true\n});\nvar Slide = /*#__PURE__*/cssTransition({\n enter: \"Toastify\"\n /* CSS_NAMESPACE */\n + \"--animate \" + \"Toastify\"\n /* CSS_NAMESPACE */\n + \"__slide-enter\",\n exit: \"Toastify\"\n /* CSS_NAMESPACE */\n + \"--animate \" + \"Toastify\"\n /* CSS_NAMESPACE */\n + \"__slide-exit\",\n appendPosition: true\n});\nvar Zoom = /*#__PURE__*/cssTransition({\n enter: \"Toastify\"\n /* CSS_NAMESPACE */\n + \"--animate \" + \"Toastify\"\n /* CSS_NAMESPACE */\n + \"__zoom-enter\",\n exit: \"Toastify\"\n /* CSS_NAMESPACE */\n + \"--animate \" + \"Toastify\"\n /* CSS_NAMESPACE */\n + \"__zoom-exit\"\n});\nvar Flip = /*#__PURE__*/cssTransition({\n enter: \"Toastify\"\n /* CSS_NAMESPACE */\n + \"--animate \" + \"Toastify\"\n /* CSS_NAMESPACE */\n + \"__flip-enter\",\n exit: \"Toastify\"\n /* CSS_NAMESPACE */\n + \"--animate \" + \"Toastify\"\n /* CSS_NAMESPACE */\n + \"__flip-exit\"\n});\n\nvar ToastContainer = function ToastContainer(props) {\n var _useToastContainer = useToastContainer(props),\n getToastToRender = _useToastContainer.getToastToRender,\n containerRef = _useToastContainer.containerRef,\n isToastActive = _useToastContainer.isToastActive;\n\n var className = props.className,\n style = props.style,\n rtl = props.rtl,\n containerId = props.containerId;\n\n function getClassName(position) {\n var _cx;\n\n var defaultClassName = cx(\"Toastify\"\n /* CSS_NAMESPACE */\n + \"__toast-container\", \"Toastify\"\n /* CSS_NAMESPACE */\n + \"__toast-container--\" + position, (_cx = {}, _cx[\"Toastify\"\n /* CSS_NAMESPACE */\n + \"__toast-container--rtl\"] = rtl, _cx));\n return isFn(className) ? className({\n position: position,\n rtl: rtl,\n defaultClassName: defaultClassName\n }) : cx(defaultClassName, parseClassName(className));\n }\n\n return /*#__PURE__*/createElement(\"div\", {\n ref: containerRef,\n className: \"Toastify\"\n /* CSS_NAMESPACE */\n ,\n id: containerId\n }, getToastToRender(function (position, toastList) {\n var containerStyle = toastList.length === 0 ? _extends({}, style, {\n pointerEvents: 'none'\n }) : _extends({}, style);\n return /*#__PURE__*/createElement(\"div\", {\n className: getClassName(position),\n style: containerStyle,\n key: \"container-\" + position\n }, toastList.map(function (_ref) {\n var content = _ref.content,\n toastProps = _ref.props;\n return /*#__PURE__*/createElement(Toast, Object.assign({}, toastProps, {\n isIn: isToastActive(toastProps.toastId),\n key: \"toast-\" + toastProps.key,\n closeButton: toastProps.closeButton === true ? CloseButton : toastProps.closeButton\n }), content);\n }));\n }));\n};\n\nToastContainer.defaultProps = {\n position: POSITION.TOP_RIGHT,\n transition: Bounce,\n rtl: false,\n autoClose: 5000,\n hideProgressBar: false,\n closeButton: CloseButton,\n pauseOnHover: true,\n pauseOnFocusLoss: true,\n closeOnClick: true,\n newestOnTop: false,\n draggable: true,\n draggablePercent: 80\n /* DRAGGABLE_PERCENT */\n ,\n draggableDirection: \"x\"\n /* X */\n ,\n role: 'alert'\n};\nvar containers = /*#__PURE__*/new Map();\nvar latestInstance;\nvar containerDomNode;\nvar containerConfig;\nvar queue = [];\nvar lazy = false;\n/**\r\n * Check whether any container is currently mounted in the DOM\r\n */\n\nfunction isAnyContainerMounted() {\n return containers.size > 0;\n}\n/**\r\n * Get the toast by id, given it's in the DOM, otherwise returns null\r\n */\n\n\nfunction getToast(toastId, _ref) {\n var containerId = _ref.containerId;\n var container = containers.get(containerId || latestInstance);\n if (!container) return null;\n return container.getToast(toastId);\n}\n/**\r\n * Generate a random toastId\r\n */\n\n\nfunction generateToastId() {\n return Math.random().toString(36).substr(2, 9);\n}\n/**\r\n * Generate a toastId or use the one provided\r\n */\n\n\nfunction getToastId(options) {\n if (options && (isStr(options.toastId) || isNum(options.toastId))) {\n return options.toastId;\n }\n\n return generateToastId();\n}\n/**\r\n * If the container is not mounted, the toast is enqueued and\r\n * the container lazy mounted\r\n */\n\n\nfunction dispatchToast(content, options) {\n if (isAnyContainerMounted()) {\n eventManager.emit(0\n /* Show */\n , content, options);\n } else {\n queue.push({\n content: content,\n options: options\n });\n\n if (lazy && canUseDom) {\n lazy = false;\n containerDomNode = document.createElement('div');\n document.body.appendChild(containerDomNode);\n render( /*#__PURE__*/createElement(ToastContainer, Object.assign({}, containerConfig)), containerDomNode);\n }\n }\n\n return options.toastId;\n}\n/**\r\n * Merge provided options with the defaults settings and generate the toastId\r\n */\n\n\nfunction mergeOptions(type, options) {\n return _extends({}, options, {\n type: options && options.type || type,\n toastId: getToastId(options)\n });\n}\n\nvar createToastByType = function createToastByType(type) {\n return function (content, options) {\n return dispatchToast(content, mergeOptions(type, options));\n };\n};\n\nvar toast = function toast(content, options) {\n return dispatchToast(content, mergeOptions(TYPE.DEFAULT, options));\n};\n\ntoast.success = /*#__PURE__*/createToastByType(TYPE.SUCCESS);\ntoast.info = /*#__PURE__*/createToastByType(TYPE.INFO);\ntoast.error = /*#__PURE__*/createToastByType(TYPE.ERROR);\ntoast.warning = /*#__PURE__*/createToastByType(TYPE.WARNING);\ntoast.dark = /*#__PURE__*/createToastByType(TYPE.DARK);\ntoast.warn = toast.warning;\n/**\r\n * Remove toast programmaticaly\r\n */\n\ntoast.dismiss = function (id) {\n return eventManager.emit(1\n /* Clear */\n , id);\n};\n/**\r\n * Clear waiting queue when limit is used\r\n */\n\n\ntoast.clearWaitingQueue = function (params) {\n if (params === void 0) {\n params = {};\n }\n\n return eventManager.emit(5\n /* ClearWaitingQueue */\n , params);\n};\n/**\r\n * return true if one container is displaying the toast\r\n */\n\n\ntoast.isActive = function (id) {\n var isToastActive = false;\n containers.forEach(function (container) {\n if (container.isToastActive && container.isToastActive(id)) {\n isToastActive = true;\n }\n });\n return isToastActive;\n};\n\ntoast.update = function (toastId, options) {\n if (options === void 0) {\n options = {};\n } // if you call toast and toast.update directly nothing will be displayed\n // this is why I defered the update\n\n\n setTimeout(function () {\n var toast = getToast(toastId, options);\n\n if (toast) {\n var oldOptions = toast.props,\n oldContent = toast.content;\n\n var nextOptions = _extends({}, oldOptions, options, {\n toastId: options.toastId || toastId,\n updateId: generateToastId()\n });\n\n if (nextOptions.toastId !== toastId) nextOptions.staleId = toastId;\n var content = nextOptions.render || oldContent;\n delete nextOptions.render;\n dispatchToast(content, nextOptions);\n }\n }, 0);\n};\n/**\r\n * Used for controlled progress bar.\r\n */\n\n\ntoast.done = function (id) {\n toast.update(id, {\n progress: 1\n });\n};\n/**\r\n * Track changes. The callback get the number of toast displayed\r\n *\r\n */\n\n\ntoast.onChange = function (callback) {\n if (isFn(callback)) {\n eventManager.on(4\n /* Change */\n , callback);\n }\n\n return function () {\n isFn(callback) && eventManager.off(4\n /* Change */\n , callback);\n };\n};\n/**\r\n * Configure the ToastContainer when lazy mounted\r\n */\n\n\ntoast.configure = function (config) {\n if (config === void 0) {\n config = {};\n }\n\n lazy = true;\n containerConfig = config;\n};\n\ntoast.POSITION = POSITION;\ntoast.TYPE = TYPE;\n/**\r\n * Wait until the ToastContainer is mounted to dispatch the toast\r\n * and attach isActive method\r\n */\n\neventManager.on(2\n/* DidMount */\n, function (containerInstance) {\n latestInstance = containerInstance.containerId || containerInstance;\n containers.set(latestInstance, containerInstance);\n queue.forEach(function (item) {\n eventManager.emit(0\n /* Show */\n , item.content, item.options);\n });\n queue = [];\n}).on(3\n/* WillUnmount */\n, function (containerInstance) {\n containers[\"delete\"](containerInstance.containerId || containerInstance);\n\n if (containers.size === 0) {\n eventManager.off(0\n /* Show */\n ).off(1\n /* Clear */\n ).off(5\n /* ClearWaitingQueue */\n );\n }\n\n if (canUseDom && containerDomNode) {\n document.body.removeChild(containerDomNode);\n }\n});\nexport { Bounce, Flip, Slide, ToastContainer, Zoom, collapseToast, cssTransition, toast, useToast, useToastContainer };","import React, { useEffect, useState } from \"react\";\nimport { Route, Switch, BrowserRouter, Redirect } from \"react-router-dom\";\nimport PropTypes from \"prop-types\";\nimport { ToastContainer } from \"react-toastify\";\nimport { LoadingOutlined } from \"@ant-design/icons\";\nimport { Spin } from \"antd\";\n\nconst antIcon = \n // Logout\n //
\n // \n
\n );\n }\n\n return (\n \n
\n \n
\n */\n // element.offsetParent does the right thing in ie7 and below. Return parent with layout!\n // In other browsers it only includes elements with position absolute, relative or\n // fixed, not elements with overflow set to auto or scroll.\n // if (UA.ie && ieMode < 8) {\n // return element.offsetParent;\n // }\n // 统一的 offsetParent 方法\n\n\n var doc = utils.getDocument(element);\n var body = doc.body;\n var parent;\n var positionStyle = utils.css(element, 'position');\n var skipStatic = positionStyle === 'fixed' || positionStyle === 'absolute';\n\n if (!skipStatic) {\n return element.nodeName.toLowerCase() === 'html' ? null : getParent(element);\n }\n\n for (parent = getParent(element); parent && parent !== body && parent.nodeType !== 9; parent = getParent(parent)) {\n positionStyle = utils.css(parent, 'position');\n\n if (positionStyle !== 'static') {\n return parent;\n }\n }\n\n return null;\n}\n\nvar getParent$1 = utils.getParent;\n\nfunction isAncestorFixed(element) {\n if (utils.isWindow(element) || element.nodeType === 9) {\n return false;\n }\n\n var doc = utils.getDocument(element);\n var body = doc.body;\n var parent = null;\n\n for (parent = getParent$1(element); // 修复元素位于 document.documentElement 下导致崩溃问题\n parent && parent !== body && parent !== doc; parent = getParent$1(parent)) {\n var positionStyle = utils.css(parent, 'position');\n\n if (positionStyle === 'fixed') {\n return true;\n }\n }\n\n return false;\n}\n/**\n * 获得元素的显示部分的区域\n */\n\n\nfunction getVisibleRectForElement(element, alwaysByViewport) {\n var visibleRect = {\n left: 0,\n right: Infinity,\n top: 0,\n bottom: Infinity\n };\n var el = getOffsetParent(element);\n var doc = utils.getDocument(element);\n var win = doc.defaultView || doc.parentWindow;\n var body = doc.body;\n var documentElement = doc.documentElement; // Determine the size of the visible rect by climbing the dom accounting for\n // all scrollable containers.\n\n while (el) {\n // clientWidth is zero for inline block elements in ie.\n if ((navigator.userAgent.indexOf('MSIE') === -1 || el.clientWidth !== 0) && // body may have overflow set on it, yet we still get the entire\n // viewport. In some browsers, el.offsetParent may be\n // document.documentElement, so check for that too.\n el !== body && el !== documentElement && utils.css(el, 'overflow') !== 'visible') {\n var pos = utils.offset(el); // add border\n\n pos.left += el.clientLeft;\n pos.top += el.clientTop;\n visibleRect.top = Math.max(visibleRect.top, pos.top);\n visibleRect.right = Math.min(visibleRect.right, // consider area without scrollBar\n pos.left + el.clientWidth);\n visibleRect.bottom = Math.min(visibleRect.bottom, pos.top + el.clientHeight);\n visibleRect.left = Math.max(visibleRect.left, pos.left);\n } else if (el === body || el === documentElement) {\n break;\n }\n\n el = getOffsetParent(el);\n } // Set element position to fixed\n // make sure absolute element itself don't affect it's visible area\n // https://github.com/ant-design/ant-design/issues/7601\n\n\n var originalPosition = null;\n\n if (!utils.isWindow(element) && element.nodeType !== 9) {\n originalPosition = element.style.position;\n var position = utils.css(element, 'position');\n\n if (position === 'absolute') {\n element.style.position = 'fixed';\n }\n }\n\n var scrollX = utils.getWindowScrollLeft(win);\n var scrollY = utils.getWindowScrollTop(win);\n var viewportWidth = utils.viewportWidth(win);\n var viewportHeight = utils.viewportHeight(win);\n var documentWidth = documentElement.scrollWidth;\n var documentHeight = documentElement.scrollHeight; // scrollXXX on html is sync with body which means overflow: hidden on body gets wrong scrollXXX.\n // We should cut this ourself.\n\n var bodyStyle = window.getComputedStyle(body);\n\n if (bodyStyle.overflowX === 'hidden') {\n documentWidth = win.innerWidth;\n }\n\n if (bodyStyle.overflowY === 'hidden') {\n documentHeight = win.innerHeight;\n } // Reset element position after calculate the visible area\n\n\n if (element.style) {\n element.style.position = originalPosition;\n }\n\n if (alwaysByViewport || isAncestorFixed(element)) {\n // Clip by viewport's size.\n visibleRect.left = Math.max(visibleRect.left, scrollX);\n visibleRect.top = Math.max(visibleRect.top, scrollY);\n visibleRect.right = Math.min(visibleRect.right, scrollX + viewportWidth);\n visibleRect.bottom = Math.min(visibleRect.bottom, scrollY + viewportHeight);\n } else {\n // Clip by document's size.\n var maxVisibleWidth = Math.max(documentWidth, scrollX + viewportWidth);\n visibleRect.right = Math.min(visibleRect.right, maxVisibleWidth);\n var maxVisibleHeight = Math.max(documentHeight, scrollY + viewportHeight);\n visibleRect.bottom = Math.min(visibleRect.bottom, maxVisibleHeight);\n }\n\n return visibleRect.top >= 0 && visibleRect.left >= 0 && visibleRect.bottom > visibleRect.top && visibleRect.right > visibleRect.left ? visibleRect : null;\n}\n\nfunction adjustForViewport(elFuturePos, elRegion, visibleRect, overflow) {\n var pos = utils.clone(elFuturePos);\n var size = {\n width: elRegion.width,\n height: elRegion.height\n };\n\n if (overflow.adjustX && pos.left < visibleRect.left) {\n pos.left = visibleRect.left;\n } // Left edge inside and right edge outside viewport, try to resize it.\n\n\n if (overflow.resizeWidth && pos.left >= visibleRect.left && pos.left + size.width > visibleRect.right) {\n size.width -= pos.left + size.width - visibleRect.right;\n } // Right edge outside viewport, try to move it.\n\n\n if (overflow.adjustX && pos.left + size.width > visibleRect.right) {\n // 保证左边界和可视区域左边界对齐\n pos.left = Math.max(visibleRect.right - size.width, visibleRect.left);\n } // Top edge outside viewport, try to move it.\n\n\n if (overflow.adjustY && pos.top < visibleRect.top) {\n pos.top = visibleRect.top;\n } // Top edge inside and bottom edge outside viewport, try to resize it.\n\n\n if (overflow.resizeHeight && pos.top >= visibleRect.top && pos.top + size.height > visibleRect.bottom) {\n size.height -= pos.top + size.height - visibleRect.bottom;\n } // Bottom edge outside viewport, try to move it.\n\n\n if (overflow.adjustY && pos.top + size.height > visibleRect.bottom) {\n // 保证上边界和可视区域上边界对齐\n pos.top = Math.max(visibleRect.bottom - size.height, visibleRect.top);\n }\n\n return utils.mix(pos, size);\n}\n\nfunction getRegion(node) {\n var offset;\n var w;\n var h;\n\n if (!utils.isWindow(node) && node.nodeType !== 9) {\n offset = utils.offset(node);\n w = utils.outerWidth(node);\n h = utils.outerHeight(node);\n } else {\n var win = utils.getWindow(node);\n offset = {\n left: utils.getWindowScrollLeft(win),\n top: utils.getWindowScrollTop(win)\n };\n w = utils.viewportWidth(win);\n h = utils.viewportHeight(win);\n }\n\n offset.width = w;\n offset.height = h;\n return offset;\n}\n/**\n * 获取 node 上的 align 对齐点 相对于页面的坐标\n */\n\n\nfunction getAlignOffset(region, align) {\n var V = align.charAt(0);\n var H = align.charAt(1);\n var w = region.width;\n var h = region.height;\n var x = region.left;\n var y = region.top;\n\n if (V === 'c') {\n y += h / 2;\n } else if (V === 'b') {\n y += h;\n }\n\n if (H === 'c') {\n x += w / 2;\n } else if (H === 'r') {\n x += w;\n }\n\n return {\n left: x,\n top: y\n };\n}\n\nfunction getElFuturePos(elRegion, refNodeRegion, points, offset, targetOffset) {\n var p1 = getAlignOffset(refNodeRegion, points[1]);\n var p2 = getAlignOffset(elRegion, points[0]);\n var diff = [p2.left - p1.left, p2.top - p1.top];\n return {\n left: Math.round(elRegion.left - diff[0] + offset[0] - targetOffset[0]),\n top: Math.round(elRegion.top - diff[1] + offset[1] - targetOffset[1])\n };\n}\n/**\n * align dom node flexibly\n * @author yiminghe@gmail.com\n */\n// http://yiminghe.iteye.com/blog/1124720\n\n\nfunction isFailX(elFuturePos, elRegion, visibleRect) {\n return elFuturePos.left < visibleRect.left || elFuturePos.left + elRegion.width > visibleRect.right;\n}\n\nfunction isFailY(elFuturePos, elRegion, visibleRect) {\n return elFuturePos.top < visibleRect.top || elFuturePos.top + elRegion.height > visibleRect.bottom;\n}\n\nfunction isCompleteFailX(elFuturePos, elRegion, visibleRect) {\n return elFuturePos.left > visibleRect.right || elFuturePos.left + elRegion.width < visibleRect.left;\n}\n\nfunction isCompleteFailY(elFuturePos, elRegion, visibleRect) {\n return elFuturePos.top > visibleRect.bottom || elFuturePos.top + elRegion.height < visibleRect.top;\n}\n\nfunction flip(points, reg, map) {\n var ret = [];\n utils.each(points, function (p) {\n ret.push(p.replace(reg, function (m) {\n return map[m];\n }));\n });\n return ret;\n}\n\nfunction flipOffset(offset, index) {\n offset[index] = -offset[index];\n return offset;\n}\n\nfunction convertOffset(str, offsetLen) {\n var n;\n\n if (/%$/.test(str)) {\n n = parseInt(str.substring(0, str.length - 1), 10) / 100 * offsetLen;\n } else {\n n = parseInt(str, 10);\n }\n\n return n || 0;\n}\n\nfunction normalizeOffset(offset, el) {\n offset[0] = convertOffset(offset[0], el.width);\n offset[1] = convertOffset(offset[1], el.height);\n}\n/**\n * @param el\n * @param tgtRegion 参照节点所占的区域: { left, top, width, height }\n * @param align\n */\n\n\nfunction doAlign(el, tgtRegion, align, isTgtRegionVisible) {\n var points = align.points;\n var offset = align.offset || [0, 0];\n var targetOffset = align.targetOffset || [0, 0];\n var overflow = align.overflow;\n var source = align.source || el;\n offset = [].concat(offset);\n targetOffset = [].concat(targetOffset);\n overflow = overflow || {};\n var newOverflowCfg = {};\n var fail = 0;\n var alwaysByViewport = !!(overflow && overflow.alwaysByViewport); // 当前节点可以被放置的显示区域\n\n var visibleRect = getVisibleRectForElement(source, alwaysByViewport); // 当前节点所占的区域, left/top/width/height\n\n var elRegion = getRegion(source); // 将 offset 转换成数值，支持百分比\n\n normalizeOffset(offset, elRegion);\n normalizeOffset(targetOffset, tgtRegion); // 当前节点将要被放置的位置\n\n var elFuturePos = getElFuturePos(elRegion, tgtRegion, points, offset, targetOffset); // 当前节点将要所处的区域\n\n var newElRegion = utils.merge(elRegion, elFuturePos); // 如果可视区域不能完全放置当前节点时允许调整\n\n if (visibleRect && (overflow.adjustX || overflow.adjustY) && isTgtRegionVisible) {\n if (overflow.adjustX) {\n // 如果横向不能放下\n if (isFailX(elFuturePos, elRegion, visibleRect)) {\n // 对齐位置反下\n var newPoints = flip(points, /[lr]/gi, {\n l: 'r',\n r: 'l'\n }); // 偏移量也反下\n\n var newOffset = flipOffset(offset, 0);\n var newTargetOffset = flipOffset(targetOffset, 0);\n var newElFuturePos = getElFuturePos(elRegion, tgtRegion, newPoints, newOffset, newTargetOffset);\n\n if (!isCompleteFailX(newElFuturePos, elRegion, visibleRect)) {\n fail = 1;\n points = newPoints;\n offset = newOffset;\n targetOffset = newTargetOffset;\n }\n }\n }\n\n if (overflow.adjustY) {\n // 如果纵向不能放下\n if (isFailY(elFuturePos, elRegion, visibleRect)) {\n // 对齐位置反下\n var _newPoints = flip(points, /[tb]/gi, {\n t: 'b',\n b: 't'\n }); // 偏移量也反下\n\n\n var _newOffset = flipOffset(offset, 1);\n\n var _newTargetOffset = flipOffset(targetOffset, 1);\n\n var _newElFuturePos = getElFuturePos(elRegion, tgtRegion, _newPoints, _newOffset, _newTargetOffset);\n\n if (!isCompleteFailY(_newElFuturePos, elRegion, visibleRect)) {\n fail = 1;\n points = _newPoints;\n offset = _newOffset;\n targetOffset = _newTargetOffset;\n }\n }\n } // 如果失败，重新计算当前节点将要被放置的位置\n\n\n if (fail) {\n elFuturePos = getElFuturePos(elRegion, tgtRegion, points, offset, targetOffset);\n utils.mix(newElRegion, elFuturePos);\n }\n\n var isStillFailX = isFailX(elFuturePos, elRegion, visibleRect);\n var isStillFailY = isFailY(elFuturePos, elRegion, visibleRect); // 检查反下后的位置是否可以放下了，如果仍然放不下：\n // 1. 复原修改过的定位参数\n\n if (isStillFailX || isStillFailY) {\n var _newPoints2 = points; // 重置对应部分的翻转逻辑\n\n if (isStillFailX) {\n _newPoints2 = flip(points, /[lr]/gi, {\n l: 'r',\n r: 'l'\n });\n }\n\n if (isStillFailY) {\n _newPoints2 = flip(points, /[tb]/gi, {\n t: 'b',\n b: 't'\n });\n }\n\n points = _newPoints2;\n offset = align.offset || [0, 0];\n targetOffset = align.targetOffset || [0, 0];\n } // 2. 只有指定了可以调整当前方向才调整\n\n\n newOverflowCfg.adjustX = overflow.adjustX && isStillFailX;\n newOverflowCfg.adjustY = overflow.adjustY && isStillFailY; // 确实要调整，甚至可能会调整高度宽度\n\n if (newOverflowCfg.adjustX || newOverflowCfg.adjustY) {\n newElRegion = adjustForViewport(elFuturePos, elRegion, visibleRect, newOverflowCfg);\n }\n } // need judge to in case set fixed with in css on height auto element\n\n\n if (newElRegion.width !== elRegion.width) {\n utils.css(source, 'width', utils.width(source) + newElRegion.width - elRegion.width);\n }\n\n if (newElRegion.height !== elRegion.height) {\n utils.css(source, 'height', utils.height(source) + newElRegion.height - elRegion.height);\n } // https://github.com/kissyteam/kissy/issues/190\n // 相对于屏幕位置没变，而 left/top 变了\n // 例如 \n 元素 6 高 100px 宽 50px
\n
\n \n
\n e.target.parentElement.click()}\n >\n {subLink.title}\n \n
\n ))}\n \n );\n}\n","/* eslint-disable no-console */\n// @ts-nocheck\nimport React, { useEffect, useState } from \"react\";\nimport { withRouter } from \"react-router\";\nimport axios from \"axios\";\nimport { isMobile } from \"react-device-detect\";\nimport { message, Spin } from \"antd\";\n\nimport { PLAN_SECTION_LIST } from \"./MembershipPlanCard/constant\";\nimport { prepareMembershipPlanData } from \"./MembershipPlanCard/constant\";\nimport MembershipPlanCard from \"./MembershipPlanCard/index\";\nimport TurtlePriceTableStoryWeb from \"images/LandingPageAssets/turtle_price_table_web.png\";\nimport TurtlePriceTableStoryMobile from \"images/LandingPageAssets/turtle_price_table.png\";\n\nimport { useUserState } from \"contexts/user\";\nimport { useAuthState } from \"contexts/auth\";\n\nimport subscriptionApi from \"apis/subscriptions\";\n\nimport { LoadingOutlined } from \"@ant-design/icons\";\n\nconst antIcon = \n
\n );\n }\n\n return (\n \n
\n \n
\n \n {/* ================= */}\n \n \n Monthly\n \n
\n {/* =================== */}\n \n £9.99{\" \"}\n \n (£119.88 yearly)\n \n
\n\n {PLANS_INFO.MONTHLY.map((point, index) => (\n
\n \n \n \n \n
\n ))}\n \n {point}\n
\n\n
\n \n \n
\n \n 
\n
\n \n 
\n
\n 4.8/5
\n\n \n
\n Reviews 307
\nExcellent
\n\n £59{\" \"}\n \n {\" \"}\n (£4.91 per month)\n \n
\n\n {PLANS_INFO.YEARLY.map((point, index) => (\n
\n \n \n \n \n );\n}\n\nexport default Pricing;\n","import React, { useState } from \"react\";\nimport { Link } from \"react-router-dom\";\nimport PropTypes from \"prop-types\";\nimport { Button, Input } from \"antd\";\n\nimport authenticationApi from \"apis/authentication\";\nimport { useAuthDispatch } from \"contexts/auth\";\nimport { useUserDispatch } from \"contexts/user\";\n\nconst Signup = ({ history }) => {\n const [email, setEmail] = useState(\"\");\n const [firstName, setFirstName] = useState(\"\");\n const [lastName, setLastName] = useState(\"\");\n const [password, setPassword] = useState(\"\");\n const [passwordConfirmation, setPasswordConfirmation] = useState(\"\");\n const [loading, setLoading] = useState(false);\n\n const authDispatch = useAuthDispatch();\n const userDispatch = useUserDispatch();\n\n const handleSubmit = async event => {\n event.preventDefault();\n try {\n setLoading(true);\n const {\n data: { user, authToken },\n } = await authenticationApi.signup({\n user: {\n email,\n first_name: firstName,\n last_name: lastName,\n password: password,\n password_confirmation: passwordConfirmation,\n },\n });\n authDispatch({\n type: \"LOGIN\",\n payload: { authToken, email, is_admin: false },\n });\n userDispatch({ type: \"SET_USER\", payload: { user } });\n history.push(\"/\");\n } catch (error) {\n alert(error.response.data.error);\n } finally {\n setLoading(false);\n }\n };\n\n return (\n \n \n \n \n
\n ))}\n \n {point}\n
\n\n
\n );\n};\n\nSignup.propTypes = {\n history: PropTypes.object,\n};\n\nexport default Signup;\n","import React from \"react\";\nimport { Button } from \"antd\";\n\nexport default function EmptyState({\n image,\n title,\n subtitle,\n primaryAction,\n primaryActionLabel,\n}) {\n return (\n \n
\n \n \n
\n \n Signup\n
\n\n setEmail(e.target.value)}\n name=\"email\"\n id=\"user_email\"\n />\n
\n\n \n setFirstName(e.target.value)}\n />\n
\n\n \n setLastName(e.target.value)}\n />\n
\n\n \n setPassword(e.target.value)}\n />\n
\n\n \n setPasswordConfirmation(e.target.value)}\n />\n
\n\n \n \n \n \n Sign in instead\n \n
\n \n
\n );\n}\n","import React, { useState } from \"react\";\nimport { withRouter } from \"react-router-dom\";\nimport SubscriptionModal from \"components/Payment/SubscriptionModal\";\nimport checkoutApi from \"apis/checkout\";\nimport { getStripe } from \"utils/initStripe\";\nimport MembershipPlanDashboard from \"./MembershipPlanDashboard\";\n\nconst Hero = () => {\n const [showSubModal, setShowSubModal] = useState(false);\n const [selectedPlanTitle, setPlanTitle] = useState(\"\");\n const [pricedId, setPriceId] = useState(\"\");\n\n const proceedToCheckout = async ({\n email,\n priceId,\n password,\n passwordConfirmation,\n }) => {\n try {\n const { data } = await checkoutApi.retrieve({\n email: email.toLowerCase(),\n });\n if (!data.allow_checkout) return;\n const stripe = await getStripe();\n const checkoutData = await checkoutApi.create({\n email: email.toLowerCase(),\n priceId,\n password,\n passwordConfirmation,\n });\n const { error: stripeError } = stripe.redirectToCheckout({\n sessionId: checkoutData?.data?.sessionId,\n });\n if (stripeError) alert(stripeError.message);\n } catch (error) {\n console.log(\"Proceed to checkout err:\", error);\n }\n };\n\n return (\n <>\n \n
\n \n 
\n
\n {title}
\n\n {subtitle}\n
\n\n {primaryAction && (\n \n {primaryActionLabel}\n \n )}\n
\n \n
\n {/* {showSubModal && (\n \n {/* setShowSubModal(true)}\n setPlanTitle={setPlanTitle}\n /> */}\n
\n {JSON.stringify(props, null, 2)}
;\n};\n","import { useLocation } from \"react-router-dom\";\n\n// A custom hook that builds on useLocation to parse\n// the query string for you.\nexport const useQuery = () => {\n return new URLSearchParams(useLocation().search);\n};\n","// Assume className is simple and can be found at top-level (window).\n// Fallback to eval to handle cases like 'My.React.ComponentName'.\n// Also, try to gracefully import Babel 6 style default exports\nvar topLevel = typeof window === \"undefined\" ? this : window;\n\nmodule.exports = function (className) {\n var constructor; // Try to access the class globally first\n\n constructor = topLevel[className]; // If that didn't work, try eval\n\n if (!constructor) {\n constructor = eval(className);\n } // Lastly, if there is a default attribute try that\n\n\n if (constructor && constructor['default']) {\n constructor = constructor['default'];\n }\n\n return constructor;\n};","function _typeof(obj) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }, _typeof(obj); }\n\n/* eslint-disable @typescript-eslint/no-redundant-type-constituents */\nimport { convertHexToDecimal, hslToRgb, hsvToRgb, parseIntFromHex, rgbToRgb } from './conversion';\nimport { names } from './css-color-names';\nimport { boundAlpha, convertToPercentage } from './util';\n/**\n * Given a string or object, convert that input to RGB\n *\n * Possible string inputs:\n * ```\n * \"red\"\n * \"#f00\" or \"f00\"\n * \"#ff0000\" or \"ff0000\"\n * \"#ff000000\" or \"ff000000\"\n * \"rgb 255 0 0\" or \"rgb (255, 0, 0)\"\n * \"rgb 1.0 0 0\" or \"rgb (1, 0, 0)\"\n * \"rgba (255, 0, 0, 1)\" or \"rgba 255, 0, 0, 1\"\n * \"rgba (1.0, 0, 0, 1)\" or \"rgba 1.0, 0, 0, 1\"\n * \"hsl(0, 100%, 50%)\" or \"hsl 0 100% 50%\"\n * \"hsla(0, 100%, 50%, 1)\" or \"hsla 0 100% 50%, 1\"\n * \"hsv(0, 100%, 100%)\" or \"hsv 0 100% 100%\"\n * ```\n */\n\nexport function inputToRGB(color) {\n var rgb = {\n r: 0,\n g: 0,\n b: 0\n };\n var a = 1;\n var s = null;\n var v = null;\n var l = null;\n var ok = false;\n var format = false;\n\n if (typeof color === 'string') {\n color = stringInputToObject(color);\n }\n\n if (_typeof(color) === 'object') {\n if (isValidCSSUnit(color.r) && isValidCSSUnit(color.g) && isValidCSSUnit(color.b)) {\n rgb = rgbToRgb(color.r, color.g, color.b);\n ok = true;\n format = String(color.r).substr(-1) === '%' ? 'prgb' : 'rgb';\n } else if (isValidCSSUnit(color.h) && isValidCSSUnit(color.s) && isValidCSSUnit(color.v)) {\n s = convertToPercentage(color.s);\n v = convertToPercentage(color.v);\n rgb = hsvToRgb(color.h, s, v);\n ok = true;\n format = 'hsv';\n } else if (isValidCSSUnit(color.h) && isValidCSSUnit(color.s) && isValidCSSUnit(color.l)) {\n s = convertToPercentage(color.s);\n l = convertToPercentage(color.l);\n rgb = hslToRgb(color.h, s, l);\n ok = true;\n format = 'hsl';\n }\n\n if (Object.prototype.hasOwnProperty.call(color, 'a')) {\n a = color.a;\n }\n }\n\n a = boundAlpha(a);\n return {\n ok: ok,\n format: color.format || format,\n r: Math.min(255, Math.max(rgb.r, 0)),\n g: Math.min(255, Math.max(rgb.g, 0)),\n b: Math.min(255, Math.max(rgb.b, 0)),\n a: a\n };\n} //