{"version":3,"sources":["utils/Interfaces.tsx","../../common/src/components/EnhancedButton.tsx","analytics/Analytics.tsx","components/ApiErrorHandler.tsx","../../common/src/utils/Snackbar.tsx","../../common/src/utils/Interfaces.tsx","../../common/src/analytics/Analytics.tsx","../../common/src/interfaces/ContentGeneration.tsx","../../common/src/hooks/UseIsMobile.tsx","../../common/src/api/Analytics.tsx","../../common/src/api/LanguageModel.tsx","../../common/src/hooks/useGenerationAPI.tsx","../../common/src/utils/ApiClient.tsx","../../common/src/integrations/HelpScout/BeaconProvider.tsx","../../common/src/integrations/HelpScout/useBeacon.tsx","components/UnauthorizedError.tsx","../../common/src/hooks/hocify.tsx","../../common/src/interfaces/Tutorial.tsx","utils/Constants.tsx","utils/Functions.tsx","../../common/src/utils/Theme.tsx","../../common/src/utils/Products.tsx","../../common/src/components/mobileWarningBanner/useMobileWarningBanner.tsx","../../common/src/components/mobileWarningBanner/MobileWarningBanner.tsx","../../common/src/components/advertising/form/AdTextFormHeader.tsx","../../common/src/components/GeneralModal.tsx","../../common/src/integrations/HelpScout/components/BeaconArticleLink.tsx","../../common/src/integrations/HelpScout/Constants.ts","api/Analytics.tsx","../../common/src/components/Loaders.tsx","../../common/src/hooks/useLocalStorage.tsx","../../common/src/hooks/useConfirmationDialog.tsx","utils/context/ProductStateContext.tsx","components/UnexpectedError.tsx","components/GeneralError.tsx","../public/logos/TakoSidebarLogoColored.svg","components/ImportProductsButton.tsx","components/SlimDrawer.tsx","../../common/src/components/MarketingCopyCard.tsx","../../common/src/components/MarketingCardList.tsx","../../common/src/assets/marketing/facebook.svg","../../common/src/assets/marketing/linkedin.svg","../../common/src/assets/marketing/google.svg","../../common/src/assets/marketing/instagram.svg","../../common/src/assets/marketing/headlines.svg","../../common/src/assets/marketing/question.svg","../../common/src/assets/marketing/rewriter.svg","../../common/src/assets/marketing/category_page.svg","../../common/src/assets/marketing/landing_page.svg","../../common/src/assets/marketing/eli5.svg","../../common/src/assets/marketing/email.svg","../../common/src/assets/marketing/video_script.svg","../../common/src/assets/marketing/meta_desc.svg","../../common/src/assets/marketing/marketing_angles.svg","../../common/src/assets/marketing/press_release.svg","../../common/src/assets/marketing/summarise.svg","../../common/src/assets/marketing/youtube.svg","../../common/src/assets/marketing/bio_writer.svg","../../common/src/pages/MarketingDashboard.tsx","../../common/src/utils/Constants.tsx","components/ChatSupport.tsx","utils/Theme.tsx","../../common/src/utils/ProtectedRoute.tsx","../../common/src/hooks/useBroadcast.tsx","../../common/src/components/ReloadPageOnNewLogin.tsx","../../common/src/pages/public/ArticlePreviewRedirect.tsx","../../common/src/components/molecules/SimpleDialog.tsx","../../common/src/components/InsufficientCreditsModal.tsx","components/TakoInsufficientCreditsModal.tsx","App.tsx","serviceWorker.ts","index.tsx","../../common/src/utils/Functions.tsx","../../common/src/interfaces/Blog.tsx","../../common/src/interfaces/AdvertisingText.tsx","../../common/src/components/atoms/Stack.tsx"],"names":["PlanTierLogicForBulkPurchaseDuringTrialMode","PlanType","Currency","PlanTierSegment","PaymentHistoryStatus","TransactionReason","JobStatus","ProductTabType","WriterLength","ApiError","FeedbackType","ReportType","KeywordStrength","useStyles","makeStyles","theme","createStyles","outlinedSuccess","borderColor","palette","success","main","color","outlinedError","error","outlinedWarning","warning","outlinedInfo","info","containedSuccess","backgroundColor","contrastText","dark","containedError","containedWarning","containedInfo","Button","props","children","endIcon","loading","restProps","className","variant","capitalize","colorProp","indexOf","undefined","size","displayName","ApiErrorHandler","useState","setError","useEffect","apiClient","interceptors","response","use","res","status","unauthorized","Promise","reject","ApiErrorCatcher","func","openChat","useSnackbarRef","InnerSnackbarUtilsConfigurator","setUseSnackbarRef","useSnackbar","useSnackbarRefProp","SnackbarConfigurator","defaultVariantOptions","autoHideDuration","action","key","onClick","closeSnackbar","style","fontWeight","SnackbarContentEllipsisDiv","styled","div","snackbar","show","msg","options","variantOptions","mergedOptions","enqueueSnackbar","close","ServerErrorType","DescribeErrorType","TimePeriod","ActionPointSeverity","PlanCreditProvisionType","PlatformType","SocialShareMedia","useAnalyticsRef","AnalyticsContext","React","createContext","AnalyticsProvider","initialUsername","username","disableTracking","logRocketAppId","logRocketExcludedUsernamePatterns","googleAnalyticsTrackingCode","setUsername","isIdentifiedAnalyticsInitialized","setIsIdentifiedAnalyticsInitialized","isLogRocketInit","setIsLogRocketInit","identify","useCallback","a","LogRocket","name","ReactGA","set","userId","Sentry","email","id","ip_address","level","isUsernameExcludedFromLogRocketTracking","map","pattern","test","some","v","initializeAnalyticsAnonymous","initialize","initializeAnalyticsWithUsername","init","setupLogRocketReact","checkIfLogRocketInitAndThrowSentryError","then","trackEvent","category","event","params","track","isError","trackPageView","path","handleTrackPageVisit","pageview","Provider","value","useAnalytics","context","useContext","Error","InnerAnalyticsConfigurator","setUseAnalyticsRef","useAnalyticsRefProp","AnalyticsConfigurator","notConfiguredError","Analytics","ContentGenerationType","FeedbackContentGenerationType","ContentGenerationCategory","GenerationStatusFilterKey","getMobileBreakpoint","breakpoints","down","useIsMobile","useTheme","useMediaQuery","handleTrackAdvertisingTextAdvancedOptionsClick","isOpen","post","is_open","trackCustomerSupportMessageReceived","message","messageReceived","body","JSON","stringify","handleTrackDescriptionSelect","description","product_id","data","handleTrackInsightsActionPointClick","action_point","pathname","_resp","catch","console","log","handleTrackExportBlogPosts","blogId","blog_id","export_type","handleTrackWriteMoreAction","blogWriteMoreAction","blog_write_more_action","handleTrackSocialPostLinkSubmitted","shareUrl","share_url","apiGenerateContent","requestConfig","config","apiRewriteText","apiWriteMore","GenerationAPIContext","GenerationAPIProvider","onRateLimitExceeded","showInsufficientCreditsModal","setShowInsufficientCreditsModal","handleKnownGenerationErrors","axios","isAxiosError","detail","outOfCredits","apiGenerateRewrittenText","text","original_content","apiGenerateAdvertisingText","productId","adTextType","generationType","generationTypeMap","generation_type","apiGenerateBlog","blogStepper","subSteps","BlogStepper","TITLE","blog_title","OUTLINE","blog_outline","INTRO","blog_introduction","FULL_ARTICLE","blog_paragraph","PARAGRAPH","CONCLUSION","blog_conclusion","payload","apiGenerateProductDescription","product_descriptions","apiCancelGenerateContent","encodeURIComponent","apiGenerateContextualBlog","blog_write_more","rewriteText","apiCancelDescribeProduct","useGenerationAPI","_props","withGenerationAPI","Component","componentProps","generationAPIHookResult","create","baseURL","SERVER","withCredentials","originalResponse","handleDates","BeaconContext","InnerBeaconProvider","disableBeaconLinks","useChat","state","loadChat","open","isBeaconLoaded","setIsBeaconLoaded","beacon","window","Beacon","BeaconProvider","beaconId","provider","providerKey","useBeacon","beaconContext","makePropInjectorHOCFromHook","UnauthorizedError","authUrl","setAuthUrl","setTimeout","url","SHOPIFY_API_KEY","SHOPIFY_ACCESS_SCOPES","join","APP_LAUNCHED_REDIRECT_URL","location","href","display","flexDirection","justifyContent","alignItems","minHeight","src","textAlign","padding","hook","WrapperComponent","hookResult","TourType","PRODUCT_TAGS_MAX_CHARS","STAGE","process","IS_PRODUCTION","IS_DEPLOYED","REACT_APP_SERVER","SHOPIFY_ADD_PRODUCT_URL","SUPPORT_EMAIL","SUPPORT_SUBJECT","SUPPORT_BODY","LOGO_SHORT_SRC","GENERATE_WITHOUT_TAGS_DIALOG_ID","DEFAULT_DELAY_TIMING","HELPSCOUT_BEACON_ID","DISABLE_BEACON_LINKS","PAPERCUPS_PRIMARY_COLOR","getComputedStyle","document","documentElement","getPropertyValue","PAPERCUPS_ACCOUNT_ID","PAPERCUPS_CHAT_TITLE","PAPERCUPS_CHAT_SUBTITLE","PAPERCUPS_CHAT_PLACEHOLDER","PAPERCUPS_CHAT_GREETING","PAPERCUPS_CHAT_COLOR","PAPERCUPS_BASE_URL","SENTRY_DSN","SENTRY_TRACE_SAMPLE_RATE","GOOGLE_ANALYTICS_TRACK_CODE","LOGROCKET_APP_ID","CIO_APP_ID","CALENDLY_URL","SHOPIFY_HELPHERO_TUTORIAL_TOUR","type","helphero","MIN_NUM_STRONG_KEYWORDS","KEYWORD_BAR_COLOR","weak","average","strong","TAKO_ENABLE_ARTICLE_PUBLIC_SHARING","TAKO_ENABLE_NEW_REFERRALS","titleCase","splitStr","toLowerCase","split","i","length","charAt","toUpperCase","substring","replacePeriodWithUnderscore","replace","downloadFile","filename","link","createElement","setAttribute","appendChild","click","removeChild","paginate","list","currentPage","pageSize","slice","isValidDate","date","Date","isNaN","getTime","getIsTutorialComplete","user","completedToursIds","includes","getNameFromShopifyUserName","shopifySubdomainIndex","search","createMuiTheme","primary","shape","borderRadius","overrides","MuiButton","root","textTransform","fontFamily","MuiInputBase","input","shadows","canShowRetryingMessage","currentDate","expiredAt","loadingAt","minTimeAfterGenerate","canShowCancelButton","useMobileWarningBanner","isMobile","useLocalStorage","dismissed","setDismissed","hidden","onClose","divider","icon","grey","paddingTop","spacing","MobileWarningBanner","classes","Alert","severity","IconButton","AlertTitle","adHeaders","AdTextType","google","instagram","facebook","headline","linkedin","rewriter","category_page","landing_page","eli5","video_intro","meta_desc","marketing_angles","press_release","summarise","youtube_title","bio_writer","adSubHeaders","spanContent","noBottomMargin","marginBottom","AdTextFormHeader","beaconArticleIds","headerContent","adsGenerationBeaconLink","adsGeneration","articleId","GeneralModal","primaryColor","primaryVariant","secondaryColor","secondaryVariant","header","modalProps","closeIcon","disabled","headerStyle","content","noBodyPadding","Content","primaryText","secondaryText","Actions","container","justify","item","secondaryDisabled","startIcon","secondaryIcon","secondaryFunc","primaryDisabled","primaryIcon","primaryFunc","defaultProps","dimmer","BeaconArticleLink","openMode","verticalAlign","component","ArticleName","TakoBeaconArticleName","beaconArticles","keywords","productImage","welcome","adTextTargetAudience","import","catalogs","products","blog","ads","plagiarismChecker","imageGen","takoBeaconArticles","productFeatures","googleAdsTips","facebookAdsTips","generatingDescriptions","generatingAds","handleTrackUserSession","handleTrackDescriptionEdit","handleTrackDescriptionCopy","handleTrackDescriptionPaste","handleTrackReviewPopupOpen","handleTrackSettingsButtonClick","handleDownloadMixpanelData","report_type","toDate","fromDate","setDate","getDate","get","from_date","toISOString","to_date","resp","SpinnerOnDimmer","active","inverted","ResponsiveLoader","height","width","in","timeout","animation","useBlurredBackgroundLoaderStyles","_theme","backdropRoot","backdropFilter","loadingText","BlurredBackgroundLoader","loaderHeight","loaderWidth","zIndex","appBar","AnimatedLoadingStep","onCompleteLoading","timeToCompleteStep","neverShowCompleted","showCompletedAsFailure","showCompleted","setShowCompleted","showCompletedTimer","clearTimeout","direction","mountOnEnter","unmountOnExit","margin","animationData","failureAnimation","successAnimation","onLoopComplete","AnimatedGenerationLoader","memo","loadingTexts","isLoading","lottieAnimation","mainLoadingHeader","retryOrCancelGenerationConfig","loadingStepIndex","setLoadingStepIndex","isDimmerOpen","setIsDimmerOpen","isPendingCancel","setIsPendingCancel","cancelledGeneration","setCancelledGeneration","currDateTime","setCurrDateTime","useInterval","handleLoadingStepCompleted","nextStep","position","modal","marginTop","generationExpiredAt","generationLoadingAt","handleCancelGeneration","initialValue","localStorage","getItem","parse","storedValue","setStoredValue","setValue","valueToStore","Function","setItem","AlertDialog","title","cancelText","confirmText","dontShowAgain","setDontShowAgain","disableDontShowAgain","onCancel","onConfirm","control","checked","onChange","_","label","useConfirmationDialog","onShow","setIsOpen","closeModal","resolveCallback","useRef","alertDialogProps","current","isConfirmed","getUserConfirmation","resolve","alertDialog","ProductStateContext","ProductStateProvider","isSearching","hasError","resultText","_searchStatus","setSearchStatus","searchStatus","useMemo","useProductState","withProductState","UnexpectedError","textHeader","textBody","textCta","handleCta","box","flexGrow","ctaButton","ctaButtonInner","centreText","fontSize","lineHeight","letterSpacing","maxWidth","GeneralError","ImportProductsButton","productSyncStatus","onImportProducts","getImportConfirmation","handleImportProducts","Popup","popperModifiers","SEMANTIC_POPUP_OVERFLOW_PREVENTION_PROPS","trigger","EnhancedButton","drawerWidth","hide","redirectOnClick","cursor","toolbarClosedLogo","marginLeft","marginRight","toolbarOpenLogo","drawer","flexShrink","whiteSpace","drawerOpen","transition","transitions","easing","sharp","duration","enteringScreen","drawerClose","leavingScreen","overflowX","up","drawerListItemIcon","minWidth","drawerListItem","drawerListItemActive","borderRight","borderStyle","boxShadow","appBarShift","menuButtonClosed","mobileMenuButtonClosed","bottom","left","menuButtonOpen","toolbar","mixins","toolbarOpen","toolbarGrow","toolbarRightSectionDesktop","toolbarRightSectionMobile","welcomeUserText","verticalAlignCenter","syncButtonInner","syncButtonInnerIcon","row","ExtraSmallChip","withStyles","Chip","checkIfStringContainsVoucher","voucherDisplay","creditValue","match","SlimDrawer","feature","interview","service_configs","useLocation","history","useHistory","setOpen","closedByDefault","handleDrawerClose","redirectToPath","push","CssBaseline","AppBar","clsx","Toolbar","edge","fill","admin","Link","to","importProducts","creditsLeft","creditProvisionType","reset","inTrial","monthlyCreditAmount","currentCount","totalCount","LinearProgress","computeLoadPercentage","Drawer","paper","alt","TakoSidebarLogo","List","blog_gen_config","beta","feature_flags","enable_insights_page","obj","ListItem","button","hasAccess","ListItemIcon","ListItemText","credits","Box","renderInterviewDrawer","Divider","hlp","startTour","tour","mainCard","common","white","MarketingCopyCard","subtitle","logoSrc","Stack","top","Image","mt","Typography","MarketingCardList","copyTypes","Grid","adCardDetails","xs","sm","md","gap","marketingRoutes","marketingDashboardLogos","facebook_logo","linkedin_logo","google_ads_logo","instagram_logo","headlines_logo","rewriter_logo","category_page_logo","landing_page_logo","eli5_logo","email_logo","video_intro_logo","meta_desc_logo","marketing_angles_logo","press_release_logo","summarise_logo","youtube_title_logo","bio_writer_logo","tabs","filter","_copy","MarketingDashboard","banners","onOpenChat","mobileWarningBannerProps","COPY_TYPES","Object","keys","ad","adType","suggestion_logo","currentTabIndex","setCurrentTabIndex","currentTab","Container","SHOW_MARKETING_TABS","Tabs","_event","newValue","indicatorColor","scrollButtons","marketingTab","Tab","copy","SIZES","HAS_SEEN_PAPERCUPS","HAS_SUBMITTED_LINKEDIN_POST_LINK","PAPERCUPS_POPUP_DELAY","preventOverflow","boundariesElement","BRAND_BACKGROUND_MAX_LIMIT","TOPIC_CHAR_MAX_LIMIT","KEYWORDS_MAX_LIMIT","TOTAL_KEYWORDS_CHAR_MAX_LIMIT","TITLE_CHAR_MAX_LIMIT","TARGET_AUDIENCE_MAX_CHARS","PRODUCT_DETAILS_MAX_CHARS","OUTLINE_CHAR_MAX_LIMIT","NON_SELECTED_INDEX","ORIGINAL_TITLE_INDEX","MIN_EXPECTED_OUTLINES","BLOG_MAX_OUTLINES","MAX_OUTLINE_DETAILS","OUTLINE_DETAILS_MAX_LIMIT","BLOG_MIN_REWRITE_CHARS","BLOG_MAX_REWRITE_CHARS","GOOGLE_HEADLINE_CHAR_MAX_LIMIT","GOOGLE_DESCRIPTION_CHAR_MAX_LIMIT","LINKEDIN_POST_CHAR_MAX_LIMIT","BLOG_PREVIEW_BASE_PATH","DEFAULT_REFERRAL_CREDITS","DEFAULT_LINK_SHARING_CREDITS","months","DEBOUNCED_TIMING","ENABLE_BLOG_BUBBLE_MENU","ENABLE_FLOATING_MENU","ICON_SIZE","ICON_STROKE","ChatSupport","customer","shouldPopupChat","isChatLoaded","setIsChatLoaded","isStorytimeInitialized","customerObj","domain","external_id","metadata","last_name","current_staff","first_name","Storytime","accountId","baseUrl","popupTimeoutRef","Papercups","newMessagePlaceholder","greeting","onChatOpened","setHasSeenPapercups","onChatLoaded","onMessageSent","secondary","typography","h1","h2","h3","h5","h6","caption","outlined","ProtectedRouteWithRedirect","redirectUrl","ProtectedRouteWithFallbackComponent","fallbackComponent","useBroadcast","channelName","onMessage","channel","BroadcastChannel","onmessage","postMessage","ReloadPageOnNewLogin","currentTabUsername","newUsername","warn","showWithSnackbar","onExit","reload","buttonText","snackbarOptions","preventDuplicate","ArticlePreviewRedirect","useQueryParam","StringParam","articlePreviewId","DialogTransition","forwardRef","ref","Fade","SimpleDialog","topDivider","closeButtonSize","disableTopBox","dialogProps","Dialog","TransitionComponent","p","light","InsufficientCreditsModal","modalMessage","redirectTo","disableRedirectButton","loop","humanHandsUpErrorAnimation","str","align","isRedirect","setIsRedirect","DialogContent","py","DialogActions","disableSpacing","rel","target","TakoInsufficientCreditsModal","ShopifyDashboard","lazy","Products","Account","PricingPlan","Support","PageNotFound","Tutorial","AdminPanel","Feedback","Interview","Insights","AdvertisingText","BlogGenerator","BlogOverviewPage","ShopifyReferrals","FreeCredits","ReviewModal","App","productStatusPoller","detectedProductLanguagePoller","initHelpHero","componentDidMount","fetchUser","fetchShopData","pollProductSyncStatus","redirectToLogin","callback","setState","prevState","prevUserState","anonymous","finally","scope","setUser","setLevel","shopDisplay","setIsImporting","err","setImportError","fetchProductSyncStatus","clearInterval","setInterval","hasShopifyProducts","hasInternalProducts","setProductSyncStatus","setTutorialComplete","setDetectedProductLanguageConfig","detected_language","renderSwitchFallback","render","isTutorialComplete","isInTutorial","getHasSeenPapercups","ReactRouterRoute","Route","ThemeProvider","maxSnack","anchorOrigin","vertical","horizontal","Snackbar","fallback","exact","Dimmer","Loader","fetchImportStatus","handleUpdateProductSyncStatus","setWasShownDetectedLanguageConfig","was_detected","was_shown","language","enableShare","userFeatureFlags","interviewConfig","adTextTabs","tab","refreshUser","platformType","shopify","enableLinkedInShare","dashboard_incentive_options","linkedin_post","withRouter","Boolean","hostname","dsn","autoSessionTracking","environment","tracesSampleRate","createBrowserHistory","listen","_location","ReactDOM","StrictMode","getElementById","navigator","serviceWorker","ready","registration","unregister","constructAdDescription","parseAdDescription","desc","trimStart","result","onEnter","_node","_key","reason","snackbarKey","hasSeen","toString","argSort","unsortedArr","compareFn","index","sort","b","stripHtml","s","countCharacters","trimEnd","numberWithCommas","x","isoDateFormat","isIsoDateString","parseISO","getDatetimeSince","currDate","diffDays","diffMonths","getMonth","getFullYear","moment","fromNow","format","formatDateString","delay","savedCallback","scrollToElementById","elementId","element","scrollIntoView","behavior","useNonInitialEffect","effect","deps","initialRender","trimNewlineAndWhitespace","BlogCurrStep","BlogTheme","BlogPOVs","OutlineDetailCreationType","BlogOverviewSortBy","BlogWriteMoreAction","AdTextFormField","GenerateAdTextErrorType","entries","advertising_text_instagram","advertising_text_google","advertising_text_facebook","advertising_text_headline","advertising_text_linkedin","advertising_text_rewriter","advertising_text_category_page","advertising_text_landing_page","advertising_text_eli5","advertising_text_email","advertising_text_video_intro","advertising_text_meta_desc","advertising_text_marketing_angles","advertising_text_press_release","advertising_text_summarise","advertising_text_youtube_title","advertising_text_bio_writer","AD_TEXT_TYPES_WITH_LONG_FORM_PRODUCT_TYPE_FIELD","Set","AD_TEXT_TYPES_WITH_REQUIRED_PRODUCT_TYPE_FIELD","AdvertisementTextActions","BeaconArticleIdSlots","errorToFieldMap","empty_fields","target_audience_too_long","targetAudience","brand_too_long","brand","keywords_too_long","product_type_too_long","product","formExceptionMap","moreDescriptions","tone","advancedOptions","requiredFieldMap"],"mappings":"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","file":"static/js/main.b54349ee.chunk.js","sourcesContent":["import {\n  AdTextConfigEntry,\n  DashboardIncentiveOptions,\n  FeatureFlags,\n  PlanCreditProvisionType\n} from '@hypotenuse/common/src/utils/Interfaces'\n\nexport interface Credits {\n  left: number\n  total: number\n}\n\nexport interface CatalogueIdName {\n  catalogueId: string\n  catalogueName: string\n}\n\nexport interface InterviewConfig {\n  show: boolean\n  credits?: number\n  voucherDisplay?: string\n}\n\nexport interface InterviewConfigUpdateRequest {\n  show?: boolean\n  credits?: number\n  voucherDisplay?: string\n}\n\nexport interface BulkProductDescriptionsConfig {\n  show: boolean\n}\n\nexport interface CouponConfig {\n  show: boolean\n}\n\nexport interface DetectedProductLanguageConfig {\n  was_detected: boolean\n  was_shown: boolean\n  language?: string\n}\n\nexport interface BlogGenConfig {\n  show: boolean\n}\n\nexport interface ServiceConfigs {\n  coupons: CouponConfig\n  review_popup: ReviewPopupConfig\n  interview: InterviewConfig\n  bulk_product_descriptions: BulkProductDescriptionsConfig\n  detected_language: DetectedProductLanguageConfig\n  feature_flags?: FeatureFlags\n  blog_gen_config: BlogGenConfig\n  dashboard_incentive_options?: DashboardIncentiveOptions\n}\n\nexport enum PlanTierLogicForBulkPurchaseDuringTrialMode {\n  cheapest = 'cheapest'\n}\n\nexport interface User {\n  username: string\n  displayName?: string\n  admin: boolean\n  creditsLeft: number\n  creditsTotal: number\n  monthlyCreditAmount: number\n  creditProvisionType: PlanCreditProvisionType\n  hasAccess: boolean\n  inTrial: boolean\n  startTrialDate: string\n  completedToursIds: string[]\n  dialogs: Dialog[]\n  ad_text: AdTextConfigEntry[]\n  service_configs: ServiceConfigs\n}\n\nexport interface Dialog {\n  id: string\n  show: boolean\n}\n\nexport interface ShopStaff {\n  last_name: string\n  first_name: string\n  email: string\n}\n\nexport interface ShopDisplay {\n  name: string\n  email: string\n  domain: string\n  currency: string\n  country_name: string\n  plan_name: string\n}\n\nexport interface ShopDisplayDataAndStaffResponse extends ShopDisplay {\n  current_staff?: ShopStaff\n}\n\nexport enum PlanType {\n  free = 'free',\n  starter = 'starter',\n  member = 'member',\n  enterprise = 'enterprise'\n}\n\nexport enum Currency {\n  usd = 'usd'\n}\n\nexport interface PriceInfo {\n  price: number\n  credit_amount: number\n}\n\nexport interface PlanTier {\n  plan_id: string\n  plan_type: PlanType\n  plan_display_name: string\n  plan_description: string\n  plan_price: number\n  plan_monthly_credit_amount: number\n  plan_incentives: string[]\n  pay_as_you_go_prices: PriceInfo[]\n  currency: Currency\n  credit_provision_type: PlanCreditProvisionType\n  discounted_plan_price?: number\n  discounted_pay_as_you_go_prices?: PriceInfo[]\n  boosted_plan_monthly_credit_amount?: number\n}\n\nexport interface Coupon {\n  coupon_id: string\n  redemption_expiry_date: string\n  coupon_total: number\n  coupon_left: number\n  maximum_redemption_per_user: number\n  applicable_plan_types: PlanType[]\n  coupon_benefits: CouponBenefits\n}\n\nexport interface CouponBenefits {\n  plan_price_discount_percentage: number\n  plan_monthly_credits_boost_percentage: number\n  credits_bundle_price_discount_percentage: number\n  credits_bundle_amount_boost_percentage: number\n}\n\nexport enum PlanTierSegment {\n  top,\n  bottom,\n  both,\n  legacy\n}\n\nexport enum PaymentHistoryStatus {\n  active = 'active',\n  cancelled = 'cancelled' //This status is only applicable for recurring application charge when user cancel subscription bar\n}\n\nexport interface PaymentHistory {\n  id: string\n  user: string\n  description: string\n  currency: Currency\n  price: number\n  created_at: Date\n  status: PaymentHistoryStatus\n}\n\nexport enum TransactionReason {\n  charge_product_tagging = 'charge_product_tagging',\n  charge_product_descriptions = 'charge_product_descriptions',\n  refund_product_tagging = 'refund_product_tagging',\n  refund_product_descriptions = 'refund_product_descriptions',\n  refund_blog_descriptions = 'refund_blog_descriptions',\n  purchase_credits_bundle = 'purchase_credits_bundle',\n  purchase_subscription = 'purchase_subscription',\n  free_first_time_user = 'free_first_time_user',\n  admin_add_credit = 'admin_add_credit',\n  admin_deduct_credit = 'admin_deduct_credit'\n}\n\nexport interface CreditTransaction {\n  username: string\n  createdAt: string\n  transactionId: string\n  creditsChange: number\n  creditsLeftBefore: number\n  creditsTotalBefore: number\n  reason: TransactionReason\n}\n\nexport interface FilterStatus {\n  possibleFilters: FilterTermsGroup[]\n  selectedFilters: FilterTermsGroup[]\n}\n\nexport interface FilterTermsGroup {\n  text: string\n  key: string\n  values: string[]\n}\n\nexport interface SearchStatus {\n  text: string\n  isSearching: boolean\n  hasError: boolean\n  resultText: string\n}\n\nexport interface SortStatus {\n  key: string\n  reverse: boolean\n}\n\nexport enum JobStatus {\n  loading = 'loading',\n  success = 'success',\n  new = 'new',\n  failed = 'failed',\n  notLoaded = 'not-loaded',\n  error = 'error'\n}\n\nexport interface ProductSyncStatus {\n  currentCount?: number\n  totalCount?: number\n  status: 'loading' | 'success' | 'new' | 'failed' | 'not-loaded' | 'error'\n  message: string\n  hasShopifyProducts?: boolean\n  hasInternalProducts?: boolean\n}\n\nexport interface DescribeError {\n  product_id: string\n  error: string\n}\n\nexport interface Job {\n  jobId: number\n  totalCount?: number\n  currentCount: number\n  status: JobStatus\n  message?: string\n  expiryStatus?: JobStatus\n  expiryMessage?: string\n  updatedAt: string\n  metadata?: DescribeError[]\n}\n\nexport enum ProductTabType {\n  all = 'all',\n  generated = 'generated',\n  new = 'new',\n  published = 'published',\n  archived = 'archived'\n}\nexport interface TabStatus {\n  deleteProductOnExport: boolean\n  key: ProductTabType\n}\n\nexport interface Tab {\n  label: string\n  deleteProductOnExport: boolean\n  key: ProductTabType\n  count?: number\n}\n\nexport interface AppNotification {\n  color:\n    | 'green'\n    | 'red'\n    | 'orange'\n    | 'yellow'\n    | 'olive'\n    | 'teal'\n    | 'blue'\n    | 'violet'\n    | 'purple'\n    | 'pink'\n    | 'brown'\n    | 'grey'\n    | 'black'\n    | undefined\n  size:\n    | 'large'\n    | 'big'\n    | 'small'\n    | 'mini'\n    | 'tiny'\n    | 'huge'\n    | 'massive'\n    | undefined\n  header: string\n  content: string\n}\n\nexport type NotificationSeverity = 'success' | 'info' | 'warning' | 'error'\n\nexport interface Notification {\n  severity?: NotificationSeverity\n  content: string\n  dateKey: Date // Since Material UI Toast only allow 1 toastbar per component, we need to set a unique key to have multiple toastBar\n  duration: number\n  renderAction?: Function // For toast bar with action(e.g. undo when clicked)\n}\n\nexport enum WriterLength {\n  'regular',\n  'extended'\n}\n\nexport interface WriterChoice {\n  writer: string\n  number_selected: number\n}\n\nexport interface DescriptionStyle {\n  writer: string\n  length: WriterLength\n  category: string\n  display: string\n  disabled: boolean\n  count: number\n}\n\nexport interface TranslationConfig {\n  language_from: string\n  language_to: string\n}\n\nexport enum ApiError {\n  unauthorized\n}\n\nexport enum FeedbackType {\n  shopifyFeatureRequest = 'shopify_feature_request'\n}\n\nexport interface RedeemedReferral {\n  referral_code: string\n  redeemed_username: string\n  datetime_redeemed: Date\n}\n\nexport interface ReviewTemplateInRequest {\n  template_text: string\n  selected: boolean\n}\n\nexport interface ReviewTemplate {\n  template_id: string\n  template_text: string\n  selected: boolean\n  num_generated?: number\n  created_at?: string\n  edited?: boolean\n}\n\nexport interface ReviewPopupConfig {\n  show: boolean\n  total_leave_review_button_clicked: number\n  total_review_popup_closed: number\n  total_generate_review_template: number\n  generated_review_template: string\n}\n\nexport enum ReportType {\n  generate = 'generate',\n  payment = 'payment'\n}\n\nexport interface ShopifyFAQ {\n  question: string\n  answer: string\n}\n\nexport interface ShopifyPricingCopy {\n  howCreditsWork: string\n  subscription: string\n  additionalCredits: string\n}\n\nexport interface ShopifyUserPricingDetailsInResponse {\n  pricing_copy: ShopifyPricingCopy\n  plan_tier_list: PlanTier[]\n  active_plan_tier: PlanTier\n  subscribed_plan_tier: PlanTier\n  trial_days: number\n  plan_tier_logic_for_bulk_purchase_during_trial_mode?: PlanTierLogicForBulkPurchaseDuringTrialMode\n  credit_provision_type: PlanCreditProvisionType\n  next_credit_provision_date: Date\n  override_expiry_date?: Date\n}\n\nexport interface ServerError {\n  error: string\n  error_message: string\n}\n\nexport interface UserPlanTierDetailsUpdateForm {\n  key_attr_name: string\n  user: string\n  override_plan_id?: string\n  override_should_give_monthly_credits?: boolean\n  override_expiry_date?: Date\n}\n\nexport interface UserPlanTierDetails {\n  user: string\n  plan_id: string\n  plan_list_id: string\n  active_subscription_id: string\n  last_subscription_credit_transaction_id: string\n  subscription_coupon_id?: string\n  override_plan_id?: string\n  override_should_give_monthly_credits?: boolean\n  override_expiry_date?: Date\n}\n\n/* Strength bar component interfaces */\n\n// decalre strength levels\nexport enum KeywordStrength {\n  weak = 2,\n  average = 4,\n  strong = 8\n}\n\n// map strength to color\nexport interface KeywordBarStyle {\n  [KeywordStrength.weak]: string\n  [KeywordStrength.average]: string\n  [KeywordStrength.strong]: string\n}\n\n// props to be passed to strength bar component\nexport interface StrengthBarProps {\n  numBars: number\n  numColored: number\n  color: string\n  message: string\n}\n\nexport interface PlanCardProps {\n  planTierList?: PlanTier[]\n  activePlanTier?: PlanTier\n  subscribedPlanTier?: PlanTier\n  user?: User\n  appliedCouponCode: string\n  setNotification: Function\n  setLoading: Function\n  resetAppliedCouponAndFetchPlanList: Function\n  fetchUser: Function\n}\n\nexport interface ShopifyTrialPlanDetailsResponse {\n  plan_display_name: string\n  plan_description: string\n  plan_incentives: string[]\n  plan_free_credits: number\n}\n","import React from 'react'\nimport { createStyles, Theme, makeStyles } from '@material-ui/core/styles'\nimport { capitalize } from 'lodash-es'\n\nimport MuiButton, {\n  ButtonProps as MuiButtonProps\n} from '@material-ui/core/Button'\nimport { CircularProgress } from '@material-ui/core'\n\n// Import this if you need coloured outlined or contained that is\n// not within MUI's default primary, secondary or default color.\n// To customize the respective colors, declare them in your theme.\n// Adapted off: https://stackoverflow.com/a/64560059.\nexport type ButtonColor =\n  | 'primary'\n  | 'secondary'\n  | 'error'\n  | 'success'\n  | 'warning'\n  | 'default'\n  | 'inherit'\n  | 'info'\n\nexport type ButtonVariant = 'contained' | 'outlined'\n\ninterface ButtonProps extends Omit<MuiButtonProps, 'color'> {\n  color: ButtonColor\n  loading?: boolean\n}\n\nconst useStyles = makeStyles<Theme>((theme) =>\n  createStyles({\n    outlinedSuccess: {\n      borderColor: theme.palette.success.main,\n      color: theme.palette.success.main\n    },\n    outlinedError: {\n      borderColor: theme.palette.error.main,\n      color: theme.palette.error.main\n    },\n    outlinedWarning: {\n      borderColor: theme.palette.warning.main,\n      color: theme.palette.warning.main\n    },\n    outlinedInfo: {\n      borderColor: theme.palette.info.main,\n      color: theme.palette.info.main\n    },\n    containedSuccess: {\n      backgroundColor: theme.palette.success.main,\n      color: theme.palette.success.contrastText,\n      '&:hover': {\n        backgroundColor: theme.palette.success.dark\n      }\n    },\n    containedError: {\n      backgroundColor: theme.palette.error.main,\n      color: theme.palette.error.contrastText,\n      '&:hover': {\n        backgroundColor: theme.palette.error.dark\n      }\n    },\n    containedWarning: {\n      backgroundColor: theme.palette.warning.main,\n      color: theme.palette.warning.contrastText,\n      '&:hover': {\n        backgroundColor: theme.palette.warning.dark\n      }\n    },\n    containedInfo: {\n      backgroundColor: theme.palette.info.main,\n      color: theme.palette.info.contrastText,\n      '&:hover': {\n        backgroundColor: theme.palette.info.dark\n      }\n    }\n  })\n)\n\nconst Button: React.FC<ButtonProps> = (props) => {\n  const { children, color, endIcon, loading, ...restProps } = props\n  const classes = useStyles()\n  const className = classes[`${restProps.variant}${capitalize(color)}`]\n  const colorProp =\n    ['default', 'inherit', 'primary', 'secondary'].indexOf(color) > -1\n      ? (color as 'default' | 'inherit' | 'primary' | 'secondary')\n      : undefined\n  return (\n    <MuiButton\n      {...restProps}\n      color={colorProp}\n      className={className}\n      endIcon={\n        (loading && <CircularProgress color=\"inherit\" size={14} />) || endIcon\n      }\n    >\n      {children}\n    </MuiButton>\n  )\n}\n\nButton.displayName = 'Button'\n\nexport default Button\n","export { Analytics as default } from '@hypotenuse/common/src/analytics/Analytics'\n","import React, { useEffect, useState } from 'react'\nimport { apiClient } from '@hypotenuse/common/src/utils/ApiClient'\nimport UnauthorizedError from './UnauthorizedError'\nimport { ApiError } from '../utils/Interfaces'\nimport { AxiosError } from 'axios'\n\ninterface Props {\n  children: JSX.Element\n}\n\nexport function ApiErrorHandler(props: Props) {\n  const [error, setError] = useState<ApiError>()\n\n  useEffect(() => {\n    apiClient.interceptors.response.use(\n      (res) => res,\n      (error) => {\n        const { status } = error.response\n        if (status === 401) {\n          setError(ApiError.unauthorized)\n        }\n        return Promise.reject(error)\n      }\n    )\n  }, [])\n\n  return error === ApiError.unauthorized ? (\n    <UnauthorizedError />\n  ) : (\n    props.children\n  )\n}\n\nexport function ApiErrorCatcher(\n  func: (error: AxiosError) => void\n): (error: AxiosError) => void {\n  return (error) => {\n    if (error.response?.status === 401) {\n      // This occurs when unauthorized happens, we don't want to do anything as the browser\n      // will redirect for authorization.\n      return\n    }\n    return func(error)\n  }\n}\n","/**\n * Utility function to enable using Notistack's `useSnackbar` outside React components.\n * Reference: https://github.com/iamhosseindhv/notistack/issues/30#issuecomment-542863653\n *\n * The core of this workaround: We create a placeholder for the result of `useSnackbar()`.\n * When mounted as a child of a `SnackbarProvider`, the `SnackbarUtilsConfigurator` sets `useSnackbarRef`, giving us\n * access to all of Notistack's functionality without explicitly calling the `useSnackbar` hook\n */\nimport {\n  useSnackbar,\n  WithSnackbarProps,\n  OptionsObject,\n  SnackbarKey,\n  SnackbarMessage,\n  VariantType\n} from 'notistack'\nimport { Button } from '@material-ui/core'\nimport React from 'react'\nimport styled from '@emotion/styled'\n\nlet openChat: () => void\ninterface InnerConfiguratorProps {\n  setUseSnackbarRef: (showSnackbar: WithSnackbarProps) => void\n  openChat: () => void\n}\n\nconst InnerSnackbarUtilsConfigurator: React.FC<InnerConfiguratorProps> = (\n  props: InnerConfiguratorProps\n) => {\n  props.setUseSnackbarRef(useSnackbar())\n  openChat = props.openChat\n  return null\n}\n\nlet useSnackbarRef: WithSnackbarProps\nconst setUseSnackbarRef = (useSnackbarRefProp: WithSnackbarProps) => {\n  useSnackbarRef = useSnackbarRefProp\n}\n\ninterface SnackbarConfiguratorProps {\n  openChat: () => void\n}\n\nexport const SnackbarConfigurator = (props: SnackbarConfiguratorProps) => (\n  <InnerSnackbarUtilsConfigurator\n    setUseSnackbarRef={setUseSnackbarRef}\n    openChat={props.openChat}\n  />\n)\n\n// region Per-variant options\nexport type VariantOptions = {\n  [key in VariantType]?: OptionsObject\n}\n\n/**\n * Defines default options for each snackbar variant, overriding the global default snackbar options\n * @type {{error: {action: (key) => JSX.Element, autoHideDuration: null}}}\n */\nconst defaultVariantOptions: VariantOptions = {\n  error: {\n    autoHideDuration: 30000,\n    action: (key) => (\n      <>\n        <Button\n          color=\"inherit\"\n          size=\"small\"\n          onClick={() => useSnackbarRef.closeSnackbar(key)}\n          style={{ fontWeight: 'bold' }}\n        >\n          Dismiss\n        </Button>\n        <Button\n          color=\"inherit\"\n          size=\"small\"\n          onClick={() => {\n            openChat()\n            useSnackbarRef.closeSnackbar(key)\n          }}\n          style={{ fontWeight: 'bold' }}\n        >\n          Get Help\n        </Button>\n      </>\n    )\n  }\n}\n// endregion\n\n// Wrapper around snackbar content to prevent overflow by truncating using ellipses\nconst SnackbarContentEllipsisDiv = styled.div`\n  // Limit width of snackbar content to prevent horizontal overflow.\n  max-width: 90vw;\n  max-height: 30vh;\n\n  // Vertical scroll\n  overflow-y: auto;\n\n  font-size: 16px;\n\n  // Prevent horizontal scrolling\n  overflow-x: hidden;\n\n  // Not sure if this is necessary\n  text-overflow: ellipsis;\n`\n\nexport const snackbar = {\n  show(msg: SnackbarMessage, options?: OptionsObject): SnackbarKey {\n    const variant = options?.variant\n    const variantOptions = defaultVariantOptions[variant ?? 'default'] ?? {}\n    const mergedOptions = { ...variantOptions, ...options }\n    return useSnackbarRef.enqueueSnackbar(\n      <SnackbarContentEllipsisDiv>{msg}</SnackbarContentEllipsisDiv>,\n      mergedOptions\n    )\n  },\n  close(key?: SnackbarKey) {\n    useSnackbarRef.closeSnackbar(key)\n  }\n}\n\nexport default snackbar\n","export interface PageStatus {\n  totalItems: number\n  currentPage: number\n  pageSize: number\n}\n\n/**\n * This enum stores all common error types that are\n * shared between shopify and premium app.\n */\nexport enum ServerErrorType {\n  outOfCredits = 'Out of credits',\n  tooManyProductsSpecified = 'Too many products specified',\n  noPermissionsDescribe = 'Describe Permission Error'\n}\n\nexport enum DescribeErrorType {\n  adTextFieldsError = 'Ad text fields error',\n  blogFieldsError = 'Blog fields error',\n  productFieldsError = 'Product fields error'\n}\n\nexport interface DescribeError {\n  product_id: string\n  error: string\n}\n\nexport enum JobStatus {\n  loading = 'loading',\n  success = 'success',\n  new = 'new',\n  failed = 'failed',\n  notLoaded = 'not-loaded',\n  error = 'error'\n}\n\nexport interface Job {\n  jobId: string\n  totalCount: number\n  currentCount: number\n  status: JobStatus\n  message?: string\n  expiryStatus?: JobStatus\n  expiryMessage?: string\n  updatedAt: string\n  createdAt: string\n  metadata?: DescribeError[]\n  jobName: string\n  catalogueId?: string\n}\n\nexport interface DashboardIncentiveOptions {\n  /**\n   * This interface contains the feature flags to show on the dashboard.\n   */\n  linkedin_post?: boolean\n}\n\nexport interface FeatureFlags {\n  // TODO: These probably don't need to be optional (they all have defaults on the backend)\n  /**\n   * Users with this flag set to True should see no Hypotenuse branding on the UI\n   */\n  white_label_ui: boolean\n  multi_step_products: boolean\n  add_import_export_products: boolean\n  add_single_product: boolean\n  minimize_product_card: boolean\n  hide_navbar_logo: boolean\n  show_import_template: boolean\n  show_export_advanced_options: boolean\n  enable_insights_page: boolean\n  product_card_brand_text: string\n  catalogue_tags_input_placeholder_text: string\n  select_description_style_text?: string\n  bubble_selected_descriptions_on_done_tab: boolean\n  enable_seo_keywords_highlighting: boolean\n  enable_catalogue_lvl_keywords_to_avoid: boolean\n  enable_product_lvl_seo_keywords: boolean\n  enable_product_lvl_keywords_to_avoid: boolean\n  enable_image_import: boolean\n  enable_review: boolean\n  show_hershey_copy_type: boolean\n  show_ubs_copy_type: boolean\n  disable_add_product_if_no_products: boolean\n  enable_image_generation: boolean\n  enable_write_more: boolean\n}\n\n/**\n * This is an interface from globalappdata pulled from the backend misc table\n * that allows us to dynamically set global-level feature flags.\n * TODO: the feature flags in Constants.tsx should be moved here.\n */\nexport interface GlobalFeatureFlags {\n  enable_image_superresolution?: boolean\n  enable_linkedin_share?: boolean\n  enable_bulk_workflows?: boolean\n}\n\n// region Charts & Chart Data\nexport interface Scalar {\n  value: number | string\n  label: string\n}\n\nexport type LineDatum = string | number\n\nexport interface Point2D {\n  x: LineDatum\n  y: LineDatum\n}\n\ninterface LineData {\n  id: string\n  data: Point2D[]\n}\n\nexport interface LineChartData {\n  lines: LineData[]\n}\n\nexport interface PieSector {\n  id: string\n  label: string\n  value: number\n  color?: string\n}\n\nexport interface PieChartData {\n  sectors: PieSector[]\n}\n\nexport enum TimePeriod {\n  week = 'week',\n  month = 'month',\n  year = 'year'\n}\n\nexport interface CreditsHistoryLineChartData {\n  xLabel: string\n  yLabel: string\n  lines: LineData[]\n}\n\nexport interface CreditsHistory {\n  timePeriod: TimePeriod\n  // TODO: Refactor LineChart on Account page to use the LineChartData interface\n  lineChart: CreditsHistoryLineChartData\n}\n// endregion\n\n// region Action Points\nexport enum ActionPointSeverity {\n  info = 'Info',\n  warning = 'Warning',\n  severe = 'Severe'\n}\n\n/**\n * The entity that an action point refers to (e.g. product, store, etc.)\n */\nexport interface ActionPointSubject {\n  /**\n   * Unique identifier for the entity\n   */\n  id: string\n  /**\n   * Human-readable name for the entity\n   */\n  display_name?: string\n}\n\nexport interface ActionPoint {\n  /**\n   * Short description of the action point\n   */\n  issue: string\n  /**\n   * The numeric score assigned to the action point\n   */\n  score: number\n  severity: ActionPointSeverity\n  /**\n   * The entity that the action point refers to\n   */\n  subject: ActionPointSubject\n  /**\n   * URL for the action point to lead to\n   */\n  url?: string\n  /**\n   * Additional information about the action point\n   */\n  detail?: string\n}\n// endregion\n\nexport interface OrganizationUpdateForm {\n  displayName: string\n}\n\nexport enum PlanCreditProvisionType {\n  add = 'add',\n  reset = 'reset'\n}\n\nexport enum PlatformType {\n  shopify = 'shopify',\n  premium = 'premium'\n}\n\n/**\n * Ad text Config Interface\n */\nexport interface AdTextConfigEntry {\n  type: string\n  product_id: string\n}\n\nexport interface BlogGenHelperText {\n  accordionSubtitleOneText?: string\n  accordionSubtitleTwoText?: string\n  accordionSubtitleThreeText?: string\n  brandBackgroundHelperText?: string\n  brandBackgroundPlaceholder?: string\n  productDetailsHelperText?: string\n  productDetailsPlaceholder?: string\n  titleHelperText?: string\n  titlePlaceholder?: string\n  topicHelperText?: string\n  topicPlaceholder?: string\n  targetAudienceHelperText?: string\n  targetAudiencePlaceholder?: string\n  outlineHelperText?: string\n  outlinePlaceholders?: string[]\n  outlineDetailsPlaceholder?: string\n  outlineHeadingPlaceholder?: string\n  keywordsHelperText?: string\n  keywordsPlaceholder?: string\n}\nexport interface GlobalAppData {\n  default_description_downvote_reasons: string[]\n  blog_gen_helper_text: BlogGenHelperText\n  blog_tone_options: string[]\n  global_feature_flags: GlobalFeatureFlags\n}\n\nexport interface LanguageDetail {\n  code: string\n  name: string\n}\n\nexport interface TranslationLanguages {\n  input: LanguageDetail[]\n  output: LanguageDetail[]\n}\n\nexport interface TranslationConfig {\n  readonly show?: boolean\n  language_from?: string\n  language_to?: string\n}\n\nexport interface TranslationConfigUpdateForm {\n  language_from?: string\n  language_to?: string\n}\n\nexport interface PaginateableEntity<K> {\n  last_key: K\n}\n\n/**\n * Social share\n */\n\nexport enum SocialShareMedia {\n  facebook = 'Facebook',\n  twitter = 'Twitter',\n  linkedin = 'LinkedIn'\n}\n\n//============= Useful Abstract Types =============\n\n/**\n * Extract a type containing un-assignable properties of T not assignable to U\n * e.g. Without<{a: number, b: string}, {a: number}> = {b: never}\n *\n * Source: https://stackoverflow.com/a/53229567\n */\nexport type Without<T, U> = { [P in Exclude<keyof T, keyof U>]?: never }\n/**\n * Extract a type containing either properties of T or U but not both and at least one of T or U\n *\n * e.g.\n *\n * const foo: XOR<{a: number}, {c: number}> = {a: 1} // OK\n *\n * const bar: XOR<{a: number}, {c: number}> = {c: 2} // OK\n *\n * const foobar: XOR<{a: number}, {c: number}> = {a: 1, c: 2} // Error\n *\n * const barfoo: XOR<{a: number}, {c: number}> = {} // Error\n *\n * Source: https://stackoverflow.com/a/53229567\n */\nexport type XOR<T, U> = T | U extends object\n  ? (Without<T, U> & U) | (Without<U, T> & T)\n  : T | U\n\n/**\n * Extract a type containing union of keys of T\n *\n * Source: https://tsplay.dev/wgLpBN\n */\nexport type UnionKeys<T> = T extends T ? keyof T : never\n\n/**\n * Expand T to help intellisense.\n *\n * Source: https://tsplay.dev/wgLpBN\n */\nexport type Expand<T> = T extends T ? { [K in keyof T]: T[K] } : never\n\n/**\n * Extract a type allowing exactly one type passed in the generic types array.\n *\n * e.g.\n *\n * const foo: OneOf<[{a: number}, {b: string}, {c: boolean}]> = {a: 1} // OK\n *\n * const bar: OneOf<[{a: number}, {b: string}, {c: boolean}]> = {b: '1'} // OK\n *\n * const foobar: OneOf<[{a: number}, {b: string}, {c: boolean}]> = {a: 1, b: '1'} // Error\n *\n * const barfoo: OneOf<[{a: number}, {b: string}, {c: boolean}]> = {} // Error\n */\nexport type OneOf<T extends {}[]> = {\n  [K in keyof T]: Expand<\n    T[K] & Partial<Record<Exclude<UnionKeys<T[number]>, keyof T[K]>, never>>\n  >\n}[number]\n","import React, { useCallback, useEffect, useState } from 'react'\nimport LogRocket from 'logrocket'\nimport setupLogRocketReact from 'logrocket-react'\nimport * as Sentry from '@sentry/browser'\nimport ReactGA from 'react-ga'\nimport { handleTrackPageVisit } from '../api/Analytics'\n\nexport interface TrackEventParams {\n  isError: boolean\n}\n\nexport interface AnalyticsInterface {\n  setUsername: (username?: string) => void\n  /**\n   * Interface derived from Google Analytics SDK\n   * @param {string} category Broad category of the event\n   * @param {string} event Specific event\n   * @param {TrackEventParams} params Additional info about the even that affects how the event is handled/tracked\n   */\n  trackEvent: (\n    category: string,\n    event: string,\n    params?: TrackEventParams\n  ) => Promise<void>\n  trackPageView: (path: string) => void\n}\n\nexport const AnalyticsContext = React.createContext<\n  AnalyticsInterface | undefined\n>(undefined)\n\nexport interface AnalyticsProviderProps {\n  disableTracking?: boolean\n  username?: string\n  logRocketAppId: string\n  logRocketExcludedUsernamePatterns?: RegExp[]\n  googleAnalyticsTrackingCode: string\n}\n\nexport const AnalyticsProvider: React.FC<AnalyticsProviderProps> = (props) => {\n  // region Props\n  const {\n    children,\n    username: initialUsername,\n    disableTracking,\n    logRocketAppId,\n    logRocketExcludedUsernamePatterns,\n    googleAnalyticsTrackingCode\n  } = props\n  // endregion\n\n  // region State\n  const [username, setUsername] = useState<string | undefined>(initialUsername)\n  const [\n    isIdentifiedAnalyticsInitialized,\n    setIsIdentifiedAnalyticsInitialized\n  ] = useState<boolean>(false)\n  // This state is used to alert us about potentially missing LogRocket sessions\n  const [isLogRocketInit, setIsLogRocketInit] = useState<boolean>(false)\n  // endregion\n\n  // region Private handler functions\n  /**\n   * Set the active user for analytics services\n   */\n  const identify = useCallback(\n    async (username: string): Promise<void> => {\n      if (disableTracking) return\n\n      try {\n        LogRocket.identify(username, { name: username })\n        ReactGA.set({ userId: username })\n        Sentry.setUser({\n          username,\n          email: username,\n          id: username,\n          ip_address: '{{auto}}'\n        })\n      } catch (error) {\n        Sentry.captureException(error, { level: 'error' })\n      }\n    },\n    [disableTracking]\n  )\n  /**\n   * Check whether a given user is excluded from LogRocket tracking\n   */\n  const isUsernameExcludedFromLogRocketTracking = useCallback(\n    (username: string): boolean => {\n      return (\n        logRocketExcludedUsernamePatterns\n          ?.map((pattern) => pattern.test(username))\n          ?.some((v) => v) || false\n      )\n    },\n    [logRocketExcludedUsernamePatterns]\n  )\n  /**\n   * Initialize analytics services anonymously i.e. without attaching to a user\n   */\n  const initializeAnalyticsAnonymous = useCallback(async (): Promise<void> => {\n    if (disableTracking) return\n\n    try {\n      // Google Analytics (GA) for platform analytics\n      ReactGA.initialize(googleAnalyticsTrackingCode)\n    } catch (error) {\n      if (error) {\n        Sentry.captureException(error, { level: 'error' })\n      }\n    }\n  }, [disableTracking, googleAnalyticsTrackingCode])\n  /**\n   * Initialize analytics services that require user identification\n   */\n  const initializeAnalyticsWithUsername = useCallback(\n    async (username: string): Promise<void> => {\n      if (disableTracking) return\n\n      // TODO: Implement anonymous LogRocket tracking when user is not available (how would we know?)\n      // Initialize LogRocket & Identify user.\n      // We try to catch any missing LogRocket sessions by first checking if there was any error thrown from the init\n      // methods, or whether the methods were even run properly.\n      if (!isUsernameExcludedFromLogRocketTracking(username)) {\n        LogRocket.init(logRocketAppId)\n        setupLogRocketReact(LogRocket)\n        setIsLogRocketInit(true)\n      }\n\n      // Attach user to analytics services after they've been initialized\n      await identify(username)\n    },\n    [\n      disableTracking,\n      identify,\n      isUsernameExcludedFromLogRocketTracking,\n      logRocketAppId\n    ]\n  )\n  const checkIfLogRocketInitAndThrowSentryError = useCallback(async (): Promise<void> => {\n    if (!isLogRocketInit) {\n      Sentry.captureMessage(\n        'A tracking function was called without being initialised',\n        { level: 'error' }\n      )\n    }\n  }, [isLogRocketInit])\n  // endregion\n\n  // region Effects\n  useEffect(() => {\n    // When the username prop passed to the provider changes, update the local copy\n    setUsername(initialUsername)\n  }, [initialUsername])\n  useEffect(() => {\n    // Initialize anonymous analytics services immediately on load\n    void initializeAnalyticsAnonymous()\n  }, [initializeAnalyticsAnonymous])\n  useEffect(() => {\n    if (!username) return\n\n    // If analytics services are not already initialized, do so and attach the current user\n    if (!isIdentifiedAnalyticsInitialized) {\n      initializeAnalyticsWithUsername(username).then(() => {\n        setIsIdentifiedAnalyticsInitialized(true)\n      })\n    }\n    // Otherwise, just attach the current user to analytics services\n    else {\n      void identify(username)\n    }\n  }, [\n    identify,\n    initializeAnalyticsWithUsername,\n    isIdentifiedAnalyticsInitialized,\n    username\n  ])\n  // endregion\n\n  // region Public handler functions\n  const trackEvent = useCallback(\n    async (\n      category: string,\n      event: string,\n      params?: TrackEventParams\n    ): Promise<void> => {\n      if (disableTracking) return\n\n      if (!(username && isUsernameExcludedFromLogRocketTracking(username))) {\n        await checkIfLogRocketInitAndThrowSentryError()\n        LogRocket.track(event)\n      }\n      if (params?.isError) Sentry.captureMessage(event)\n\n      ReactGA.event({ category: category, action: event })\n    },\n    [\n      username,\n      disableTracking,\n      isUsernameExcludedFromLogRocketTracking,\n      checkIfLogRocketInitAndThrowSentryError\n    ]\n  )\n  const trackPageView = async (path: string): Promise<void> => {\n    // TODO: Use router/history(?) to automatically track route changes\n    if (disableTracking) return\n\n    await handleTrackPageVisit(path)\n    ReactGA.pageview(path)\n  }\n  // endregion\n\n  return (\n    <AnalyticsContext.Provider\n      value={{ setUsername, trackEvent, trackPageView }}\n    >\n      {children}\n    </AnalyticsContext.Provider>\n  )\n}\n\nexport const useAnalytics = () => {\n  const context = React.useContext(AnalyticsContext)\n  if (context === undefined) {\n    throw new Error('useAnalytics must be used within a AnalyticsProvider')\n  }\n  return context\n}\n\n// region Backward compatibility\n/**\n * This section provides backward compatibility with the static `Analytics` class interface.\n * Prefer using the `useAnalytics` hook directly where possible.\n */\n\ninterface ConfiguratorProps {\n  setUseAnalyticsRef: (analytics: AnalyticsInterface) => void\n}\n\nconst InnerAnalyticsConfigurator: React.FC<ConfiguratorProps> = (\n  props: ConfiguratorProps\n) => {\n  props.setUseAnalyticsRef(useAnalytics())\n  return null\n}\n\nlet useAnalyticsRef: AnalyticsInterface | undefined\nconst setUseAnalyticsRef = (useAnalyticsRefProp: AnalyticsInterface) => {\n  useAnalyticsRef = useAnalyticsRefProp\n}\n\n/**\n * This component exposes the functionality of the `useAnalytics` hook to be usable outside React function components.\n * @example\n *   <AnalyticsProvider value={...}>\n *     <AnalyticsConfigurator/>\n *     <App/>\n *   </AnalyticsProvider>\n *\n *   Elsewhere, use `Analytics` to access the props returned by\n */\nexport const AnalyticsConfigurator = () => (\n  <InnerAnalyticsConfigurator setUseAnalyticsRef={setUseAnalyticsRef} />\n)\n\nconst notConfiguredError = new Error(\n  'Attempted to call a method of the static Analytics instance, but either AnalyticsProvider or ' +\n    'AnalyticsConfigurator is not present in the component hierarchy.'\n)\n/**\n * Convenience wrapper to expose the contents of the `useAnalytics` hook to be usable outside React function components.\n * @deprecated This wrapper is present for backward compatibility and its use in new components should be limited.\n *  Prefer using the hook directly so that React can correctly handle re-rendering on state/prop updates.\n */\nexport const Analytics = {\n  trackEvent: (category: string, event: string, params?: TrackEventParams) => {\n    if (useAnalyticsRef === undefined) {\n      throw notConfiguredError\n    }\n    return useAnalyticsRef.trackEvent(category, event, params)\n  },\n  trackPageView: (path: string) => {\n    if (useAnalyticsRef === undefined) {\n      throw notConfiguredError\n    }\n    return useAnalyticsRef.trackPageView(path)\n  }\n}\n// endregion\n","/**\n * Cost info for generating content for a single product\n */\nexport interface ContentGenerationCreditCostInfo {\n  product_id: string\n  cost: number\n  is_free_regenerate: boolean\n}\n\n/**\n * Cost info for generating content for a batch of products\n */\nexport interface BatchContentGenerationCreditCostInfo {\n  total_cost: number\n  product_id_cost_info_map: { string: ContentGenerationCreditCostInfo }\n}\n\n/**\n * 'Legacy' interface (still technically in use on the backend) for cost info\n * for generating content for products.\n *\n * @deprecated Use {@link BatchContentGenerationCreditCostInfo} or\n * {@link ContentGenerationCreditCostInfo} instead\n */\nexport interface ProductDescribeCostInResponse {\n  describe_cost: number\n  is_free_regenerate?: boolean\n  product_ids: string[]\n  error_message?: string\n}\n\n/**\n * Granular content generation subtypes\n */\nexport enum ContentGenerationType {\n  // Product descriptions\n  product_descriptions = 'product_descriptions',\n\n  // Blog\n  blog_title = 'blog_title',\n  blog_outline = 'blog_outline',\n  blog_introduction = 'blog_introduction',\n  blog_paragraph = 'blog_paragraph',\n  blog_conclusion = 'blog_conclusion',\n  blog_write_more = 'blog_write_more',\n\n  // Ads\n  advertising_text_instagram = 'advertising_text_instagram',\n  advertising_text_google = 'advertising_text_google',\n  advertising_text_facebook = 'advertising_text_facebook',\n  advertising_text_headline = 'advertising_text_headline',\n  advertising_text_linkedin = 'advertising_text_linkedin',\n  advertising_text_rewriter = 'advertising_text_rewriter',\n  advertising_text_category_page = 'advertising_text_category_page',\n  advertising_text_landing_page = 'advertising_text_landing_page',\n  advertising_text_eli5 = 'advertising_text_eli5',\n  advertising_text_email = 'advertising_text_email',\n  advertising_text_video_intro = 'advertising_text_video_intro',\n  advertising_text_meta_desc = 'advertising_text_meta_desc',\n  advertising_text_marketing_angles = 'advertising_text_marketing_angles',\n  advertising_text_press_release = 'advertising_text_press_release',\n  advertising_text_summarise = 'advertising_text_summarise',\n  advertising_text_youtube_title = 'advertising_text_youtube_title',\n  advertising_text_bio_writer = 'advertising_text_bio_writer',\n\n  // Image generation\n  text_to_image_generation = 'text_to_image_generation'\n}\n\nexport enum FeedbackContentGenerationType {\n  // Blog\n  blog_write_more = 'blog_write_more',\n\n  // Image generation\n  text_to_image_generation = 'text_to_image_generation',\n  text_to_image_generation_batch = 'text_to_image_generation_batch',\n\n  // Ads\n  advertising_text_instagram = 'advertising_text_instagram',\n  advertising_text_google = 'advertising_text_google',\n  advertising_text_facebook = 'advertising_text_facebook',\n  advertising_text_headline = 'advertising_text_headline',\n  advertising_text_linkedin = 'advertising_text_linkedin',\n  advertising_text_rewriter = 'advertising_text_rewriter',\n  advertising_text_category_page = 'advertising_text_category_page',\n  advertising_text_landing_page = 'advertising_text_landing_page',\n  advertising_text_eli5 = 'advertising_text_eli5',\n  advertising_text_email = 'advertising_text_email',\n  advertising_text_video_intro = 'advertising_text_video_intro',\n  advertising_text_meta_desc = 'advertising_text_meta_desc',\n  advertising_text_marketing_angles = 'advertising_text_marketing_angles',\n  advertising_text_press_release = 'advertising_text_press_release',\n  advertising_text_summarise = 'advertising_text_summarise',\n  advertising_text_youtube_title = 'advertising_text_youtube_title',\n  advertising_text_bio_writer = 'advertising_text_bio_writer'\n}\n\n/**\n * Top-level content generation types\n */\nexport enum ContentGenerationCategory {\n  product_descriptions = 'product_descriptions',\n  blog = 'blog',\n  advertising = 'advertising'\n}\n\n/**\n * Generation status filter key\n */\nexport enum GenerationStatusFilterKey {\n  all = 'all',\n  generated = 'generated',\n  not_generated = 'not_generated',\n  generation_error = 'generation_error',\n  marked_as_done = 'marked_as_done'\n}\n","import { useTheme } from '@material-ui/core/styles'\nimport { Theme, useMediaQuery } from '@material-ui/core'\n\n/**\n * Definition of the mobile breakpoint.\n * @param {Theme} theme\n * @return {string}\n */\nexport const getMobileBreakpoint = (theme: Theme) =>\n  theme.breakpoints.down('sm')\n\n/**\n * Centralized utility hook for checking whether the viewport width\n *  is equal to or smaller than the 'mobile' breakpoint.\n */\nexport const useIsMobile = (): boolean => {\n  const theme = useTheme()\n  return useMediaQuery(getMobileBreakpoint(theme))\n}\n","import { Message } from '@papercups-io/chat-widget/dist/api'\nimport { BlogWriteMoreAction } from '../interfaces/Blog'\nimport { Description } from '../interfaces/Products'\nimport { apiClient } from '../utils/ApiClient'\nimport { ActionPoint } from '../utils/Interfaces'\n\nexport const handleTrackAdvertisingTextAdvancedOptionsClick = (\n  isOpen: boolean\n) => {\n  return apiClient.post<void>('/analytics/advertising/advanced_options', null, {\n    params: {\n      is_open: isOpen\n    }\n  })\n}\n\nexport const trackCustomerSupportMessageReceived = (message: Message) => {\n  const messageReceived = message.body\n  return apiClient.post<void>(\n    '/analytics/customer_support_message',\n    JSON.stringify(messageReceived)\n  )\n}\n\nexport const handleTrackDescriptionSelect = (\n  description: Description,\n  product_id: string\n) => {\n  const data = {\n    description: description,\n    product_id: product_id\n  }\n  return apiClient.post<void>('/analytics/product/description_select', data)\n}\n\nexport const handleTrackDescriptionCopy = (\n  description: Description,\n  productId: string\n) => {\n  return apiClient.post<void>('/analytics/product/description_copy', {\n    description: description,\n    product_id: productId\n  })\n}\n\nexport const handleTrackDescriptionDelete = (\n  description: Description,\n  productId: string\n) => {\n  return apiClient.post<void>('/analytics/product/description_delete', {\n    description: description,\n    product_id: productId\n  })\n}\n\nexport const handleTrackCustomerContactUs = () => {\n  return apiClient.post<void>('/analytics/customer_contact_us')\n}\n\n/**\n * Log to analytics that a user clicked 'learn more' on a feature.\n * @param {string} feature The feature the user clicked 'learn more' on\n */\nexport const handleTrackCustomerLearnMore = (feature?: string) => {\n  return apiClient.post<void>('/analytics/customer_learn_more', null, {\n    params: { feature }\n  })\n}\n\nexport const handleTrackCustomerWantsCustomImportFile = () => {\n  return apiClient.post<void>('/analytics/customer_custom_file_import')\n}\n\nexport const handleTrackCustomerViewApiDocs = () => {\n  return apiClient.post<void>('/analytics/customer_view_api_docs')\n}\n\nexport const handleTrackEnterprisePlanContactUs = () => {\n  return apiClient.post<void>('/analytics/customer_enterprise_plan_contact_us')\n}\n\n// ===== Insights dashboard analytics =====\n/**\n * To be invoked when the action button on an action point is clicked\n * @param {ActionPoint} action_point The action point that was clicked\n */\nexport const handleTrackInsightsActionPointClick = async (\n  action_point: ActionPoint\n) => {\n  return apiClient.post<void>(\n    '/analytics/insights_action_point_click',\n    action_point\n  )\n}\n\n// ===== General Analytics =====\nexport const handleTrackPageVisit = async (pathname: string) => {\n  return apiClient\n    .post('/analytics/page_visit', null, {\n      params: {\n        pathname: pathname\n      }\n    })\n    .then((_resp) => {})\n    .catch((error) => {\n      console.log(error)\n    })\n}\n\n// ===== Blog Analytics =====\nexport const handleTrackExportBlogPosts = async (\n  blogId: string\n): Promise<void> => {\n  await apiClient.post<void>(\n    '/analytics/blog/export_posts',\n    {},\n    {\n      params: { blog_id: blogId, export_type: 'docx' }\n    }\n  )\n}\n\nexport const handleTrackWriteMoreAction = async (\n  blogId: string,\n  blogWriteMoreAction: BlogWriteMoreAction\n): Promise<void> => {\n  await apiClient.post<void>(\n    '/analytics/blog/blog_write_more_action',\n    {},\n    {\n      params: { blog_id: blogId, blog_write_more_action: blogWriteMoreAction }\n    }\n  )\n}\n\n// ===== Text to Image Generation Analytics =====\nexport const handleTrackTextToImageDownload = async (\n  text_prompt: string,\n  imageId: string\n): Promise<void> => {\n  await apiClient.post<void>(\n    '/analytics/text_to_image/text_to_image_download',\n    {},\n    {\n      params: { text_prompt, image_id: imageId }\n    }\n  )\n}\n\n// ===== Referral Analytics =====\nexport const handleTrackSocialPostLinkSubmitted = async (\n  shareUrl: string\n): Promise<void> => {\n  await apiClient.post<void>(\n    '/analytics/blog/blog_social_post_link_submitted',\n    {},\n    {\n      params: { share_url: shareUrl }\n    }\n  )\n}\n","/**\n * Low-level interface to the content generation API.\n * Avoid using these functions directly. Instead, prefer the higher\n * level generation API hook or HOC.\n */\nimport { apiClient } from '../utils/ApiClient'\nimport { AxiosRequestConfig } from 'axios'\nimport {\n  AdTextFolderSearchQuery,\n  AdTextType\n} from '../interfaces/AdvertisingText'\nimport { ContentGenerationType } from '../interfaces/ContentGeneration'\nimport { Description } from '../interfaces/Products'\n\n/**\n * Wrapper around AxiosRequestConfig to add typing for the `params` property\n */\nexport interface IGenerationAPIRequestConfig<Payload = void, Params = void>\n  extends Omit<AxiosRequestConfig<Payload>, 'params'> {\n  params?: Params\n}\n\n// ===== Generation API =====\n/**\n * URL Query params for the content generation API endpoint\n */\nexport interface IGenerationAPIParams {\n  // TODO: Specifying both generation_type and copy_type is redundant - unify.\n  /**\n   * The type of content to generate\n   */\n  generation_type?: ContentGenerationType\n  /**\n   * Ad text copy type (to be deprecated)\n   * @deprecated\n   */\n  copy_type?: AdTextType\n  /**\n   * Product ID to be sent as query parameter to escape (starlette's) FastAPI's issue with escape sequencing\n   * See: https://github.com/encode/starlette/issues/826\n   */\n  productId: string\n}\n\n/**\n * Request body for the content generation API endpoint\n */\nexport type IGenerationAPIPayload = [number, number][]\n\n/**\n * Call the content generation API.\n * Take note that this function doesn't handle any errors that the endpoint may return.\n * Errors are currently handled in the GenerationAPIProvider hook where this fn is used. If you're\n *  calling this function directly, make sure you handle errors such as rate-limiting, credit exhaustion, etc.\n */\nexport const apiGenerateContent = async (\n  requestConfig: IGenerationAPIRequestConfig<\n    IGenerationAPIPayload,\n    IGenerationAPIParams\n  >\n) => {\n  const { data, ...config } = requestConfig\n  return await apiClient.post<void>(\n    '/describe/product/', // productId as a query parameter in finalConfig.params\n    data,\n    config\n  )\n}\n\n// ===== Rewrite API =====\n/**\n * Common options for all generation API handlers\n * URL Query params for the rewrite API endpoint\n */\nexport interface IRewriteAPIParams {\n  // Nothing here for now\n}\n\n/**\n * Request body for the rewrite API endpoint\n */\nexport interface IRewriteAPIPayload {\n  /**\n   * Original content to be rewritten\n   */\n  original_content: string\n}\n\n/**\n * Call the rewrite API.\n * Take note that this function doesn't handle any errors that the endpoint may return.\n * Errors are currently handled in the GenerationAPIProvider hook where this fn is used. If you're\n *  calling this function directly, make sure you handle errors such as rate-limiting, credit exhaustion, etc.\n */\nexport const apiRewriteText = async (\n  requestConfig: IGenerationAPIRequestConfig<\n    IRewriteAPIParams,\n    IRewriteAPIPayload\n  >\n) => {\n  const { data, ...config } = requestConfig\n  return await apiClient.post<string>(\n    '/rewrite', // productId as a query parameter in finalConfig.params\n    data,\n    config\n  )\n}\n\n// ==== Write more API =====\n/**\n * Context for content generation endpoint\n */\nexport interface WriteMoreGenerationContext {\n  prefix: string\n  suffix?: string\n  should_continue_line: boolean\n}\n\n/**\n * Body for the write more API endpoint\n */\nexport type IWriteMoreAPIPayload = WriteMoreGenerationContext\n\n/**\n * Axios request config for the write more API endpoint. Has a different payload\n * from the normal request config.\n */\nexport interface IWriteMoreAPIRequestConfig\n  extends AxiosRequestConfig<IWriteMoreAPIPayload> {\n  params: IGenerationAPIParams\n}\n\n// /**\n//  * Options specific to the immediate root generation API caller function\n//  */\n// export interface GenerateImmediateContentRootOptions\n//   extends GenerateContentHandlerOptions {\n//   /**\n//    * Config passed to the underlying axios request function\n//    */\n//   requestConfig: IImmediateGenerationAPIRequestConfig\n// }\n\n/**\n * Call the immediate generation API. We keep it distinct from the\n * normal generation API due to different return types.\n */\nexport const apiWriteMore = async (\n  requestConfig: IWriteMoreAPIRequestConfig\n) => {\n  const { data, ...config } = requestConfig\n  return await apiClient.post<Description[]>(\n    '/write_more/product', // productId as a query parameter in finalConfig.params\n    data,\n    config\n  )\n}\n\n// TODO: Standardize batch generation across Phoenix & Tako.\n\nexport interface GenerateBatchInRequest {\n  productIds: string[]\n  // TODO: add in prodDescQuery here. need to move ProductSearchQuery to common\n  // prodDescQuery: ProductSearchQuery\n  adTextQuery?: AdTextFolderSearchQuery\n  jobName: string | undefined\n  generationType: ContentGenerationType\n}\n\n//  Currently blocked by differing interfaces/flows.\nexport const apiGenerateBatch = async (\n  requestConfig: GenerateBatchInRequest\n) => {\n  let body = {\n    product_ids: requestConfig.productIds,\n    ad_text_query: requestConfig.adTextQuery,\n    job_name: requestConfig.jobName,\n    generation_type: requestConfig.generationType\n  }\n  return apiClient.post('/describe/products', body)\n}\n","import React, { useContext, useState } from 'react'\nimport {\n  apiGenerateContent,\n  apiRewriteText,\n  apiWriteMore,\n  WriteMoreGenerationContext\n} from '../api/LanguageModel'\nimport { Subtract } from 'utility-types'\nimport axios, { AxiosResponse } from 'axios'\nimport { BlogStepper } from '../interfaces/Blog'\nimport { AdTextType, generationTypeMap } from '../interfaces/AdvertisingText'\nimport { apiClient } from '../utils/ApiClient'\nimport { ServerErrorType } from '../utils/Interfaces'\nimport { ContentGenerationType } from '../interfaces/ContentGeneration'\nimport { Description } from '../interfaces/Products'\n\n// ===== Types & Interfaces =====\n/**\n * This defines the type of the object returned by the useGenerationAPI hook.\n * NOTE: we have inconsistent naming for interfaces. Can consider abandoning the \"I\" prefix?\n * See https://softwareengineering.stackexchange.com/questions/117348/should-interface-names-begin-with-an-i-prefix\n */\nexport interface IGenerationAPIContext {\n  /**\n   * Rewrite a piece of text\n   */\n  rewriteText: (text: string) => Promise<string | undefined>\n  // LM generation methods\n  apiGenerateAdvertisingText: (\n    productId: string,\n    adTextType: AdTextType\n  ) => Promise<AxiosResponse<void> | undefined>\n  apiGenerateBlog: (\n    productId: string,\n    blogStepper: BlogStepper,\n    subSteps?: [number, number][]\n  ) => Promise<AxiosResponse<void> | undefined>\n  apiGenerateContextualBlog: (\n    productId: string,\n    context: WriteMoreGenerationContext\n  ) => Promise<AxiosResponse<Description[]> | undefined>\n  apiGenerateProductDescription: (\n    productId: string\n  ) => Promise<AxiosResponse<void> | undefined>\n  apiCancelDescribeProduct: (productId: string) => Promise<AxiosResponse<void>>\n\n  // Credit-related methods\n  showInsufficientCreditsModal: boolean\n  setShowInsufficientCreditsModal: (show: boolean) => void\n}\n\n/**\n * Props that are common to the generation API hook and provider\n */\nexport interface GenerationAPIHookAndProviderProps {}\n\n/**\n * Props that are exclusive to the generation API context provider\n */\nexport interface GenerationAPIProviderProps\n  extends GenerationAPIHookAndProviderProps {\n  /**\n   * Callback when a rate-limit is exceeded\n   */\n  onRateLimitExceeded: () => void\n}\n\n/**\n * Props that are exclusive to the generation API hook\n */\nexport interface GenerationAPIHookProps\n  extends GenerationAPIHookAndProviderProps {}\n\n// ===== Context & Provider =====\n/**\n * Generation API context\n */\nexport const GenerationAPIContext = React.createContext<\n  IGenerationAPIContext | undefined\n>(undefined)\n\n/**\n * Generation API Context Provider\n */\nexport const GenerationAPIProvider: React.FC<GenerationAPIProviderProps> = (\n  props\n) => {\n  const { children, onRateLimitExceeded } = props\n\n  // Controls display of CTA modal when user runs out of credits\n  // TODO: Move this out so this provider can deal purely with the REST API\n  const [\n    showInsufficientCreditsModal,\n    setShowInsufficientCreditsModal\n  ] = useState<boolean>(false)\n\n  /**\n   * Handle known errors from generation API endpoints\n   */\n  const handleKnownGenerationErrors = async (error: unknown) => {\n    // Check if it's an Axios error first\n    if (axios.isAxiosError(error)) {\n      if (error.response?.status === 429) {\n        // If a rate-limit error is exceeded, this callback should notify the user\n        await onRateLimitExceeded()\n      } else if (\n        error.response?.data.detail?.error === ServerErrorType.outOfCredits\n      ) {\n        // If not enough credits, show the modal\n        setShowInsufficientCreditsModal(true)\n      } else {\n        // Not a known Axios error; rethrow\n        throw error\n      }\n    } else {\n      // Not an Axios error; rethrow\n      throw error\n    }\n    // Return undefined to keep TypeScript happy\n    return undefined\n  }\n\n  /**\n   * Rewrite a given piece of text\n   */\n  const apiGenerateRewrittenText = async (text: string) => {\n    const response = await apiRewriteText({\n      data: { original_content: text }\n    }).catch(handleKnownGenerationErrors)\n    return response?.data\n  }\n\n  /**\n   * Generate an advertisement\n   * @param productId\n   * @param {AdTextType} adTextType The type of ad to generate (instagram, google, etc)\n   */\n  const apiGenerateAdvertisingText = async (\n    productId: string,\n    adTextType: AdTextType\n  ) => {\n    // Compute generationType based on adTextType (this is a shim until we directly accept generationType as a param)\n    const generationType: ContentGenerationType = generationTypeMap[adTextType]\n\n    return await apiGenerateContent({\n      params: {\n        productId,\n        generation_type: generationType\n      }\n    }).catch(handleKnownGenerationErrors)\n  }\n\n  /**\n   * Generate content for (one step of) a blog\n   * @param {string} productId\n   * @param {BlogStepper} blogStepper Which step of the blog to generate for\n   * @param {[number, number][]} subSteps Only for blogStepper.FULL_ARTICLE; payload for which parts of article to generate\n   */\n  const apiGenerateBlog = async (\n    productId: string,\n    blogStepper: BlogStepper,\n    subSteps?: [number, number][]\n  ) => {\n    // Compute generationType based on blogStepper (this is a shim until we directly accept generationType as a param)\n    const generationTypeMap: { [key in BlogStepper]: ContentGenerationType } = {\n      [BlogStepper.TITLE]: ContentGenerationType.blog_title,\n      [BlogStepper.OUTLINE]: ContentGenerationType.blog_outline,\n      [BlogStepper.INTRO]: ContentGenerationType.blog_introduction,\n      // Note this duplicate is intentional\n      [BlogStepper.FULL_ARTICLE]: ContentGenerationType.blog_paragraph,\n      [BlogStepper.PARAGRAPH]: ContentGenerationType.blog_paragraph,\n      [BlogStepper.CONCLUSION]: ContentGenerationType.blog_conclusion\n    }\n    const generationType: ContentGenerationType = generationTypeMap[blogStepper]\n\n    let payload: [number, number][] = [[blogStepper, -1]] // [[step, subStep], ...]\n\n    // For full article, specify whether to generate intro, any number of paras, and conclusion\n    if (\n      blogStepper === BlogStepper.FULL_ARTICLE ||\n      blogStepper === BlogStepper.PARAGRAPH\n    ) {\n      if (subSteps === undefined) {\n        throw new Error('subSteps must be specified when generating paragraphs')\n      }\n      payload = subSteps\n    }\n\n    return await apiGenerateContent({\n      data: payload,\n      params: {\n        productId,\n        generation_type: generationType\n      }\n    }).catch(handleKnownGenerationErrors)\n  }\n\n  /**\n   * Request the generation API to generate descriptions for a product\n   * @param {string} productId\n   */\n  const apiGenerateProductDescription = async (productId: string) => {\n    return await apiGenerateContent({\n      params: {\n        productId,\n        generation_type: ContentGenerationType.product_descriptions\n      }\n    }).catch(handleKnownGenerationErrors)\n  }\n\n  /**\n   * Cancel content generation\n   * @param {string} productId\n   */\n  const apiCancelGenerateContent = async (productId: string) => {\n    const config = {\n      params: {\n        productId: encodeURIComponent(productId)\n      }\n    }\n    const data = {}\n    return apiClient.post<void>(\n      '/describe/cancel/',\n      data, // Can be just 'null'\n      config\n    )\n  }\n\n  /**\n   * Request the contextual generation API to generate content and return it\n   * immediately as a Description object.\n   *\n   * @param productId Product ID\n   * @param context   Context required for generation. e.g. prefix, -> ..., suffix -> ...\n   * @returns         Trivial list of Description objects with generated content\n   */\n  const apiGenerateContextualBlog = async (\n    productId: string,\n    context: WriteMoreGenerationContext\n  ) => {\n    // Compute generationType\n    const generationType: ContentGenerationType =\n      ContentGenerationType.blog_write_more\n\n    return await apiWriteMore({\n      data: context,\n      params: {\n        productId: productId,\n        generation_type: generationType\n      }\n    }).catch(handleKnownGenerationErrors)\n  }\n\n  return (\n    <GenerationAPIContext.Provider\n      value={{\n        rewriteText: apiGenerateRewrittenText,\n        apiGenerateAdvertisingText,\n        apiGenerateBlog,\n        apiGenerateContextualBlog,\n        apiGenerateProductDescription,\n        apiCancelDescribeProduct: apiCancelGenerateContent,\n        showInsufficientCreditsModal,\n        setShowInsufficientCreditsModal\n      }}\n    >\n      {children}\n    </GenerationAPIContext.Provider>\n  )\n}\n\n// ===== Hook & HOC =====\n/**\n * Hook for requesting various content types from the Generation API.\n */\nexport const useGenerationAPI = (_props?: GenerationAPIHookProps) => {\n  // NOTE: props currently unused, but can be used to override the provider's defaults in the future\n  const context = useContext(GenerationAPIContext)\n  if (context === undefined) {\n    throw new Error(\n      'useGenerationAPI must be used within a GenerationAPIProvider'\n    )\n  }\n  return context\n}\n\nexport const withGenerationAPI = (props?: GenerationAPIHookProps) => {\n  return <Props extends IGenerationAPIContext>(\n    Component: React.ComponentType<Props>\n  ) => {\n    const Wrapper: React.FC<Subtract<Props, IGenerationAPIContext>> = (\n      componentProps\n    ) => {\n      const generationAPIHookResult = useGenerationAPI(props)\n      return (\n        <Component\n          {...generationAPIHookResult}\n          {...(componentProps as Props)}\n        />\n      )\n    }\n    return Wrapper\n  }\n}\n","import axios from 'axios'\nimport { handleDates } from '@hypotenuse/common/src/utils/Functions'\nimport { SERVER } from './Constants'\n\nexport const apiClient = axios.create({\n  baseURL: SERVER,\n  // Send browser cookies to the server\n  withCredentials: true\n})\n\n/**\n * This interceptor casts valid date strings into the `Date` class.\n */\napiClient.interceptors.response.use((originalResponse) => {\n  handleDates(originalResponse.data)\n  return originalResponse\n})\n","/**\n * This module provides Help Scout's Beacon script via a hook.\n */\nimport React, { useEffect, useState } from 'react'\nimport { LiveChatLoaderProvider, useChat } from 'react-live-chat-loader'\nimport { Beacon } from './types'\n\nexport interface BeaconProps {\n  /**\n   * The window.Beacon object - this should be undefined until the script is fully loaded.\n   */\n  beacon?: Beacon\n  isBeaconLoaded: boolean\n  disableBeaconLinks?: boolean\n}\n\n/**\n * Default value in the context is undefined.\n * Once the global Beacon script in the <script> tag executes,\n * @type {React.Context<Beacon | undefined>}\n */\nexport const BeaconContext = React.createContext<BeaconProps | undefined>(\n  undefined\n)\n\nexport interface InnerBeaconProviderProps {\n  disableBeaconLinks?: boolean\n}\n\nexport interface BeaconProviderProps extends InnerBeaconProviderProps {\n  beaconId: string\n}\n\n/**\n * The 'inner' provider component that immediately initializes Beacon on mount.\n */\nconst InnerBeaconProvider: React.FC<InnerBeaconProviderProps> = ({\n  children,\n  disableBeaconLinks\n}) => {\n  // Initialize Beacon on mount\n  const [state, loadChat] = useChat()\n  if (state === undefined) {\n    throw new Error(\n      \"LiveChatLoaderProvider's `providerKey` not set. Did you forget to add <LiveChatLoaderProvider>?\"\n    )\n  }\n  useEffect(() => loadChat({ open: false }), [])\n\n  // Ensure that the `beacon` returned by the hook is undefined until fully loaded.\n  const [isBeaconLoaded, setIsBeaconLoaded] = useState<boolean>(false)\n  useEffect(() => {\n    if (state === 'complete') setIsBeaconLoaded(true)\n  }, [state])\n  const beacon = isBeaconLoaded ? window.Beacon : undefined\n\n  return (\n    <BeaconContext.Provider\n      value={{ beacon, isBeaconLoaded, disableBeaconLinks }}\n    >\n      {children}\n    </BeaconContext.Provider>\n  )\n}\n\n/**\n * The main BeaconProvider component that's meant to directly wrap the app component\n */\nexport const BeaconProvider: React.FC<BeaconProviderProps> = ({\n  beaconId,\n  ...restProps\n}) => {\n  return (\n    /**\n     * LiveChatLoaderProvider must wrap the inner provider because\n     * the inner provider calls `useChat` to immediately initialize Beacon.\n     */\n    <LiveChatLoaderProvider provider=\"helpScout\" providerKey={beaconId}>\n      <InnerBeaconProvider {...restProps} />\n    </LiveChatLoaderProvider>\n  )\n}\n","import { useContext } from 'react'\nimport { makePropInjectorHOCFromHook } from '../../hooks/hocify'\nimport { BeaconContext, BeaconProps } from './BeaconProvider'\n\nexport const useBeacon = (): BeaconProps => {\n  const beaconContext = useContext(BeaconContext)\n  if (beaconContext === undefined) {\n    throw new Error(`useBeacon must be used within a BeaconProvider`)\n  }\n  return beaconContext\n}\n\nexport const withBeacon = makePropInjectorHOCFromHook(useBeacon)\n","import React, { useEffect, useState } from 'react'\nimport { Box } from '@material-ui/core'\nimport { Image } from 'semantic-ui-react'\nimport {\n  APP_LAUNCHED_REDIRECT_URL,\n  SHOPIFY_ACCESS_SCOPES,\n  SHOPIFY_API_KEY\n} from '../utils/Constants'\n\nfunction UnauthorizedError() {\n  const [authUrl, setAuthUrl] = useState<string>()\n\n  useEffect(() => {\n    setTimeout(async () => {\n      // Form shopify redirect url to redirect user to shopify login\n      let url = 'https://www.shopify.com/admin/oauth/authorize?'\n      url += [\n        `client_id=${SHOPIFY_API_KEY}`,\n        `scope=${SHOPIFY_ACCESS_SCOPES.join()}`,\n        `redirect_uri=${APP_LAUNCHED_REDIRECT_URL}`\n      ].join('&')\n\n      setAuthUrl(url)\n    }, 2000)\n  }, [])\n\n  useEffect(() => {\n    if (authUrl) {\n      window.location.href = authUrl\n    }\n  }, [authUrl])\n\n  return (\n    <Box\n      display=\"flex\"\n      flexDirection=\"column\"\n      justifyContent=\"center\"\n      alignItems=\"center\"\n      minHeight=\"100vh\"\n      data-testid=\"unauthorizedPage\"\n    >\n      <Image src=\"/assets/authentication_needed.svg\" size=\"large\" />\n      <h2 style={{ textAlign: 'center', padding: '10px' }}>\n        Sit tight! We are redirecting you back to Shopify for authentication.\n      </h2>\n    </Box>\n  )\n}\n\nexport default UnauthorizedError\n","import React from 'react'\nimport { Subtract } from 'utility-types'\n\n/**\n * Type definition for a hook function that takes a single argument and returns a result\n */\ntype HookWithoutParams<R> = () => R\n\n/**\n * Type definition for a HOC that injects props into a component in such a way that\n * the injected props don't need to be supplied when the wrapped component is instantiated.\n */\ntype PropInjectorHOC<T extends object> = <InjectedProps extends T>(\n  Component: React.ComponentType<InjectedProps>\n) => React.FunctionComponent<Subtract<InjectedProps, T>>\n\n/**\n * A function that transforms a hook function (which takes no arguments) into a prop-injection style HOC.\n *  * References:\n * {@link https://github.com/ricokahler/hocify/blob/29e166205f81aae8e262604d598a6adee57df952/index.js}\n * {@link https://medium.com/@jrwebdev/react-higher-order-component-patterns-in-typescript-42278f7590fb}\n * {@link https://react-typescript-cheatsheet.netlify.app/docs/hoc/full_example/}\n *\n * TODO: Extend to allow hooks that take parameters.\n * TODO: Extend to allow the 'enhancer' pattern.\n */\nexport const makePropInjectorHOCFromHook = <HookResult extends object>(\n  hook: HookWithoutParams<HookResult>\n): PropInjectorHOC<HookResult> => {\n  return <Props extends HookResult>(Component: React.ComponentType<Props>) => {\n    const WrapperComponent: React.FunctionComponent<\n      Subtract<Props, HookResult>\n    > = (props) => {\n      const hookResult = hook()\n      return <Component {...hookResult} {...(props as Props)} />\n    }\n    WrapperComponent.displayName = `withInjectedProps(${\n      Component.displayName || Component.name\n    })`\n    return WrapperComponent\n  }\n}\n","export enum TourType {\n  helphero = 'helphero'\n}\nexport interface Tour {\n  id: string\n  name: string\n  type: TourType\n}\nexport interface TourProgress {\n  step?: string\n  is_complete: boolean\n  version: string\n  is_exit: boolean\n  timestamp?: Date\n}\n","// ===== CONSTANTS =====\nimport { KeywordBarStyle, KeywordStrength } from './Interfaces'\nimport { Tour, TourType } from '@hypotenuse/common/src/interfaces/Tutorial'\n\nexport const PRODUCT_TAGS_MAX_CHARS = 500\n\nexport const STAGE = process.env.REACT_APP_STAGE\nexport const IS_PRODUCTION = STAGE === 'prod'\nexport const IS_DEPLOYED = STAGE === 'staging' || IS_PRODUCTION\nexport const SERVER = process.env.REACT_APP_SERVER || ''\nexport const SHOPIFY_ADD_PRODUCT_URL = `${SERVER}/shopify/add_product_page`\nexport const SUPPORT_EMAIL = 'support@hellotako.com'\nexport const SUPPORT_SUBJECT = 'Help%20with%20Tako'\nexport const SUPPORT_BODY =\n  'Hello%20Tako%2C%0D%0A%0D%0AI%20am%20reaching%20out%20to%20you%20for%20help%20with%20%5Bfeature%2Fproblem%5D%0D%0A%0D%0AThank%20you!%0D%0A%0D%0ARegards%2C%0D%0A%5Byour%20name%5D%0D%0A'\n\nexport const LOGO_SHORT_SRC = '/logos/logo_short_outline_purple.svg'\nexport const LOGO_LONG_SRC = '/logos/logo_long_outline_purple.svg'\n\n// ===== SHOPIFY AUTH =====\n// Referenced from backend/app/constants.py\nexport const SHOPIFY_API_KEY = IS_PRODUCTION\n  ? '5fb2fc0bcb17a97c16d58dab9535b586'\n  : 'fdff19ba90235c4c894e03a60f7216e0'\nexport const SHOPIFY_APP_HOST = process.env.REACT_APP_APP_HOST\nexport const APP_LAUNCHED_REDIRECT_URL = `${SHOPIFY_APP_HOST}/shopify/app_launched`\n// https://shopify.dev/docs/admin-api/access-scopes\nexport const SHOPIFY_ACCESS_SCOPES = [\n  'read_products',\n  'write_products',\n  'read_script_tags',\n  'read_themes',\n  'read_checkouts'\n]\n// ===== Dialog ID =====\nexport const GENERATE_WITHOUT_TAGS_DIALOG_ID =\n  'generate-description-without-tags'\n\n// ===== UNDO DELAY TIMING =====\nexport const DEFAULT_DELAY_TIMING = 1500\n\n// ===== HELP SCOUT BEACON =====\nexport const HELPSCOUT_BEACON_ID = 'ab86064c-229e-46da-915f-fd877c3c979c'\nexport const DISABLE_BEACON_LINKS = false\n\n// ===== CHAT SUPPORT =====\nconst PAPERCUPS_PRIMARY_COLOR = getComputedStyle(\n  document.documentElement\n).getPropertyValue('--themeCol1-primary-color')\n\nexport const PAPERCUPS_ACCOUNT_ID = 'cf2ea147-920e-49a2-9751-60d832aebe29'\nexport const PAPERCUPS_CHAT_TITLE = 'Welcome to Tako'\nexport const PAPERCUPS_CHAT_SUBTITLE =\n  'Ask us anything in the chat window below 😊'\nexport const PAPERCUPS_CHAT_PLACEHOLDER = 'Start typing...'\nexport const PAPERCUPS_CHAT_GREETING = 'Hi there! How can I help you?'\nexport const PAPERCUPS_CHAT_COLOR = PAPERCUPS_PRIMARY_COLOR\nexport const PAPERCUPS_BASE_URL = 'https://app.papercups.io'\n\n// ===== FULL STORY =====\nexport const FULLSTORY_ORGID = 'ZW9GE'\n\n// ===== SENTRY =====\nexport const SENTRY_DSN =\n  'https://27eea719755e42f1a96cd982cd39bec9@o489922.ingest.sentry.io/5554954'\n/**\n * Trace sample rate for Sentry. This is a number between 0 and 1, where 1 means\n * all traces will be sent to Sentry.\n */\nexport const SENTRY_TRACE_SAMPLE_RATE = 0.01\n\n// ===== GOOGLE ANALYTICS =====\nexport const GOOGLE_ANALYTICS_TRACK_CODE = 'UA-159925479-3'\n\n// ===== LOGROCKET =====\nexport const LOGROCKET_APP_ID_1 = 'd5hj4i/hellotako-prod-ansz9'\nexport const LOGROCKET_APP_ID_2 = 'bippsm/hellotako-prod'\nexport const LOGROCKET_APP_ID = LOGROCKET_APP_ID_2 // To be switched out when running close to LogRocket limits\n\n// ===== CUSTOMER IO =====\nexport const CIO_APP_ID = 100951\n\n// ===== INTERVIEW =====\nexport const CALENDLY_URL = 'https://calendly.com/joshuawong/tako-intro'\n\nexport const SHOPIFY_HELPHERO_TUTORIAL_TOUR: Tour = {\n  id: 'q9xtMHuxFVt',\n  name: 'tutorial_tour',\n  type: TourType.helphero\n}\n\nexport const MIN_NUM_STRONG_KEYWORDS = 4\n\nexport const KEYWORD_BAR_COLOR: KeywordBarStyle = {\n  [KeywordStrength.weak]: '#EE1A31',\n  [KeywordStrength.average]: '#FFCC47',\n  [KeywordStrength.strong]: '#65CB75'\n}\n\n// ===== GOOGLE TAG MANAGER CONSTANTS =====\n// Container ID, should be like 'GTX-XXXXXXX'\nconst GTM_LIVE_CONTAINER = 'GTM-KB9793D'\nconst GTM_DEV_CONTAINER = 'GTM-N9MWNPS'\nexport const GTM_CONTAINER_ID = IS_DEPLOYED\n  ? GTM_LIVE_CONTAINER\n  : GTM_DEV_CONTAINER\n\n// ====== Feature Flags ======\n/**\n * Share blog article previews (for public viewing) using permalinks.\n * Disabled on Tako since it's not ported over to Tako.\n */\nexport const TAKO_ENABLE_ARTICLE_PUBLIC_SHARING = true\nexport const TAKO_ENABLE_NEW_REFERRALS = true\n","import { SHOPIFY_HELPHERO_TUTORIAL_TOUR } from './Constants'\nimport { User } from './Interfaces'\n\nexport const titleCase = (text: string) => {\n  let splitStr = text.toLowerCase().split(' ')\n  for (let i = 0; i < splitStr.length; i++) {\n    splitStr[i] = splitStr[i].charAt(0).toUpperCase() + splitStr[i].substring(1)\n  }\n  return splitStr.join(' ')\n}\n\nexport const replacePeriodWithUnderscore = (text: string) => {\n  return text.replace(/\\./g, '_')\n}\n\nexport const getDateFromIsoString = (date: string) => {\n  return date.split('T')[0]\n}\n\nexport const downloadFile = (url: string, filename: string) => {\n  const link = document.createElement('a')\n  link.href = url\n  link.setAttribute('download', filename)\n\n  // Append to html link element page\n  document.body.appendChild(link)\n\n  // Start download\n  link.click()\n\n  // Clean up and remove the link\n  document.body.removeChild(link)\n}\n\nexport function paginate<T>(\n  list: T[],\n  currentPage: number,\n  pageSize: number\n): T[] {\n  return list.slice((currentPage - 1) * pageSize, currentPage * pageSize)\n}\n\nexport const isValidDate = (date: any) => {\n  return date instanceof Date && !isNaN(date.getTime())\n}\n\nexport const getIsTutorialComplete = (user: User): boolean => {\n  const completedToursIds = user.completedToursIds\n  return (\n    completedToursIds === undefined ||\n    completedToursIds.includes(SHOPIFY_HELPHERO_TUTORIAL_TOUR.id)\n  )\n}\n\nexport const getNameFromShopifyUserName = (username: string): string => {\n  const SHOPIFY_SUBDOMAIN = '.myshopify.com'\n  const shopifySubdomainIndex = username.search(SHOPIFY_SUBDOMAIN)\n  return shopifySubdomainIndex === -1\n    ? username\n    : username.slice(0, shopifySubdomainIndex)\n}\n","// More configs: https://material-ui.com/customization/palette/\nimport { createMuiTheme } from '@material-ui/core'\n\nconst theme = createMuiTheme({\n  palette: {\n    primary: {\n      main: 'hsl(220, 91%, 54%)'\n    }\n  },\n  shape: {\n    borderRadius: 16\n  },\n  overrides: {\n    // MUI's buttons look really bad, esp since they are uppercase\n    MuiButton: {\n      root: {\n        textTransform: 'none',\n        fontWeight: 700,\n        fontFamily: \"Lato,'Helvetica Neue',Arial,Helvetica,sans-serif\"\n      }\n    },\n    MuiInputBase: {\n      input: {\n        '&::placeholder': {\n          color: 'grey'\n        }\n      }\n    }\n  }\n})\n\ntheme.shadows[1] =\n  'rgb(145 158 171 / 20%) 0px 0px 2px 0px, rgb(145 158 171 / 20%) 0px 1px 3px -1px'\ntheme.shadows[2] =\n  '0px 2px 1px -1px rgb(0 0 0 / 12%), 0px 1px 1px 2px rgb(0 0 0 / 6%)'\ntheme.shadows[3] = 'box-shadow 0.2s ease-in-out, border 0.2s ease-in-out'\ntheme.shadows[4] = '0px 4px 8px rgba(38, 38, 38, 0.2)'\n\nexport { theme }\n","// import * as Sentry from '@sentry/react'\n\nexport const canShowRetryingMessage = (\n  currentDate: Date,\n  expiredAt?: Date,\n  loadingAt?: Date\n): boolean => {\n  if (!expiredAt || !loadingAt) return false\n  // Threshold to render time remaining\n  const minTimeAfterGenerate = (expiredAt.getTime() - loadingAt.getTime()) / 2\n  return currentDate.getTime() - loadingAt.getTime() > minTimeAfterGenerate\n}\n\nexport const canShowCancelButton = (\n  currentDate: Date,\n  expiredAt?: Date,\n  loadingAt?: Date\n): boolean => {\n  if (!expiredAt || !loadingAt) return false\n  const minTimeAfterGenerate =\n    (expiredAt.getTime() - loadingAt.getTime()) * (3 / 4)\n  const showCancelButton =\n    currentDate.getTime() - loadingAt.getTime() > minTimeAfterGenerate\n  // Comment out because Sentry is getting spammed 10K+ events\n  // if (showCancelButton) {\n  //   Sentry.captureMessage(\n  //     'Track Cancel generation (and refund) displayed to user',\n  //     'warning'\n  //   )\n  // }\n  return showCancelButton\n}\n","import React from 'react'\nimport { useIsMobile } from '../../hooks/UseIsMobile'\nimport { useLocalStorage } from '../../hooks/useLocalStorage'\nimport MobileWarningBannerProps from './MobileWarningBannerProps'\n\n/**\n * Hook that handles logic & provides props for the mobile warning banner\n */\nconst useMobileWarningBanner: () => MobileWarningBannerProps = () => {\n  // Only show the banner on mobile devices\n  const isMobile = useIsMobile()\n  // If the user has dismissed the banner, don't show it again\n  const [dismissed, setDismissed] = useLocalStorage(\n    'mobile-warning-banner-dismissed',\n    false\n  )\n  return { hidden: !isMobile || dismissed, onClose: () => setDismissed(true) }\n}\n\nexport default useMobileWarningBanner\n\nexport const withMobileWarningBanner = <\n  Props extends { mobileWarningBannerProps: MobileWarningBannerProps }\n>(\n  Component: React.ComponentType<Props>\n) => {\n  const Wrapper: React.FC<Omit<Props, 'mobileWarningBannerProps'>> = (\n    componentProps\n  ) => {\n    const hookResult = useMobileWarningBanner()\n    return <Component {...hookResult} {...(componentProps as Props)} />\n  }\n  return Wrapper\n}\n","import React from 'react'\nimport { Alert, AlertTitle } from '@material-ui/lab'\nimport MobileWarningBannerProps from './MobileWarningBannerProps'\nimport {\n  IconButton,\n  makeStyles\n} from '@material-ui/core'\nimport Close from '@material-ui/icons/Close'\n\nconst useStyles = makeStyles((theme) => ({\n  root: { borderColor: theme.palette.divider, textAlign: 'left' },\n  icon: { color: `${theme.palette.grey[500]} !important` },\n  action: { alignItems: 'flex-start', paddingTop: theme.spacing(0.5) }\n}))\n\nconst MobileWarningBanner: React.FC<MobileWarningBannerProps> = (props) => {\n  const { hidden, onClose } = props\n  const classes = useStyles()\n  return hidden ? null : (\n    <Alert\n      variant=\"outlined\"\n      severity=\"info\"\n      action={\n        <IconButton size=\"small\" onClick={onClose}>\n          <Close />\n        </IconButton>\n      }\n      classes={{\n        root: classes.root,\n        icon: classes.icon,\n        action: classes.action\n      }}\n    >\n      <AlertTitle>Access all features on desktop</AlertTitle>\n      Our mobile version has limited features.\n      <br />\n      For the best experience, switch to using your desktop.\n    </Alert>\n  )\n}\n\nexport default MobileWarningBanner\n","import { makeStyles, Theme, createStyles, Typography } from '@material-ui/core'\nimport React from 'react'\nimport BeaconArticleLink from '../../../integrations/HelpScout/components/BeaconArticleLink'\nimport {\n  AdTextType,\n  BeaconArticleIdSlots\n} from '../../../interfaces/AdvertisingText'\n\ninterface AdTextFormHeaderProps {\n  adTextType: AdTextType\n  beaconArticleIds: Record<BeaconArticleIdSlots, string | undefined>\n}\n\nexport const adHeaders = {\n  [AdTextType.google]: 'Google ads',\n  [AdTextType.instagram]: 'Instagram captions',\n  [AdTextType.facebook]: 'Facebook ads',\n  [AdTextType.headline]: 'Website headlines and slogans',\n  [AdTextType.linkedin]: 'Linkedin posts',\n  [AdTextType.rewriter]: 'Rewrite content',\n  [AdTextType.category_page]: 'Category page descriptions',\n  [AdTextType.landing_page]: 'Landing page content',\n  [AdTextType.eli5]: 'Simplify language',\n  [AdTextType.email]: 'Email copy',\n  [AdTextType.video_intro]: 'Video hook and introduction',\n  [AdTextType.meta_desc]: 'Meta titles and descriptions',\n  [AdTextType.marketing_angles]: 'Marketing angles',\n  [AdTextType.press_release]: 'Press releases',\n  [AdTextType.summarise]: 'Summarize content', // Note the change in spelling (UK to US)\n  [AdTextType.youtube_title]: 'Youtube titles and descriptions',\n  [AdTextType.bio_writer]: 'Bio writer'\n}\n\nexport const adSubHeaders = {\n  [AdTextType.google]:\n    'Create effective and persuasive ads that generate leads and sales.',\n  [AdTextType.instagram]:\n    'Write scroll-stopping captions that encourages people to stop, look, and like.',\n  [AdTextType.facebook]:\n    'Craft powerful and compelling ads that speak to your target market.',\n  [AdTextType.headline]:\n    'Develop headlines and taglines that pack a punch and convert visitors into customers.',\n  [AdTextType.linkedin]:\n    'Engage your target audience with thought-provoking and persuasive content.',\n  [AdTextType.rewriter]:\n    'Refresh and repurpose content while making it more engaging and effective.',\n  [AdTextType.category_page]:\n    'Optimize your category pages with descriptions that increase organic traffic.',\n  [AdTextType.landing_page]:\n    'Create benefit-focused landing pages that entice visitors to take the next step.',\n  [AdTextType.eli5]:\n    'Make complex concepts easy to understand and jargon-free.',\n  [AdTextType.email]:\n    'Write copy to get your message across, no matter how crowded the inbox.',\n  [AdTextType.video_intro]:\n    'Write a catchy and intriguing hook to reel viewers in and keep them watching.',\n  [AdTextType.meta_desc]:\n    'Write meta titles and descriptions that are optimized for search engines.',\n  [AdTextType.marketing_angles]:\n    'Generate marketing angles that are persuasive and compelling.',\n  [AdTextType.press_release]:\n    'Write press releases that are newsworthy and engaging.',\n  [AdTextType.summarise]:\n    'Summarize content to make it more concise and say more with less.', // Note the change in spelling (UK to US)\n  [AdTextType.youtube_title]:\n    'Optimize your videos for greater visibility and higher engagement.',\n  [AdTextType.bio_writer]:\n    'Elevate any page with a well-written bio that will make people want to know more',\n}\n\nconst useStyles = makeStyles((theme: Theme) =>\n  createStyles({\n    spanContent: {\n      color: theme.palette.grey[500]\n    },\n    noBottomMargin: {\n      marginBottom: '0px !important'\n    }\n  })\n)\n\nexport const AdTextFormHeader = (props: AdTextFormHeaderProps) => {\n  const { adTextType, beaconArticleIds } = props\n  const classes = useStyles()\n  const headerContent = adHeaders[adTextType]\n  const spanContent = adSubHeaders[adTextType]\n\n  const adsGenerationBeaconLink = beaconArticleIds.adsGeneration && (\n    <BeaconArticleLink articleId={beaconArticleIds.adsGeneration}>\n      <p>Need Help?</p>\n    </BeaconArticleLink>\n  )\n\n  return (\n    <div>\n      <Typography variant=\"h5\" className={classes.noBottomMargin}>\n        {headerContent}\n      </Typography>\n      <span className={classes.spanContent}>{spanContent}</span>{' '}\n      {adsGenerationBeaconLink}\n    </div>\n  )\n}\n","import React from 'react'\nimport { Grid } from '@material-ui/core'\nimport { Header, Modal, ModalProps } from 'semantic-ui-react'\nimport EnhancedButton, { ButtonColor, ButtonVariant } from './EnhancedButton'\n\ninterface Props extends ModalProps {\n  isOpen: boolean\n  header: React.ReactNode\n  headerStyle?: React.CSSProperties\n  body: React.ReactNode\n  trigger?: React.ReactNode\n  secondaryVariant?: ButtonVariant\n  secondaryColor?: ButtonColor\n  secondaryText?: React.ReactNode\n  secondaryIcon?: React.ReactNode\n  secondaryFunc: Function\n  secondaryDisabled?: boolean\n  primaryVariant?: ButtonVariant\n  primaryColor?: ButtonColor\n  primaryText?: React.ReactNode\n  primaryIcon?: React.ReactNode\n  primaryDisabled?: boolean\n  primaryFunc: Function\n  disabled?: boolean\n  noBodyPadding?: boolean\n}\n\n/**\n * Generic modal component with primary and secondary actions.\n *\n * @deprecated This component uses the Modal from semantic-ui, which we're moving away from\n */\nexport default function GeneralModal(props: Props) {\n  const {\n    primaryColor = 'primary',\n    primaryVariant = 'contained',\n    secondaryColor = 'primary',\n    secondaryVariant = 'outlined',\n    header,\n    ...modalProps\n  } = props\n  return (\n    <Modal\n      closeIcon\n      // TODO: Rename `isOpen` to `open` to match Semantic UI's ModalProps\n      open={props.isOpen}\n      onClose={props.disabled ? undefined : props.onClose}\n      {...modalProps}\n    >\n      <Header style={props?.headerStyle} content={header} />\n      {props.noBodyPadding === true ? (\n        props.body\n      ) : (\n        <Modal.Content>{props.body}</Modal.Content>\n      )}\n      {(props.primaryText || props.secondaryText) && (\n        <Modal.Actions>\n          <Grid container alignItems=\"center\" justify=\"flex-end\" spacing={1}>\n            <Grid item>\n              {props.secondaryText && (\n                <EnhancedButton\n                  variant={secondaryVariant}\n                  color={secondaryColor}\n                  disabled={props.disabled || props.secondaryDisabled}\n                  startIcon={props.secondaryIcon}\n                  onClick={() => props.secondaryFunc()}\n                  data-testid={`${props.secondaryText}__secondaryBtn`}\n                >\n                  {props.secondaryText}\n                </EnhancedButton>\n              )}\n            </Grid>\n            <Grid item>\n              {props.primaryText && (\n                <EnhancedButton\n                  variant={primaryVariant}\n                  color={primaryColor}\n                  disabled={props.disabled || props.primaryDisabled}\n                  startIcon={props.primaryIcon}\n                  onClick={() => props.primaryFunc()}\n                  data-testid={`${props.primaryText}__primaryBtn`}\n                >\n                  {props.primaryText}\n                </EnhancedButton>\n              )}\n            </Grid>\n          </Grid>\n        </Modal.Actions>\n      )}\n    </Modal>\n  )\n}\n\nGeneralModal.defaultProps = {\n  dimmer: 'inverted',\n  closeIcon: true\n}\n","import React from 'react'\nimport { Link } from '@material-ui/core'\nimport { useBeacon } from '../useBeacon'\nimport { ArticleOpenMode } from '../types'\n\nexport interface Props {\n  articleId: string\n  openMode?: ArticleOpenMode\n  style?: React.CSSProperties\n}\n\nconst BeaconArticleLink: React.FC<Props> = (props) => {\n  const { children, articleId, openMode } = props\n\n  const { beacon, isBeaconLoaded, disableBeaconLinks } = useBeacon()\n\n  const handleClick = () => {\n    // Open the Help Scout article\n    beacon?.('article', articleId, {\n      type: openMode\n    })\n    // TODO: Track clicks on link.\n    //  Currently unable to track because Analytics is defined separately in\n    //  /platform and /shopify, and cannot be imported into /common.\n  }\n\n  if (disableBeaconLinks) return null\n\n  return (\n    // Don't display anything until beacon is fully loaded\n    <>\n      {isBeaconLoaded && (\n        <Link\n          style={{ ...props.style, verticalAlign: 'inherit' }}\n          onClick={handleClick}\n          component=\"button\"\n          type=\"button\"\n        >\n          {children}\n        </Link>\n      )}\n    </>\n  )\n}\n\nBeaconArticleLink.defaultProps = {\n  openMode: 'sidebar'\n}\n\nexport default BeaconArticleLink\n","import { Article } from './types'\n\nexport enum ArticleName {\n  keywords = 'keywords',\n  productImage = 'productImage',\n  adTextTargetAudience = 'adTextTargetAudience',\n  welcome = 'welcome',\n  import = 'import',\n  catalogs = 'catalogs',\n  products = 'products',\n  blog = 'blog',\n  ads = 'ads',\n  plagiarismChecker = 'plagiarismChecker',\n  imageGen = 'imageGen',\n}\n\nexport const beaconArticles: { [key in ArticleName]: Article } = {\n  [ArticleName.keywords]: { id: '612881f4f886c9486f8dca92' },\n  [ArticleName.productImage]: { id: '612ded5200c03d6720752823' },\n  [ArticleName.welcome]: { id: '611e6460b37d837a3d0e5500' },\n  [ArticleName.adTextTargetAudience]: { id: '612dee0e2b380503dfdec9c5' },\n  [ArticleName.import]: { id: '613058e700c03d6720753377' },\n  [ArticleName.catalogs]: { id: '61308f3a2b380503dfded655' },\n  [ArticleName.products]: { id: '613082d900c03d6720753402' },\n  [ArticleName.blog]: { id: '615fae6812c07c18afddb7fd' },\n  [ArticleName.ads]: { id: '627dd5f68c9b585083489524' },\n  [ArticleName.plagiarismChecker]: { id: '62dfa3c4b828a850e9e61301' },\n  [ArticleName.imageGen]: {id: '6302f04086337c0b7a87b321'}\n}\n\nexport enum TakoBeaconArticleName {\n  productFeatures = 'productFeatures',\n  googleAdsTips = 'googleAdsTips',\n  facebookAdsTips = 'facebookAdsTips',\n  generatingDescriptions = 'generatingDescriptions',\n  generatingAds = 'generatingAds'\n}\n\nexport const takoBeaconArticles: { [key in TakoBeaconArticleName]: Article } = {\n  [TakoBeaconArticleName.productFeatures]: { id: '615bf92f2b380503dfdf76c0' },\n  [TakoBeaconArticleName.googleAdsTips]: { id: '615bf92f2b380503dfdf76c0' },\n  [TakoBeaconArticleName.facebookAdsTips]: { id: '615c1212e5648623c88e1800' },\n  [TakoBeaconArticleName.generatingDescriptions]: {\n    id: '61775be412c07c18afde0eaa'\n  },\n  [TakoBeaconArticleName.generatingAds]: {\n    id: '617760430332cb5b9e9b75af'\n  }\n}\n","import { apiClient } from '@hypotenuse/common/src/utils/ApiClient'\nimport { ReportType } from '../utils/Interfaces'\nimport { Description } from '@hypotenuse/common/src/interfaces/Products'\n\nexport const handleTrackUserSession = () => {\n  apiClient\n    .post('/analytics/session')\n    .then((_resp) => {})\n    .catch((error) => {\n      console.log(error)\n    })\n}\n\nexport const handleTrackDescriptionEdit = (\n  description: Description,\n  productId: string\n) => {\n  return apiClient.post<void>('/analytics/product/description_edit', {\n    description: description,\n    product_id: productId\n  })\n}\n\nexport const handleTrackDescriptionCopy = (\n  description: Description,\n  productId: string\n) => {\n  return apiClient.post<void>('/analytics/product/description_copy', {\n    description: description,\n    product_id: productId\n  })\n}\n\nexport const handleTrackDescriptionPaste = (\n  content: string,\n  description: Description,\n  productId: string\n) => {\n  return apiClient.post<void>(\n    '/analytics/product/description_paste',\n    {\n      description: description,\n      product_id: productId\n    },\n    {\n      params: {\n        content: content\n      }\n    }\n  )\n}\n\nexport const handleTrackCopyReviewTemplate = () => {\n  return apiClient.post<void>('/analytics/copy_review_template')\n}\n\nexport const handleTrackReviewPopupOpen = () => {\n  return apiClient.post<void>('/analytics/review_popup_open')\n}\n\nexport const handleTrackSettingsButtonClick = () => {\n  return apiClient.post<void>('/analytics/settings')\n}\n\n// Currently, we download all events since the start of our Shopify App\nexport const handleDownloadMixpanelData = (report_type: ReportType) => {\n  const toDate = new Date()\n  const fromDate = new Date(2020, 12, 1) // 12 December 2020\n\n  // To Date can't be today's date, so need to minus 1 day from current date\n  toDate.setDate(toDate.getDate() - 1)\n\n  return apiClient\n    .get<string>('/analytics/mixpanel_data', {\n      params: {\n        from_date: fromDate.toISOString().slice(0, 10), // Remove Time\n        to_date: toDate.toISOString().slice(0, 10),\n        report_type: report_type\n      }\n    })\n    .then((resp) => resp.data)\n}\n","import React, { useEffect, useState } from 'react'\nimport {\n  Backdrop,\n  Box,\n  CircularProgress,\n  LinearProgress,\n  Slide,\n  Fade,\n  Typography\n} from '@material-ui/core'\nimport { Skeleton } from '@material-ui/lab'\nimport { theme } from '../utils/Theme'\nimport { createStyles, makeStyles, Theme } from '@material-ui/core/styles'\nimport { Dimmer, Loader } from 'semantic-ui-react'\nimport successAnimation from '@hypotenuse/common/src/lottie/animated-loading-step-success.json'\nimport failureAnimation from '@hypotenuse/common/src/lottie/animated-loading-step-failure.json'\nimport Lottie from 'lottie-react'\nimport { useInterval } from '../utils/Functions'\nimport { canShowCancelButton, canShowRetryingMessage } from '../utils/Products'\nimport Button from './EnhancedButton'\n\nexport const SpinnerOnDimmer: React.FC = () => {\n  return (\n    <Dimmer active inverted>\n      <Loader size=\"large\" />\n    </Dimmer>\n  )\n}\n\nexport interface ResponsiveLoaderProps {\n  height?: number | string\n  width?: number | string\n}\n\nexport const ResponsiveLoader: React.FC<ResponsiveLoaderProps> = (props) => {\n  const { height, width } = props\n  return (\n    <Fade in timeout={2000}>\n      <Box height={height} width={width}>\n        <Skeleton variant=\"rect\" animation=\"wave\" height=\"100%\" width=\"100%\" />\n      </Box>\n    </Fade>\n  )\n}\n\nexport interface BackgroundLoaderProps {\n  isOpen: boolean\n  loadingText: string\n  height?: number | string\n  width?: number | string\n}\n\nconst useBlurredBackgroundLoaderStyles = makeStyles((_theme: Theme) =>\n  createStyles({\n    backdropRoot: {\n      backdropFilter: 'blur(5px)',\n      backgroundColor: 'transparent'\n    },\n    loadingText: {\n      paddingTop: '10px'\n    }\n  })\n)\n\nexport const BlurredBackgroundLoader: React.FC<BackgroundLoaderProps> = (\n  props\n) => {\n  const { isOpen, loadingText, height, width } = props\n  const loaderHeight = height ?? 'inherit'\n  const loaderWidth = width ?? 'inherit'\n\n  const classes = useBlurredBackgroundLoaderStyles()\n  return (\n    <Backdrop\n      style={{\n        height: loaderHeight,\n        width: loaderWidth,\n        zIndex: theme.zIndex.appBar - 1\n      }}\n      classes={{\n        root: classes.backdropRoot\n      }}\n      open={isOpen}\n    >\n      <Box\n        display=\"flex\"\n        flexDirection=\"column\"\n        alignItems=\"center\"\n        data-testid=\"blurredBackgroundLoader\"\n      >\n        <CircularProgress color=\"primary\" />\n        <Typography className={classes.loadingText}>{loadingText}</Typography>\n      </Box>\n    </Backdrop>\n  )\n}\n\nexport const DimmedBackgroundLoader: React.FC<BackgroundLoaderProps> = (\n  props\n) => {\n  const { isOpen, loadingText } = props\n\n  return (\n    <Dimmer\n      active={isOpen}\n      inverted\n      style={{ position: 'fixed' }}\n      data-testid=\"dimmedBackgroundLoader\"\n    >\n      <Loader size=\"medium\">{loadingText}</Loader>\n    </Dimmer>\n  )\n}\n\ninterface AnimatedLoadingStepProps {\n  text: string\n  onCompleteLoading: () => void\n  neverShowCompleted: boolean\n  timeToCompleteStep: number\n  showCompletedAsFailure?: boolean\n}\n\n/**\n * An animated loading step that is used as a part of the AnimatedLoader. It renders a step that shows a success\n * indicator when completed. However, if we want to show this loading step as failed, we can too.\n * @param text: Text to show while loading\n * @param onCompleteLoading: Handles what to do after the loading step has completed loading\n * @param timeToCompleteStep: Time taking to complete this particular step\n * @param showCompletedAsFailure: Optional boolean on whether to complete this loading step as failure\n */\nexport const AnimatedLoadingStep: React.FC<AnimatedLoadingStepProps> = (\n  props: AnimatedLoadingStepProps\n) => {\n  const {\n    text,\n    onCompleteLoading,\n    timeToCompleteStep,\n    neverShowCompleted,\n    showCompletedAsFailure\n  } = props\n  const [showCompleted, setShowCompleted] = useState<boolean>(false)\n  useEffect(() => {\n    if (!neverShowCompleted) {\n      const showCompletedTimer = setTimeout(() => {\n        setShowCompleted(true)\n      }, timeToCompleteStep)\n\n      return () => {\n        clearTimeout(showCompletedTimer)\n      }\n    }\n  }, [text, timeToCompleteStep])\n  return (\n    <>\n      <Slide in direction=\"up\" mountOnEnter unmountOnExit>\n        <div\n          style={{\n            display: 'flex',\n            flexDirection: 'row',\n            justifyContent: 'center',\n            alignItems: 'center',\n            height: '30px',\n            width: '100%'\n          }}\n        >\n          <h3 style={{ margin: 0 }}>{props.text}</h3>\n          {showCompleted && (\n            <Lottie\n              animationData={\n                showCompletedAsFailure ? failureAnimation : successAnimation\n              }\n              style={{ height: '100%' }}\n              onLoopComplete={() => {\n                setShowCompleted(false)\n                onCompleteLoading()\n              }}\n            />\n          )}\n        </div>\n      </Slide>\n    </>\n  )\n}\n\ninterface RetryOrCancelGenerationConfig {\n  handleCancelGeneration: () => void\n  generationLoadingAt?: Date\n  generationExpiredAt?: Date\n}\n\ninterface AnimatedGenerationLoaderProps {\n  isLoading: boolean\n  mainLoadingHeader: string\n  loadingTexts: string[]\n  lottieAnimation: object\n  retryOrCancelGenerationConfig?: RetryOrCancelGenerationConfig\n}\n\n/**\n * An animated loader that renders a nice UI loading screen while waiting for generation to happen.\n * It features \"fake\" loading steps so the users knows that we are actively taking steps to generate for them.\n * If the last loading step is reached, but loading isnt completed yet, we just never show that loading step as success.\n * Whenever loading is completed, we quickly expedite the final loading step provided as success, before exiting.\n * @param isLoading: Whether the product is still loading/generating\n * @param mainLoadingHeader: The header for what this is loading for\n * @param loadingTexts: The array of loading steps that we \"fake\" that we are going through.\n * @param lottieAnimation: The Lottie Animation (in JSON) used for this animated loader\n * @param retryOrCancelGenerationConfig: Optional config for performing retry or cancel logic for loading generation\n */\nexport const AnimatedGenerationLoader = React.memo(\n  (props: AnimatedGenerationLoaderProps) => {\n    const {\n      loadingTexts,\n      isLoading,\n      lottieAnimation,\n      mainLoadingHeader,\n      retryOrCancelGenerationConfig\n    } = props\n    const [loadingStepIndex, setLoadingStepIndex] = useState<number>(-1)\n    const [isDimmerOpen, setIsDimmerOpen] = useState<boolean>(false)\n\n    /**\n     * This segment is related to logic for handling retry or cancel generation\n     */\n    const [isPendingCancel, setIsPendingCancel] = useState<boolean>(false)\n    const [cancelledGeneration, setCancelledGeneration] = useState<boolean>(\n      false\n    )\n    const [currDateTime, setCurrDateTime] = React.useState<Date>(new Date())\n    // Required to rerender this component and check for time\n    useInterval(() => setCurrDateTime(new Date()), 5000)\n    // end segment\n\n    const handleLoadingStepCompleted = () => {\n      const nextStep = loadingStepIndex + 1\n      // Try to proceed to the next loading step\n      if (nextStep < loadingTexts.length) {\n        setLoadingStepIndex(nextStep)\n      }\n      // Fallback to check if the loading has already ended. If so, do cleanup\n      if (!isLoading) {\n        setLoadingStepIndex(-1)\n        setIsDimmerOpen(false)\n      }\n    }\n\n    // Initializer to open the dimmer when the loader is started\n    useEffect(() => {\n      if (loadingTexts.length > 0 && isLoading) {\n        setLoadingStepIndex(0)\n        setIsDimmerOpen(true)\n      }\n    }, [isLoading])\n\n    return (\n      <Dimmer\n        active={isDimmerOpen}\n        inverted\n        style={{ position: 'fixed', zIndex: theme.zIndex.modal }}\n        data-testid=\"animatedBackgroundLoader\"\n      >\n        <div\n          style={{\n            display: 'flex',\n            flexDirection: 'column',\n            color: 'black',\n            alignItems: 'center'\n          }}\n        >\n          <Lottie animationData={lottieAnimation} style={{ width: '50%' }} />\n          <h3>{mainLoadingHeader}</h3>\n          <div style={{ width: '50%' }}>\n            <LinearProgress color=\"primary\" />\n          </div>\n          <div style={{ marginTop: '10px' }}>\n            {isLoading ? (\n              // Loading is going on, we pretend like the steps are going on\n              // If we reach the last loading step, we never show the success for that step\n              <AnimatedLoadingStep\n                text={loadingTexts[loadingStepIndex]}\n                onCompleteLoading={handleLoadingStepCompleted}\n                neverShowCompleted={\n                  isLoading && loadingStepIndex === loadingTexts.length - 1\n                }\n                timeToCompleteStep={5000}\n              />\n            ) : (\n              isDimmerOpen && (\n                // Product loading has completed, we are ready to serve, so we quickly expedite a done loading step\n                <AnimatedLoadingStep\n                  text={loadingTexts[loadingTexts.length - 1]}\n                  onCompleteLoading={handleLoadingStepCompleted}\n                  neverShowCompleted={false}\n                  timeToCompleteStep={100}\n                  showCompletedAsFailure={cancelledGeneration}\n                />\n              )\n            )}\n          </div>\n          <div>\n            {retryOrCancelGenerationConfig\n              ? canShowRetryingMessage(\n                  currDateTime,\n                  retryOrCancelGenerationConfig.generationExpiredAt,\n                  retryOrCancelGenerationConfig.generationLoadingAt\n                ) && (\n                  <Typography style={{ color: 'grey' }}>\n                    This is taking longer than usual. Retrying...\n                  </Typography>\n                )\n              : null}\n            {retryOrCancelGenerationConfig\n              ? canShowCancelButton(\n                  currDateTime,\n                  retryOrCancelGenerationConfig.generationExpiredAt,\n                  retryOrCancelGenerationConfig.generationLoadingAt\n                ) && (\n                  <Button\n                    style={{ marginTop: '10px' }}\n                    color=\"error\"\n                    variant=\"outlined\"\n                    loading={isPendingCancel}\n                    onClick={async () => {\n                      setIsPendingCancel(true)\n                      await retryOrCancelGenerationConfig.handleCancelGeneration()\n                      setCancelledGeneration(true)\n                      setIsPendingCancel(false)\n                    }}\n                  >\n                    Cancel Generation\n                  </Button>\n                )\n              : null}\n          </div>\n        </div>\n      </Dimmer>\n    )\n  }\n)\n","import { useCallback, useState } from 'react'\nimport * as Sentry from '@sentry/react'\n\n/*\n * Reference: https://usehooks.com/useLocalStorage/\n */\nexport function useLocalStorage<T>(key: string, initialValue: T) {\n  // State to store our value\n  // Pass initial state function to useState so logic is only executed once\n  const [storedValue, setStoredValue] = useState<T>(() => {\n    try {\n      // Get from local storage by key\n      const item = window.localStorage.getItem(key)\n      // Parse stored json or if none return initialValue\n      return item ? JSON.parse(item) : initialValue\n    } catch (error) {\n      // If error also return initialValue\n      Sentry.captureException(error, { level: 'warning' })\n      console.log(error)\n      return initialValue\n    }\n  })\n  // Return a wrapped version of useState's setter function that ...\n  // ... persists the new value to localStorage.\n  const setValue = useCallback(\n    (value: T | ((val: T) => T)) => {\n      try {\n        // Allow value to be a function so we have same API as useState\n        const valueToStore =\n          value instanceof Function ? value(storedValue) : value\n        // Save state\n        setStoredValue(valueToStore)\n        // Save to local storage\n        window.localStorage.setItem(key, JSON.stringify(valueToStore))\n      } catch (error) {\n        Sentry.captureException(error, { level: 'warning' })\n        // A more advanced implementation would handle the error case\n        console.log(error)\n      }\n    },\n    [key, storedValue]\n  )\n  return [storedValue, setValue] as const\n}\n","import React, { useRef, useState } from 'react'\nimport { Grid, Typography, FormControlLabel, Checkbox } from '@material-ui/core'\nimport GeneralModal from '@hypotenuse/common/src/components/GeneralModal'\n\ninterface CommonProps {\n  title: string\n  content?: React.ReactNode\n  disableDontShowAgain?: boolean\n  cancelText?: string\n  confirmText?: string\n  onCancel?: () => void\n  onConfirm?: () => void\n}\n\nexport interface AlertDialogProps extends CommonProps {\n  isOpen: boolean\n  dontShowAgain?: boolean\n  setDontShowAgain?: (value: boolean) => void\n  confirmText: string\n  cancelText: string\n  onCancel: () => void\n  onConfirm: () => void\n}\n\nconst AlertDialog: React.FunctionComponent<AlertDialogProps> = (props) => {\n  const {\n    isOpen,\n    title,\n    content,\n    cancelText,\n    confirmText,\n    dontShowAgain,\n    setDontShowAgain,\n    disableDontShowAgain,\n    onCancel,\n    onConfirm\n  } = props\n  return (\n    <GeneralModal\n      isOpen={isOpen}\n      header={title}\n      body={\n        <Grid container spacing={2} direction=\"column\">\n          {content &&\n            (typeof content === 'string' ? (\n              <Grid item>\n                <Typography>{content}</Typography>\n              </Grid>\n            ) : (\n              content\n            ))}\n          {!disableDontShowAgain && (\n            <Grid item>\n              <FormControlLabel\n                control={\n                  <Checkbox\n                    checked={dontShowAgain}\n                    onChange={(_, checked) => {\n                      setDontShowAgain?.(checked)\n                    }}\n                  />\n                }\n                label=\"Don't show again\"\n              />\n            </Grid>\n          )}\n        </Grid>\n      }\n      primaryText={confirmText}\n      primaryFunc={onConfirm}\n      primaryColor={'primary'}\n      secondaryText={cancelText}\n      secondaryFunc={onCancel}\n      onClose={onCancel}\n      size=\"mini\"\n    />\n  )\n}\n\nexport interface UseConfirmationOptions extends CommonProps {\n  disabled?: boolean\n  onShow?: () => void\n}\n\nexport interface UserConfirmationResponse {\n  isConfirmed: boolean\n  dontShowAgain?: boolean\n}\n\nexport interface IUseConfirmationDialog {\n  /**\n   * Function that triggers the confirmation dialog\n   */\n  getUserConfirmation: () => Promise<UserConfirmationResponse>\n  /**\n   * The alert dialog component - add this to your component tree.\n   */\n  alertDialog: React.ReactNode\n  /**\n   * The alert dialog component - add this to your component tree and pass it `alertDialogProps`\n   *\n   * @deprecated Use {@property alertDialog} directly\n   */\n  AlertDialog: React.FC<AlertDialogProps>\n  /**\n   *\n   * @deprecated Use {@property alertDialog} directly\n   */\n  alertDialogProps: AlertDialogProps\n}\n\nexport const useConfirmationDialog = (\n  options: UseConfirmationOptions\n): IUseConfirmationDialog => {\n  const {\n    title,\n    content,\n    disabled,\n    disableDontShowAgain,\n    onShow,\n    onConfirm,\n    onCancel,\n    confirmText = 'Confirm',\n    cancelText = 'Cancel'\n  } = options\n\n  const [isOpen, setIsOpen] = useState(false)\n  const [dontShowAgain, setDontShowAgain] = useState<boolean>(false)\n  const openModal = () => {\n    setIsOpen(true)\n    onShow?.()\n  }\n  const closeModal = () => {\n    setIsOpen(false)\n    setDontShowAgain(false)\n  }\n\n  const resolveCallback = useRef<\n    ((value: UserConfirmationResponse) => void) | null\n  >(null)\n  const getUserConfirmation = async (): Promise<UserConfirmationResponse> => {\n    if (disabled) return { isConfirmed: true }\n    openModal()\n    return new Promise<UserConfirmationResponse>((resolve) => {\n      resolveCallback.current = resolve\n    })\n  }\n\n  const confirm = () => {\n    closeModal()\n    resolveCallback.current?.({\n      isConfirmed: true,\n      dontShowAgain: dontShowAgain || undefined\n    })\n    onConfirm?.()\n  }\n  const cancel = () => {\n    closeModal()\n    resolveCallback.current?.({ isConfirmed: false })\n    onCancel?.()\n  }\n\n  const alertDialogProps: AlertDialogProps = {\n    isOpen,\n    title,\n    content,\n    dontShowAgain,\n    setDontShowAgain,\n    disableDontShowAgain,\n    cancelText,\n    confirmText,\n    onConfirm: confirm,\n    onCancel: cancel\n  }\n\n  const alertDialog = <AlertDialog {...alertDialogProps} />\n\n  return {\n    getUserConfirmation,\n    alertDialog,\n    AlertDialog,\n    alertDialogProps\n  }\n}\n","import React, { useMemo, useState } from 'react'\nimport { SearchStatus } from '../Interfaces'\nimport { makePropInjectorHOCFromHook } from '@hypotenuse/common/src/hooks/hocify'\n\nexport interface ProductStateProps {\n  searchStatus: SearchStatus\n  setSearchStatus: React.Dispatch<React.SetStateAction<SearchStatus>>\n}\n\nconst ProductStateContext = React.createContext<ProductStateProps | undefined>(\n  undefined\n)\n\nexport const ProductStateProvider: React.FC = (props) => {\n  const [_searchStatus, setSearchStatus] = useState<SearchStatus>({\n    text: '',\n    isSearching: false,\n    hasError: false,\n    resultText: ''\n  })\n\n  // Memoize to avoid unnecessary rerenders later\n  const { text, isSearching, hasError, resultText } = _searchStatus\n  const searchStatus = useMemo(\n    () => ({\n      text,\n      isSearching,\n      hasError,\n      resultText\n    }),\n    [text, isSearching, hasError, resultText]\n  )\n\n  return (\n    <ProductStateContext.Provider value={{ searchStatus, setSearchStatus }}>\n      {props.children}\n    </ProductStateContext.Provider>\n  )\n}\n\nexport const useProductState = () => {\n  const context = React.useContext(ProductStateContext)\n  if (context === undefined) {\n    throw new Error(\n      'useProductState must be used within a ProductStateProvider'\n    )\n  }\n  return context\n}\n\n/**\n * HOC wrapper for the context hook.\n */\nexport const withProductState = makePropInjectorHOCFromHook(useProductState)\n","import React from 'react'\nimport GeneralError from './GeneralError'\n\nfunction UnexpectedError() {\n  return (\n    <GeneralError\n      textHeader=\"We're fixing it\"\n      textBody=\"This page is experiencing hiccups. Our engineers know about this problem and we’re working to get this back to normal quickly.\"\n      textCta=\"Go back home\"\n      handleCta={() => {\n        window.location.href = '/'\n      }}\n    />\n  )\n}\n\nexport default UnexpectedError\n","import React from 'react'\nimport { makeStyles } from '@material-ui/core/styles'\nimport { Button } from '@material-ui/core'\nimport { Image } from 'semantic-ui-react'\n\nconst useStyles = makeStyles((_theme) => ({\n  box: {\n    display: 'flex',\n    flexDirection: 'column',\n    flexGrow: 1,\n    alignItems: 'center',\n    justifyContent: 'center'\n  },\n  message: {\n    display: 'flex',\n    flexDirection: 'column',\n    justifyContent: 'center',\n    alignItems: 'center'\n  },\n  ctaButton: {\n    margin: '15px'\n  },\n  ctaButtonInner: {\n    display: 'flex',\n    alignItems: 'center'\n  },\n  centreText: {\n    textAlign: 'center'\n  },\n  header: {\n    fontFamily: \"Lato,'Helvetica Neue',Arial,Helvetica,sans-serif\",\n    fontWeight: 'bold',\n    fontSize: '56px',\n    lineHeight: '74px',\n    textAlign: 'center',\n    letterSpacing: '0.05em'\n  },\n  body: {\n    fontFamily: \"Lato,'Helvetica Neue',Arial,Helvetica,sans-serif\",\n    fontSize: '24px',\n    lineHeight: '32px',\n    textAlign: 'center',\n    maxWidth: '700px',\n    padding: '5px 0px'\n  }\n}))\n\ninterface Props {\n  handleCta: Function\n  textCta: string\n  textBody: string\n  textHeader: string\n}\n\nfunction GeneralError(props: Props) {\n  const classes = useStyles()\n\n  return (\n    <div className={classes.box}>\n      <div className={classes.message}>\n        <Image src=\"/assets/bug_fixing.svg\" size=\"medium\" />\n        <span className={`${classes.centreText} ${classes.header}`}>\n          {props.textHeader}\n        </span>\n        <span className={`${classes.centreText} ${classes.body}`}>\n          {props.textBody}\n        </span>\n      </div>\n      <Button\n        variant=\"contained\"\n        color=\"primary\"\n        size=\"large\"\n        className={classes.ctaButton}\n        onClick={() => props.handleCta()}\n      >\n        <div className={classes.ctaButtonInner}>{props.textCta}</div>\n      </Button>\n    </div>\n  )\n}\n\nexport default GeneralError\n","export default __webpack_public_path__ + \"static/media/TakoSidebarLogoColored.9dd820b7.svg\";","import React from 'react'\nimport { Popup } from 'semantic-ui-react'\nimport { SEMANTIC_POPUP_OVERFLOW_PREVENTION_PROPS } from '@hypotenuse/common/src/utils/Constants'\nimport ErrorOutline from '@material-ui/icons/ErrorOutline'\nimport SyncIcon from '@material-ui/icons/Sync'\nimport { ProductSyncStatus } from '../utils/Interfaces'\nimport { useConfirmationDialog } from '@hypotenuse/common/src/hooks/useConfirmationDialog'\nimport EnhancedButton from '../../../common/src/components/EnhancedButton'\n\nexport interface Props {\n  productSyncStatus: ProductSyncStatus\n  onImportProducts: () => void\n}\n\nexport const ImportProductsButton: React.FC<Props> = (props) => {\n  const { productSyncStatus, onImportProducts } = props\n  const {\n    AlertDialog,\n    alertDialogProps,\n    getUserConfirmation: getImportConfirmation\n  } = useConfirmationDialog({\n    title: 'Import Products',\n    confirmText: 'Continue',\n    cancelText: 'Back',\n    content: (\n      <div\n        style={{\n          display: 'flex',\n          alignItems: 'center',\n          flexDirection: 'column'\n        }}\n      >\n        <p style={{ textAlign: 'left' }}>\n          You're about to re-import all products from your store.\n          <br />\n          <br />\n          This can take some time if you have a lot of products.\n        </p>\n      </div>\n    ),\n    disableDontShowAgain: true\n  })\n\n  const handleImportProducts = async () => {\n    const { isConfirmed } = await getImportConfirmation()\n    if (isConfirmed) {\n      await onImportProducts()\n    }\n  }\n\n  return (\n    <>\n      <AlertDialog {...alertDialogProps} />\n      <Popup\n        popperModifiers={SEMANTIC_POPUP_OVERFLOW_PREVENTION_PROPS}\n        trigger={\n          <EnhancedButton\n            variant=\"outlined\"\n            color={productSyncStatus.status === 'failed' ? 'error' : 'default'}\n            size=\"small\"\n            disabled={\n              productSyncStatus.status === 'loading' ||\n              productSyncStatus.status === 'not-loaded'\n            }\n            loading={productSyncStatus.status === 'loading'}\n            endIcon={\n              productSyncStatus.status === 'failed' ? (\n                <ErrorOutline />\n              ) : (\n                <SyncIcon />\n              )\n            }\n            onClick={handleImportProducts}\n          >\n            {productSyncStatus.status === 'loading'\n              ? 'Loading Products'\n              : 'Import Products'}\n          </EnhancedButton>\n        }\n        position=\"bottom center\"\n      >\n        {productSyncStatus.status === 'failed' ? (\n          <span>\n            Something went wrong while importing your products. Click here to\n            try again.\n          </span>\n        ) : (\n          <span>\n            Pull the latest product changes from your Shopify store to Tako.\n          </span>\n        )}\n      </Popup>\n    </>\n  )\n}\n","import React, { useEffect } from 'react'\nimport clsx from 'clsx'\nimport { useLocation, useHistory } from 'react-router-dom'\nimport {\n  createStyles,\n  makeStyles,\n  Theme,\n  withStyles\n} from '@material-ui/core/styles'\nimport Drawer from '@material-ui/core/Drawer'\nimport AppBar from '@material-ui/core/AppBar'\nimport Toolbar from '@material-ui/core/Toolbar'\nimport { Link } from 'react-router-dom'\nimport List from '@material-ui/core/List'\nimport CssBaseline from '@material-ui/core/CssBaseline'\nimport Divider from '@material-ui/core/Divider'\nimport ListItem from '@material-ui/core/ListItem'\nimport ListItemIcon from '@material-ui/core/ListItemIcon'\nimport StarRateIcon from '@material-ui/icons/StarRate'\nimport ListItemText from '@material-ui/core/ListItemText'\nimport IconButton from '@material-ui/core/IconButton'\nimport AccountCircleOutlinedIcon from '@material-ui/icons/AccountCircleOutlined'\nimport LocalOfferOutlinedIcon from '@material-ui/icons/LocalOfferOutlined'\nimport MonetizationOnOutlinedIcon from '@material-ui/icons/MonetizationOnOutlined'\nimport ContactSupportOutlinedIcon from '@material-ui/icons/ContactSupportOutlined'\nimport BookIcon from '@material-ui/icons/Book'\nimport TimelineOutlinedIcon from '@material-ui/icons/TimelineOutlined'\nimport GroupOutlinedIcon from '@material-ui/icons/GroupOutlined'\nimport PostAddOutlinedIcon from '@material-ui/icons/PostAddOutlined'\nimport HomeIcon from '@material-ui/icons/Home'\nimport { ProductSyncStatus, User } from '../utils/Interfaces'\nimport { Tour } from '@hypotenuse/common/src/interfaces/Tutorial'\nimport { Box, Button, Chip, LinearProgress } from '@material-ui/core'\nimport { LOGO_SHORT_SRC } from '../utils/Constants'\nimport TakoSidebarLogo from '../../public/logos/TakoSidebarLogoColored.svg'\nimport { HelpHero } from 'helphero'\nimport ChevronLeft from '@material-ui/icons/ChevronLeft'\nimport ChevronRight from '@material-ui/icons/ChevronRight'\nimport FastForward from '@material-ui/icons/FastForward'\nimport MenuBookOutlined from '@material-ui/icons/MenuBookOutlined'\nimport MenuIcon from '@material-ui/icons/Menu'\nimport { PlanCreditProvisionType } from '../../../common/src/utils/Interfaces'\nimport { ImportProductsButton } from './ImportProductsButton'\nimport { useIsMobile } from '@hypotenuse/common/src/hooks/UseIsMobile'\n\ninterface Props {\n  children: any\n  user?: User\n  importProducts: () => void\n  fetchImportStatus: Function\n  tour: Tour\n  hlp: HelpHero\n  productSyncStatus: ProductSyncStatus\n}\n\nconst drawerWidth = 190\n\nconst useStyles = makeStyles((theme: Theme) =>\n  createStyles({\n    root: {\n      display: 'flex'\n    },\n    hide: {\n      display: 'none'\n    },\n    redirectOnClick: {\n      cursor: 'pointer'\n    },\n    toolbarClosedLogo: {\n      maxWidth: 24,\n      marginLeft: 'auto',\n      marginRight: 'auto'\n    },\n    toolbarOpenLogo: {\n      maxWidth: '80%',\n      marginLeft: 'auto',\n      marginRight: 'auto'\n    },\n    // Side bar\n    drawer: {\n      width: drawerWidth,\n      flexShrink: 0,\n      whiteSpace: 'nowrap'\n    },\n    drawerOpen: {\n      width: drawerWidth,\n      transition: theme.transitions.create('width', {\n        easing: theme.transitions.easing.sharp,\n        duration: theme.transitions.duration.enteringScreen\n      })\n    },\n    drawerClose: {\n      transition: theme.transitions.create('width', {\n        easing: theme.transitions.easing.sharp,\n        duration: theme.transitions.duration.leavingScreen\n      }),\n      overflowX: 'hidden',\n      width: theme.spacing(6) + 1,\n      [theme.breakpoints.up('sm')]: {\n        width: '52px'\n      }\n    },\n    drawerListItemIcon: {\n      minWidth: '36px'\n    },\n    drawerListItem: {\n      '&:hover': {\n        color: 'var(--themeCol1-primary-contrast-color)'\n      }\n    },\n    drawerListItemActive: {\n      borderRight: '3px',\n      borderColor: 'var(--themeCol1-primary-color)',\n      borderStyle: 'solid',\n      color: 'var(--themeCol1-primary-color)',\n      '&:hover': {\n        color: 'var(--themeCol1-primary-contrast-color)'\n      }\n    },\n\n    // Navigation Bar\n    appBar: {\n      backgroundColor: 'var(--themeCol1-bg-color)',\n      color: 'black',\n      boxShadow: 'none',\n      zIndex: theme.zIndex.drawer - 1,\n      transition: theme.transitions.create(['width', 'margin'], {\n        easing: theme.transitions.easing.sharp,\n        duration: theme.transitions.duration.leavingScreen\n      })\n    },\n    appBarShift: {\n      marginLeft: drawerWidth,\n      width: `calc(100% - ${drawerWidth}px)`,\n      transition: theme.transitions.create(['width', 'margin'], {\n        easing: theme.transitions.easing.sharp,\n        duration: theme.transitions.duration.enteringScreen\n      })\n    },\n    menuButtonClosed: {\n      marginLeft: 30\n    },\n    mobileMenuButtonClosed: {\n      margin: 0,\n      position: 'fixed',\n      bottom: '20px',\n      left: '20px',\n      backgroundColor: '#576EC7', // eyedropper to same as papercups\n      borderRadius: '30%',\n      padding: '10px',\n      fontSize: '30px' // controls icon size\n    },\n    menuButtonOpen: {\n      marginLeft: -20\n    },\n    toolbar: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'flex-end',\n      padding: theme.spacing(0, 1),\n      // necessary for content to be below app bar\n      ...theme.mixins.toolbar\n    },\n    toolbarOpen: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'flex-end',\n      padding: theme.spacing(0, 1),\n      // necessary for content to be below app bar\n      ...theme.mixins.toolbar\n    },\n    toolbarGrow: {\n      flexGrow: 1\n    },\n    toolbarRightSectionDesktop: {\n      display: 'none',\n      [theme.breakpoints.up('sm')]: {\n        display: 'flex'\n      }\n    },\n    toolbarRightSectionMobile: {\n      display: 'flex',\n      [theme.breakpoints.up('sm')]: {\n        display: 'none'\n      }\n    },\n    welcomeUserText: {\n      marginTop: 'auto',\n      marginBottom: 'auto',\n      display: 'none',\n      [theme.breakpoints.up('md')]: {\n        display: 'flex'\n      }\n    },\n    verticalAlignCenter: {\n      marginTop: 'auto',\n      marginBottom: 'auto'\n    },\n    // Actual content\n    content: {\n      flexGrow: 1,\n      paddingTop: theme.spacing(1),\n      minWidth: 0,\n      maxWidth: '100%'\n    },\n    syncButtonInner: {\n      display: 'flex',\n      alignItems: 'center'\n    },\n    syncButtonInnerIcon: {\n      marginRight: 5,\n      fontSize: 16\n    },\n    row: {\n      display: 'flex',\n      flexDirection: 'row',\n      alignItems: 'center'\n    }\n  })\n)\n\nexport const ExtraSmallChip = withStyles({\n  root: {\n    fontWeight: 700,\n    height: '14px',\n    fontSize: '8px'\n  }\n})(Chip)\n\nexport const checkIfStringContainsVoucher = (\n  voucherDisplay: string,\n  creditValue: number\n) => {\n  if (voucherDisplay.match(/voucher/i)) {\n    return `a $${creditValue} ${voucherDisplay} `\n  } else {\n    return `${creditValue} ${voucherDisplay} `\n  }\n}\n\nexport default function SlimDrawer(props: Props) {\n  const feature = {\n    interview: props.user?.service_configs.interview\n  }\n\n  const isMobile = useIsMobile()\n  const classes = useStyles()\n  const location = useLocation()\n  const history = useHistory()\n  const [open, setOpen] = React.useState(true)\n\n  const isImporting = () => {\n    return (\n      props.productSyncStatus.status === 'loading' &&\n      props.productSyncStatus.currentCount !== undefined &&\n      props.productSyncStatus.totalCount !== undefined\n    )\n  }\n\n  // hook to close side panel by default\n  const closedByDefault = isMobile\n  useEffect(() => {\n    if (closedByDefault) handleDrawerClose()\n  }, [closedByDefault])\n\n  const redirectToPath = (path: string) => {\n    history.push(path)\n  }\n\n  const handleDrawerOpen = () => {\n    setOpen(true)\n  }\n  const handleDrawerClose = () => {\n    setOpen(false)\n  }\n\n  const computeLoadPercentage = () => {\n    if (props.productSyncStatus.totalCount === 0) {\n      return 0\n    }\n    return (\n      (100 * (props.productSyncStatus.currentCount ?? 0)) /\n      (props.productSyncStatus.totalCount ?? 0)\n    )\n  }\n\n  const renderInterviewDrawer = () => {\n    return [\n      {\n        pathname: '/interview',\n        text: feature.interview?.credits\n          ? feature.interview?.voucherDisplay\n            ? `Get ${checkIfStringContainsVoucher(\n                feature.interview.voucherDisplay,\n                feature.interview.credits\n              )}`\n            : `Get ${feature.interview.credits} Free Credits`\n          : 'Feedback Interview',\n        type: 'interview',\n        icon: <StarRateIcon style={{ fill: '#ffac33', fontSize: 21 }} />\n      }\n    ].map((obj: any) => {\n      return (\n        <div>\n          <ListItem\n            key={obj.text}\n            to={obj.pathname}\n            className={clsx(classes.drawerListItem, {\n              [classes.drawerListItemActive]: location.pathname === obj.pathname\n            })}\n            component={Link}\n            button\n            disabled={props.user ? !props.user.hasAccess : true}\n          >\n            <Box\n              display=\"flex\"\n              flexDirection=\"row\"\n              justifyContent=\"flex-start\"\n              alignItems=\"center\"\n            >\n              <Box style={{ whiteSpace: 'normal' }}>\n                {open && <ListItemText primary={<strong>{obj.text}</strong>} />}\n              </Box>\n              <Box>{obj.icon}</Box>\n            </Box>\n          </ListItem>\n        </div>\n      )\n    })\n  }\n\n  const renderCredits = () => {\n    return (\n      <p>\n        Credits:{' '}\n        {props.user && (\n          <strong\n            className={clsx(classes.redirectOnClick, 'primaryFontColor')}\n            onClick={() => {\n              redirectToPath('/pricing')\n            }}\n          >\n            {props.user.creditsLeft}\n          </strong>\n        )}\n        {props.user &&\n          props.user.creditProvisionType === PlanCreditProvisionType.reset &&\n          !props.user.inTrial && (\n            <strong\n              className={clsx(classes.redirectOnClick, 'primaryFontColor')}\n              onClick={() => {\n                redirectToPath('/pricing')\n              }}\n            >\n              {` / ${props.user.monthlyCreditAmount}`}\n            </strong>\n          )}\n      </p>\n    )\n  }\n\n  return (\n    <div className={classes.root}>\n      <CssBaseline />\n      <AppBar\n        position=\"fixed\"\n        className={clsx(classes.appBar, {\n          [classes.appBarShift]: open && !isMobile\n        })}\n        id=\"topBar\"\n      >\n        <Toolbar variant=\"dense\">\n          <IconButton\n            color=\"inherit\"\n            aria-label=\"open drawer\"\n            onClick={open ? handleDrawerClose : handleDrawerOpen}\n            edge=\"start\"\n            className={clsx({\n              [isMobile ? 'none' : classes.menuButtonOpen]: open,\n              [isMobile\n                ? classes.mobileMenuButtonClosed\n                : classes.menuButtonClosed]: !open\n            })}\n          >\n            {open ? (\n              isMobile ? undefined : (\n                <ChevronLeft />\n              )\n            ) : isMobile ? (\n              <MenuIcon fontSize=\"inherit\" style={{ fill: '#ffffff' }} /> // white, else light purple ##4218D1'\n            ) : (\n              <ChevronRight />\n            )}\n          </IconButton>\n          <div className={classes.toolbarGrow} />\n          {/*<IconButton aria-label=\"show 17 new notifications\" color=\"inherit\">*/}\n          {/*  <Badge badgeContent={17} color=\"secondary\">*/}\n          {/*    <NotificationsIcon />*/}\n          {/*  </Badge>*/}\n          {/*</IconButton>*/}\n          <div className={classes.toolbarRightSectionDesktop}>\n            {props.user?.admin && (\n              <Button\n                component={Link}\n                to=\"/admin\"\n                variant=\"contained\"\n                color=\"primary\"\n                style={{ marginRight: '10px' }}\n              >\n                Admin Panel\n              </Button>\n            )}\n          </div>\n          <ImportProductsButton\n            productSyncStatus={props.productSyncStatus}\n            onImportProducts={props.importProducts}\n          />\n          <div\n            className={classes.verticalAlignCenter}\n            style={{ marginLeft: 20, marginRight: 20 }}\n          >\n            {renderCredits()}\n          </div>\n          <div className={classes.welcomeUserText}>\n            <p>\n              Welcome,{' '}\n              <strong\n                className={clsx(classes.redirectOnClick, 'primaryFontColor')}\n                onClick={() => {\n                  redirectToPath('/account')\n                  if (isMobile) handleDrawerClose()\n                }}\n              >\n                {props.user && `${props.user.username}`}\n              </strong>\n            </p>\n          </div>\n        </Toolbar>\n        {isImporting() ? (\n          <LinearProgress\n            value={computeLoadPercentage()}\n            variant=\"determinate\"\n          />\n        ) : (\n          <div />\n        )}\n      </AppBar>\n\n      <Drawer\n        variant={isMobile ? 'temporary' : 'permanent'}\n        className={clsx(classes.drawer, {\n          [classes.drawerOpen]: open,\n          [classes.drawerClose]: !open\n        })}\n        classes={{\n          paper: clsx({\n            [classes.drawerOpen]: open,\n            [classes.drawerClose]: !open\n          })\n        }}\n        open={open}\n        onClose={handleDrawerClose}\n      >\n        <div className={classes.toolbar}>\n          <img\n            src={LOGO_SHORT_SRC}\n            alt=\"logo\"\n            onClick={() => {\n              redirectToPath('/home')\n              if (isMobile) handleDrawerClose()\n            }}\n            className={clsx(\n              classes.toolbarClosedLogo,\n              {\n                [classes.hide]: open\n              },\n              classes.redirectOnClick\n            )}\n          />\n          <img\n            src={TakoSidebarLogo}\n            alt=\"logo\"\n            onClick={() => {\n              redirectToPath('/home')\n              if (isMobile) handleDrawerClose()\n            }}\n            className={clsx(\n              classes.toolbarOpenLogo,\n              {\n                [classes.hide]: !open\n              },\n              classes.redirectOnClick\n            )}\n          />\n        </div>\n        <List>\n          {[\n            {\n              pathname: '/home',\n              text: 'Home',\n              icon: <HomeIcon />\n            },\n            {\n              pathname: '/descriptions',\n              text: 'Descriptions',\n              icon: <LocalOfferOutlinedIcon />\n            },\n            ...(props.user?.service_configs.blog_gen_config?.show\n              ? [\n                  {\n                    pathname: '/blogs',\n                    text: 'Blog Posts',\n                    icon: <BookIcon />,\n                    beta: true\n                  }\n                ]\n              : []),\n            ...(props.user?.service_configs.blog_gen_config?.show // Show if blogs are also shown\n              ? [\n                  {\n                    pathname: '/advertising',\n                    text: 'Marketing Copy',\n                    icon: <FastForward />\n                  }\n                ]\n              : []),\n            ...(props.user?.service_configs.feature_flags?.enable_insights_page\n              ? [\n                  {\n                    pathname: '/insights',\n                    text: 'Insights',\n                    icon: <TimelineOutlinedIcon />\n                  }\n                ]\n              : [])\n          ].map((obj: any) => (\n            <ListItem\n              key={obj.text}\n              to={obj.pathname}\n              className={clsx(classes.drawerListItem, {\n                [classes.drawerListItemActive]:\n                  location.pathname === obj.pathname\n              })}\n              onClick={() => {\n                if (isMobile) handleDrawerClose()\n              }}\n              component={Link}\n              button\n              disabled={props.user ? !props.user.hasAccess : true}\n            >\n              <ListItemIcon className={classes.drawerListItemIcon}>\n                {obj.icon}\n              </ListItemIcon>\n              {obj.beta ? (\n                <ListItemText\n                  primary={\n                    <div className={classes.row}>\n                      <span>{obj.text}</span>\n                      <ExtraSmallChip\n                        label=\"BETA\"\n                        size=\"small\"\n                        color=\"primary\"\n                      />\n                    </div>\n                  }\n                />\n              ) : (\n                <ListItemText primary={obj.text} />\n              )}\n            </ListItem>\n          ))}\n          {(feature.interview?.show ?? false) && renderInterviewDrawer()}\n        </List>\n        <Divider />\n        <List style={{ height: '100%' }}>\n          {[\n            {\n              pathname: '/account',\n              text: 'Account',\n              icon: <AccountCircleOutlinedIcon />,\n              onClick: () => {\n                if (isMobile) handleDrawerClose()\n              }\n            },\n            {\n              pathname: '/pricing',\n              text: 'Pricing Plans',\n              icon: <MonetizationOnOutlinedIcon />,\n              onClick: () => {\n                if (isMobile) handleDrawerClose()\n              }\n            }, // TODO: Change Icon\n            {\n              pathname: '/free-credits',\n              text: 'Refer A Friend',\n              icon: <GroupOutlinedIcon />,\n              onClick: () => {\n                if (isMobile) handleDrawerClose()\n              }\n            }, // TODO: Change Icon\n            {\n              pathname: '/tutorial',\n              text: 'Tutorial',\n              icon: <MenuBookOutlined />,\n              onClick: () => {\n                props.hlp.startTour(props.tour.id)\n                if (isMobile) handleDrawerClose()\n              }\n            },\n            {\n              pathname: '#',\n              text: 'FAQ',\n              icon: <ContactSupportOutlinedIcon />,\n              onClick: () => {\n                window.open('https://help.hellotako.com', '_blank')\n                if (isMobile) handleDrawerClose()\n              }\n            },\n            {\n              pathname: '/feedback',\n              text: 'Feedback',\n              icon: <PostAddOutlinedIcon />,\n              onClick: () => {\n                if (isMobile) handleDrawerClose()\n              }\n            }\n          ].map((obj: any) => {\n            return (\n              <ListItem\n                key={obj.text}\n                to={obj.pathname}\n                className={clsx(classes.drawerListItem, {\n                  [classes.drawerListItemActive]:\n                    location.pathname === obj.pathname\n                })}\n                component={Link}\n                button\n                onClick={obj.onClick}\n              >\n                <ListItemIcon className={classes.drawerListItemIcon}>\n                  {obj.icon}\n                </ListItemIcon>\n                <ListItemText primary={obj.text} />\n              </ListItem>\n            )\n          })}\n        </List>\n      </Drawer>\n      <main className={classes.content}>\n        <div className={classes.toolbar} />\n        {props.children}\n      </main>\n    </div>\n  )\n}\n","import React from 'react'\nimport { Image } from 'semantic-ui-react'\nimport { Box, Typography, useTheme } from '@material-ui/core'\nimport { createStyles, makeStyles } from '@material-ui/core/styles'\nimport { AdCardDetails } from '../interfaces/AdvertisingText'\nimport Stack from './atoms/Stack'\n\nconst useStyles = makeStyles((theme) =>\n  createStyles({\n    mainCard: {\n      transition: 'all 0.2s ease-out',\n      '&:hover': {\n        boxShadow: '0px 4px 8px rgba(145 158 171 / 16%)'\n      },\n      boxShadow: theme.shadows[1],\n      position: 'relative',\n      borderRadius: theme.shape.borderRadius,\n      padding: theme.spacing(2),\n      backgroundColor: theme.palette.common.white,\n      width: '100%',\n      height: '120px',\n      cursor: 'pointer',\n      marginTop: theme.spacing(4)\n    }\n  })\n)\n\nexport const MarketingCopyCard = (props: AdCardDetails) => {\n  const { title, subtitle, onClick, logoSrc } = props\n  const theme = useTheme()\n  const classes = useStyles()\n  return (\n    <Stack className={classes.mainCard} onClick={onClick}>\n      <Box position={'absolute'} top={-20} left={20}>\n        {/*TODO: Make this an <img> tag */}\n        {logoSrc && <Image src={logoSrc} size={'mini'} />}\n      </Box>\n      <Stack textAlign=\"left\" spacing={0.5} mt={2}>\n        <Typography variant=\"h6\">{title}</Typography>\n        <Typography\n          variant=\"body2\"\n          style={{ color: theme.palette.grey['500'] }}\n        >\n          {subtitle}\n        </Typography>\n      </Stack>\n    </Stack>\n  )\n}\n","import React from 'react'\nimport { AdCardDetails } from '../interfaces/AdvertisingText'\nimport { MarketingCopyCard } from './MarketingCopyCard'\nimport { Grid } from '@material-ui/core'\n\ninterface MarketingCardListProps {\n  copyTypes: AdCardDetails[]\n}\n\nexport const MarketingCardList = (props: MarketingCardListProps) => {\n  const { copyTypes } = props\n  return (\n    <Grid container spacing={3}>\n      {copyTypes.map((adCardDetails) => (\n        <Grid item key={adCardDetails.key} xs={12} sm={6} md={4}>\n          <MarketingCopyCard {...adCardDetails} />\n        </Grid>\n      ))}\n    </Grid>\n  )\n}\n","export default __webpack_public_path__ + \"static/media/facebook.447953c2.svg\";","export default __webpack_public_path__ + \"static/media/linkedin.d6adb653.svg\";","export default __webpack_public_path__ + \"static/media/google.043103b1.svg\";","export default __webpack_public_path__ + \"static/media/instagram.91084741.svg\";","export default __webpack_public_path__ + \"static/media/headlines.19e14362.svg\";","export default __webpack_public_path__ + \"static/media/question.70835a9d.svg\";","export default __webpack_public_path__ + \"static/media/rewriter.cbbad3a3.svg\";","export default __webpack_public_path__ + \"static/media/category_page.f3335554.svg\";","export default __webpack_public_path__ + \"static/media/landing_page.d76617d9.svg\";","export default __webpack_public_path__ + \"static/media/eli5.8181ab0a.svg\";","export default __webpack_public_path__ + \"static/media/email.cafb18ab.svg\";","export default __webpack_public_path__ + \"static/media/video_script.2d675073.svg\";","export default __webpack_public_path__ + \"static/media/meta_desc.a39e578e.svg\";","export default __webpack_public_path__ + \"static/media/marketing_angles.79bc6332.svg\";","export default __webpack_public_path__ + \"static/media/press_release.b3dc65ac.svg\";","export default __webpack_public_path__ + \"static/media/summarise.9d807786.svg\";","export default __webpack_public_path__ + \"static/media/youtube.f694987f.svg\";","export default __webpack_public_path__ + \"static/media/bio_writer.4d3afcaf.svg\";","import React, { useState } from 'react'\nimport { Container, Typography, Tabs, Tab } from '@material-ui/core'\nimport { createStyles, makeStyles, useTheme } from '@material-ui/core/styles'\nimport Stack from '@hypotenuse/common/src/components/atoms/Stack'\nimport {\n  AdCardDetails,\n  AdCardKey,\n  AdTextType\n} from '@hypotenuse/common/src/interfaces/AdvertisingText'\nimport { useHistory } from 'react-router-dom'\nimport { MarketingCardList } from '../components/MarketingCardList'\nimport facebook_logo from '../assets/marketing/facebook.svg'\nimport linkedin_logo from '../assets/marketing/linkedin.svg'\nimport google_ads_logo from '../assets/marketing/google.svg'\nimport instagram_logo from '../assets/marketing/instagram.svg'\nimport headlines_logo from '../assets/marketing/headlines.svg'\nimport suggestion_logo from '../assets/marketing/question.svg'\nimport rewriter_logo from '../assets/marketing/rewriter.svg'\nimport category_page_logo from '../assets/marketing/category_page.svg'\nimport landing_page_logo from '../assets/marketing/landing_page.svg'\nimport eli5_logo from '../assets/marketing/eli5.svg'\nimport email_logo from '../assets/marketing/email.svg'\nimport video_intro_logo from '../assets/marketing/video_script.svg'\nimport meta_desc_logo from '../assets/marketing/meta_desc.svg'\nimport marketing_angles_logo from '../assets/marketing/marketing_angles.svg'\nimport press_release_logo from '../assets/marketing/press_release.svg'\nimport summarise_logo from '../assets/marketing/summarise.svg'\nimport youtube_title_logo from '../assets/marketing/youtube.svg'\nimport bio_writer_logo from '../assets/marketing/bio_writer.svg'\nimport { SHOW_MARKETING_TABS } from '../utils/Constants'\nimport {\n  adHeaders,\n  adSubHeaders\n} from '../components/advertising/form/AdTextFormHeader'\nimport {\n  MobileWarningBanner,\n  useMobileWarningBanner\n} from '../components/mobileWarningBanner'\n\ninterface MarketingDashboardProps {\n  banners?: React.ReactNode\n  onOpenChat: () => void\n}\nconst useStyles = makeStyles((theme) =>\n  createStyles({\n    root: {\n      padding: theme.spacing(4),\n      display: 'flex',\n      flexDirection: 'column',\n      gap: theme.spacing(3),\n      textAlign: 'left'\n    },\n    header: {\n      margin: 0\n    }\n  })\n)\n\nexport const marketingRoutes = {\n  [AdTextType.facebook]: '/advertising/facebook',\n  [AdTextType.google]: '/advertising/google',\n  [AdTextType.instagram]: '/advertising/instagram',\n  [AdTextType.headline]: '/advertising/headline',\n  [AdTextType.linkedin]: '/advertising/linkedin',\n  [AdTextType.rewriter]: '/advertising/rewriter',\n  [AdTextType.category_page]: '/advertising/category_page',\n  [AdTextType.landing_page]: '/advertising/landing_page',\n  [AdTextType.eli5]: '/advertising/eli5',\n  [AdTextType.email]: '/advertising/email_copy',\n  [AdTextType.video_intro]: '/advertising/video_intro',\n  [AdTextType.meta_desc]: '/advertising/meta_desc',\n  [AdTextType.marketing_angles]: '/advertising/marketing_angles',\n  [AdTextType.press_release]: '/advertising/press_release',\n  [AdTextType.summarise]: '/advertising/summarise_copy',\n  [AdTextType.youtube_title]: '/advertising/youtube_title',\n  [AdTextType.bio_writer]: '/advertising/bio_writer'\n}\n\nconst marketingDashboardLogos = {\n  [AdTextType.facebook]: facebook_logo,\n  [AdTextType.linkedin]: linkedin_logo,\n  [AdTextType.google]: google_ads_logo,\n  [AdTextType.instagram]: instagram_logo,\n  [AdTextType.headline]: headlines_logo,\n  [AdTextType.rewriter]: rewriter_logo,\n  [AdTextType.category_page]: category_page_logo,\n  [AdTextType.landing_page]: landing_page_logo,\n  [AdTextType.eli5]: eli5_logo,\n  [AdTextType.email]: email_logo,\n  [AdTextType.video_intro]: video_intro_logo,\n  [AdTextType.meta_desc]: meta_desc_logo,\n  [AdTextType.marketing_angles]: marketing_angles_logo,\n  [AdTextType.press_release]: press_release_logo,\n  [AdTextType.summarise]: summarise_logo,\n  [AdTextType.youtube_title]: youtube_title_logo,\n  [AdTextType.bio_writer]: bio_writer_logo\n}\n\ntype MarketingTab = {\n  title: string\n  filter: (val: AdCardKey) => boolean\n}\n\nconst tabs: MarketingTab[] = [\n  {\n    title: 'All',\n    filter: (_copy: AdCardKey) => true\n  }\n]\n\nconst MarketingDashboard = (props: MarketingDashboardProps) => {\n  const { banners, onOpenChat } = props\n  const classes = useStyles()\n  const theme = useTheme()\n  const history = useHistory()\n  const mobileWarningBannerProps = useMobileWarningBanner()\n  const COPY_TYPES: AdCardDetails[] = Object.keys(AdTextType)\n    .map((ad) => {\n      const adType = ad as AdTextType\n      return {\n        key: adType,\n        title: adHeaders[adType],\n        subtitle: adSubHeaders[adType],\n        onClick: () => history.push(marketingRoutes[adType]),\n        logoSrc: marketingDashboardLogos[adType]\n      }\n    })\n  // Add in suggestion card\n  COPY_TYPES.push({\n    key: 'suggestion',\n    title: \"Can't find a content type?\",\n    subtitle:\n      \"Suggest what we should add next. We'll send our AI back to school to learn it!\",\n    onClick: onOpenChat,\n    logoSrc: suggestion_logo\n  })\n  const [currentTabIndex, setCurrentTabIndex] = useState<number>(0) // Default is 0 cause it's the first one\n  const currentTab = tabs[currentTabIndex]\n\n  const handleTabChange = (_event: React.ChangeEvent<{}>, newValue: number) => {\n    setCurrentTabIndex(newValue)\n  }\n\n  return (\n    <>\n      <Container maxWidth=\"lg\" className={classes.root}>\n        <Stack>\n          <h2 className={classes.header}>Marketing Copy</h2>\n          <Typography\n            variant=\"body1\"\n            style={{ color: theme.palette.grey[500] }}\n          >\n            Write winning copy to drive engagement and conversions.\n          </Typography>\n        </Stack>\n        <MobileWarningBanner {...mobileWarningBannerProps} />\n        {banners}\n        {\n          //TODO: Make tabs highlighted and show divider\n          SHOW_MARKETING_TABS && (\n            <Tabs\n              value={currentTab.title}\n              onChange={handleTabChange}\n              indicatorColor=\"primary\"\n              variant=\"scrollable\"\n              scrollButtons=\"auto\"\n            >\n              {tabs.map((marketingTab) => (\n                <Tab label={marketingTab.title} key={marketingTab.title} />\n              ))}\n            </Tabs>\n          )\n        }\n        <MarketingCardList\n          copyTypes={COPY_TYPES.filter((copy) => currentTab.filter(copy.key))}\n        />\n      </Container>\n    </>\n  )\n}\n\nexport default MarketingDashboard\n","/**\n * Constants common to all apps\n */\n\n// Environment STAGE\nexport const STAGE = process.env.REACT_APP_STAGE\n\n// ===== LOCALSTORAGE KEYS =====\n//TODO: Move these keys used for local storage here into a localStorageKeys object for better code quality\nexport const HAS_SEEN_PAPERCUPS = 'hasSeenPapercups'\nexport const IS_HIDE_EMPTY_METADATA_ROWS = 'isHideEmptyMetadataRows'\nexport const PREMIUM_HAS_CONTACTED_US = 'premiumHasContactedUs'\nexport const IMPORT_CONTACT_US = 'importContactUs'\nexport const ENTERPRISE_PLAN_CONTACT_US = 'enterprisePlanContactUs'\nexport const IS_FIRST_MARK_AS_DONE = 'isFirstMarkAsDone'\nexport const PREMIUM_DONE_TUTORIAL_BEFORE = 'premiumDoneTutorialBefore'\nexport const PREMIUM_SHOW_BANNER_NAV = 'premiumShowBannerNav'\nexport const HAS_SUBMITTED_LINKEDIN_POST_LINK = 'hasSubmittedLinkedinPostLink'\nexport const IMAGE_GENERATION_LOADING_TIME = 'imageGenerationLoadingTime'\n\n// ===== PAPERCUPS =====\nexport const PAPERCUPS_POPUP_DELAY = 180000\n\n// ===== WRITER STYLES ADMIN =====\nexport const MAX_TEMPERATURE = 2\nexport const MAX_TOKENS = 900\nexport const MAX_COUNTS = 9\n\n// ===== Server =====\n// TODO: Server URL should be configured on a per-app basis.\n//  Ideally we would refactor the apiClient builder to accept this\n//  as a parameter and specify it in each individual app's config.\nexport const SERVER = process.env.REACT_APP_SERVER || ''\n\n// ===== Colors =====\nexport const ERROR_COLOR = '#ee1a31' // Red\nexport const BLOG_PREFIX_COLOR = '#4062C2'\n\n// ===== Semantic UI Popup Overflow Prevention\n// Needed when parent has overflow property: https://github.com/Semantic-Org/Semantic-UI-React/issues/3725\nexport const SEMANTIC_POPUP_OVERFLOW_PREVENTION_PROPS = {\n  preventOverflow: {\n    boundariesElement: 'offsetParent'\n  }\n}\n\n// ===== Text to Image Generation constants =====\nexport const TEXT_TO_IMAGE_PROMPT_MAX_CHARS = 400\n\n// ===== Blog constants =====\nexport const BRAND_BACKGROUND_MAX_LIMIT = 500\nexport const TOPIC_CHAR_MAX_LIMIT = 500\n/**\n * Max limit of keywords a blog can have\n */\nexport const KEYWORDS_MAX_LIMIT = 5\n/**\n * Max character limit of all keywords\n */\nexport const TOTAL_KEYWORDS_CHAR_MAX_LIMIT = 200\nexport const TITLE_CHAR_MAX_LIMIT = 200\nexport const TARGET_AUDIENCE_MAX_CHARS = 200\nexport const PRODUCT_DETAILS_MAX_CHARS = 1000\nexport const OUTLINE_CHAR_MAX_LIMIT = 200\nexport const NON_SELECTED_INDEX = -1\nexport const ORIGINAL_TITLE_INDEX = -2\n/**\n * Minimum expected number of paragraph outlines for a blog post.\n */\nexport const MIN_EXPECTED_OUTLINES = 5\n/**\n * Maximum number of outlines allowed per blog post\n */\nexport const BLOG_MAX_OUTLINES = 11\n/**\n * Max number of 'details' that can be added for each paragraph outline.\n */\nexport const MAX_OUTLINE_DETAILS = 5\nexport const OUTLINE_DETAILS_MAX_LIMIT = 200\n/**\n * Minimum number of characters required for select & rewrite\n */\nexport const BLOG_MIN_REWRITE_CHARS = 30\n/**\n * Maximum number of characters allowed for select & rewrite\n */\nexport const BLOG_MAX_REWRITE_CHARS = 300\n\n// ===== Limits for Advertising Copy =====\n/**\n * Number of characters soft limit for google ads headlines\n */\nexport const GOOGLE_HEADLINE_CHAR_MAX_LIMIT = 30\n/**\n * Number of characters soft limit for google ads descriptions\n */\nexport const GOOGLE_DESCRIPTION_CHAR_MAX_LIMIT = 90\n/**\n * Number of characters soft limit for linkedin post ads descriptions\n */\nexport const LINKEDIN_POST_CHAR_MAX_LIMIT = 3000\n/**\n * Default ad tone\n */\nexport const DEFAULT_AD_TONE = 'Conversational'\n\n/**\n * The URL at which blog previews are hosted.\n */\nexport const BLOG_PREVIEW_BASE_PATH =\n  process.env.REACT_APP_BLOG_PREVIEW_BASE_PATH\n\n/**\n * The URL at which generated image previews are hosted.\n */\nexport const GENERATED_IMAGE_PREVIEW_BASE_PATH =\n  process.env.REACT_APP_GENERATED_IMAGE_PREVIEW_BASE_PATH\n\n// ===== Limits for Dashboard Incentives =====\n\nexport const DEFAULT_REFERRAL_CREDITS = 50\nexport const DEFAULT_LINK_SHARING_CREDITS = 30\n\n// ===== Months =====\nexport const months = [\n  'January',\n  'February',\n  'March',\n  'April',\n  'May',\n  'June',\n  'July',\n  'August',\n  'September',\n  'October',\n  'November',\n  'December'\n]\n\n// ===== Sizes =====\nexport enum SIZES {\n  small = 'sm',\n  medium = 'md',\n  large = 'lg'\n}\n\nexport const DEBOUNCED_TIMING = 330\n\n// ====== Feature Flags ======\n// TODO: All feature flags moving forward should use GlobalFeatureFlags that can be enabled in DB.\n/**\n * Blog editor bubble menu containing an option to rewrite selected content.\n */\nexport const ENABLE_BLOG_BUBBLE_MENU = false\n/**\n * Blog editor floating menu containing an option to write more content.\n */\nexport const ENABLE_FLOATING_MENU = true\n/**\n * Show the different tabs in the marketing dashboard.\n */\nexport const SHOW_MARKETING_TABS = false\n\n// Other frontend constants\nexport const DESKTOP_DRAWER_WIDTH_OPEN = 248\nexport const DESKTOP_DRAWER_WIDTH_CLOSE = 68\nexport const MOBILE_DRAWER_WIDTH_OPEN = 280\nexport const MOBILE_DRAWER_WIDTH_CLOSE = 0\n// In case we want to not close drawer on default\n// export const pathsWithClosedDrawer = [\n//   'blog-post',\n//   'advertising/',\n//   'catalog',\n//   'image-generation'\n// ]\nexport const SHOW_REFERRAL_SIDEBAR_LINK = false\nexport const ICON_SIZE = '20px'\nexport const ICON_STROKE = '2px'\n","import React, { useEffect, useMemo, useRef, useState } from 'react'\nimport { ChatWidget, Papercups } from '@papercups-io/chat-widget'\nimport { Storytime } from '@papercups-io/storytime'\n\nimport {\n  PAPERCUPS_ACCOUNT_ID,\n  PAPERCUPS_CHAT_TITLE,\n  PAPERCUPS_CHAT_SUBTITLE,\n  PAPERCUPS_CHAT_PLACEHOLDER,\n  PAPERCUPS_CHAT_GREETING,\n  PAPERCUPS_CHAT_COLOR,\n  PAPERCUPS_BASE_URL\n} from '../utils/Constants'\nimport { ShopDisplayDataAndStaffResponse, User } from '../utils/Interfaces'\nimport { PAPERCUPS_POPUP_DELAY } from '@hypotenuse/common/src/utils/Constants'\nimport { setHasSeenPapercups } from '@hypotenuse/common/src/utils/Functions'\nimport { trackCustomerSupportMessageReceived } from '@hypotenuse/common/src/api/Analytics'\nimport { CustomerMetadata } from '@papercups-io/chat-widget/dist/api'\n\ninterface Props {\n  user?: User\n  customer?: ShopDisplayDataAndStaffResponse\n  shouldPopupChat?: boolean\n}\n\nexport default function ChatSupport(props: Props) {\n  const { customer, shouldPopupChat, user } = props\n  const [isChatLoaded, setIsChatLoaded] = useState<boolean>(false)\n\n  const isStorytimeInitialized = useRef(false)\n  const customerObj: CustomerMetadata | undefined = useMemo(\n    () =>\n      customer && user\n        ? {\n            name: customer.domain,\n            email: customer.email,\n            external_id: customer.domain,\n            metadata: {\n              username: user.username,\n              domain: customer.domain,\n              last_name: customer.current_staff?.last_name,\n              first_name: customer.current_staff?.first_name,\n              email: customer.current_staff?.email\n            }\n          }\n        : undefined,\n    [user, customer]\n  )\n\n  useEffect(() => {\n    if (customerObj && !isStorytimeInitialized.current) {\n      Storytime.init({\n        accountId: PAPERCUPS_ACCOUNT_ID,\n        baseUrl: PAPERCUPS_BASE_URL,\n        customer: customerObj\n      })\n      isStorytimeInitialized.current = true\n    }\n  }, [customerObj])\n\n  const popupTimeoutRef = useRef<NodeJS.Timeout>()\n  useEffect(() => {\n    // Set a timer to popup chat IF shouldPopupChat is true and a timer doesn't already exist.\n    if (shouldPopupChat) {\n      if (isChatLoaded && !popupTimeoutRef.current) {\n        popupTimeoutRef.current = setTimeout(\n          Papercups.open,\n          PAPERCUPS_POPUP_DELAY\n        )\n      }\n    } else if (popupTimeoutRef.current) {\n      // If shouldPopupChat becomes false and there exists a timer to popup chat, clear it.\n      clearTimeout(popupTimeoutRef.current)\n      popupTimeoutRef.current = undefined\n    }\n  }, [isChatLoaded, shouldPopupChat])\n\n  if (!customer) return null\n\n  return (\n    <ChatWidget\n      accountId={PAPERCUPS_ACCOUNT_ID}\n      title={PAPERCUPS_CHAT_TITLE}\n      subtitle={PAPERCUPS_CHAT_SUBTITLE}\n      newMessagePlaceholder={PAPERCUPS_CHAT_PLACEHOLDER}\n      primaryColor={PAPERCUPS_CHAT_COLOR}\n      greeting={PAPERCUPS_CHAT_GREETING}\n      baseUrl={PAPERCUPS_BASE_URL}\n      customer={customerObj}\n      onChatOpened={() => setHasSeenPapercups(true)}\n      onChatLoaded={() => setIsChatLoaded(true)}\n      onMessageSent={(message) => trackCustomerSupportMessageReceived(message)}\n    />\n  )\n}\n","// More configs: https://material-ui.com/customization/palette/\nimport { createMuiTheme } from '@material-ui/core/styles'\n\nexport const theme = createMuiTheme({\n  palette: {\n    primary: {\n      main: '#566bce'\n    },\n    secondary: {\n      main: '#279c9a'\n    },\n    error: {\n      main: '#ee1a31' // Red\n    }\n  },\n  typography: {\n    h1: {\n      fontSize: '4rem',\n      fontFamily: \"Lato,'Helvetica Neue',Arial,Helvetica,sans-serif\",\n      color: 'var(--themeCol1-font-color)'\n    },\n    h2: {\n      fontSize: '2rem'\n    },\n    h3: {\n      fontSize: '1.5rem'\n    },\n    h5: {\n      fontWeight: 550\n    },\n    h6: {\n      fontSize: '1.1rem',\n      '@media (min-width:600px)': {\n        fontSize: '1.15rem'\n      },\n      fontWeight: 550\n    },\n    caption: {\n      fontSize: '14px',\n      lineHeight: 1.1\n    }\n  },\n  overrides: {\n    // MUI's buttons look really bad, esp since they are uppercase\n    MuiButton: {\n      root: {\n        textTransform: 'none',\n        fontWeight: 700,\n        fontFamily: \"Lato,'Helvetica Neue',Arial,Helvetica,sans-serif\",\n        color: 'var(--themeCol2-font-color)'\n      },\n      outlined: {\n        backgroundColor: 'white',\n        boxShadow: '1px 2px #F0F0F0',\n        '&:hover': {\n          backgroundColor: '#EFEFEF'\n        }\n      }\n    }\n  }\n})\n","import React from 'react'\nimport { Route, Redirect, RouteProps } from 'react-router-dom'\n\ninterface ProtectedRouteProps extends RouteProps {\n  hasAccess?: boolean\n}\n\nexport interface ProtectedRouteWithRedirectProps extends ProtectedRouteProps {\n  redirectUrl: string\n}\n\nexport const ProtectedRouteWithRedirect: React.FC<ProtectedRouteWithRedirectProps> = (\n  props\n) => {\n  const hasAccess = typeof props.hasAccess === 'undefined' || props.hasAccess\n  if (hasAccess) {\n    return <Route {...props} />\n  } else {\n    console.log(\n      `User does not have access to ${props.path}. Redirecting to ${props.redirectUrl}`\n    )\n    return <Redirect to={props.redirectUrl} />\n  }\n}\n\nexport interface ProtectedRouteWithFallbackComponentProps\n  extends ProtectedRouteProps {\n  fallbackComponent: React.ReactNode\n}\n\nexport const ProtectedRouteWithFallbackComponent: React.FC<ProtectedRouteWithFallbackComponentProps> = (\n  props\n) => {\n  const { hasAccess, fallbackComponent } = props\n  if (hasAccess) {\n    return <Route {...props} />\n  } else {\n    return <>{fallbackComponent}</>\n  }\n}\n","import { useMemo } from 'react'\n// The BroadcastChannel API is not supported in all environments and browsers. This package acts as a polyfill.\nimport { BroadcastChannel } from 'broadcast-channel'\n\n/**\n * Hook that uses the Broadcast API to send messages between windows/tabs of the same application.\n * Specify the callback function `onMessage` to run when a message is received from another window.\n * Use the `postMessage` function to push messages to other tabs.\n *\n * Broadcast API Reference: {@link https://developer.mozilla.org/en-US/docs/Web/API/Broadcast_Channel_API}\n */\nconst useBroadcast = <T,>(\n  channelName: string,\n  onMessage: (message: T) => void\n): { postMessage: (message: T) => void } => {\n  const channel = useMemo(() => new BroadcastChannel(channelName), [\n    channelName\n  ])\n\n  channel.onmessage = function (event) {\n    onMessage(event)\n  }\n\n  return { postMessage: (message) => channel.postMessage(message) }\n}\n\nexport default useBroadcast\n","import React, { useEffect } from 'react'\nimport useBroadcast from '../hooks/useBroadcast'\nimport { showWithSnackbar } from '../utils/Functions'\n\nexport interface Props {\n  /**\n   * The user logged in on the current window\n   */\n  username?: string\n}\n\n/**\n * Listens for changes to the logged in user on all open windows of the application.\n * When a different user is detected in a window, all other windows are refreshed.\n */\nconst ReloadPageOnNewLogin: React.FC<Props> = (props) => {\n  const { username: currentTabUsername } = props\n\n  const onNewLogin = () => {\n    showWithSnackbar(\n      'New login detected. Reload page to refresh your session.',\n      {\n        onExit: () => window.location.reload(),\n        onClick: () => window.location.reload(),\n        buttonText: 'Reload',\n        snackbarOptions: {\n          variant: 'info',\n          autoHideDuration: 20000,\n          preventDuplicate: true\n        }\n      }\n    )\n  }\n\n  const { postMessage } = useBroadcast<string | undefined>(\n    'username',\n    (newUsername) => {\n      // If a different username is seen to have logged in on another window, trigger the callback.\n      if (\n        newUsername &&\n        currentTabUsername &&\n        newUsername !== currentTabUsername\n      ) {\n        console.warn(\n          `New login detected: ${currentTabUsername} -> ${newUsername}`\n        )\n        onNewLogin()\n      }\n    }\n  )\n\n  // region Effects\n  useEffect(() => {\n    // When the user logged into the current tab changes (and on first load), notify all other windows.\n    if (currentTabUsername) postMessage(currentTabUsername)\n  }, [currentTabUsername])\n  // endregion\n\n  return null\n}\n\nexport default ReloadPageOnNewLogin\n","import { useEffect } from 'react'\nimport { StringParam, useQueryParam } from 'use-query-params'\nimport { BLOG_PREVIEW_BASE_PATH } from '../../utils/Constants'\n\n/**\n * @deprecated This component only serves as a redirect. The main page has\n * been moved to the Next.js app in phoenix-next (at `/article`)\n */\nconst ArticlePreviewRedirect = () => {\n  const [articlePreviewId] = useQueryParam('id', StringParam)\n  const redirectUrl = articlePreviewId\n    ? `${BLOG_PREVIEW_BASE_PATH}/${articlePreviewId}`\n    : '/home'\n  useEffect(() => {\n    window.location.href = redirectUrl\n  }, [redirectUrl])\n  return null\n}\n\nexport default ArticlePreviewRedirect\n","import React from 'react'\nimport {\n  Box,\n  Dialog,\n  Divider,\n  Fade,\n  FadeProps,\n  IconButton,\n  IconButtonProps\n} from '@material-ui/core'\nimport { DialogProps } from '@material-ui/core/Dialog/Dialog'\nimport Close from '@material-ui/icons/Close'\n\nexport interface SimpleDialogProps extends Omit<DialogProps, 'onClose'> {\n  /**\n   * Callback to close the modal. If provided, the close button will be displayed.\n   * This prop is overridden from DialogProps to allow calling it directly without a click event.\n   */\n  onClose?: () => void // TODO: This prop override is unnecessary; can just passthrough from DialogProps\n  topDivider?: boolean\n  closeButtonSize?: IconButtonProps['size']\n  disableTopBox?: boolean\n}\n\nconst DialogTransition = React.forwardRef(function Transition(\n  props: FadeProps,\n  ref: React.Ref<unknown>\n) {\n  return <Fade ref={ref} {...props} />\n})\n\n/**\n * A generic dialog modal with sensible defaults\n *\n * Uses a fade transition by default\n *\n * @param {SimpleDialogProps} props\n * @returns {JSX.Element}\n */\nexport const SimpleDialog: React.FC<SimpleDialogProps> = (props) => {\n  const {\n    title,\n    // maxWidth defaults to false, which makes the dialog full width\n    maxWidth = false,\n    // topDivider defaults to true, adding a line at the top of the Dialog box\n    topDivider = true,\n    // closeButtonSize defaults to small size\n    closeButtonSize = 'small',\n    // Optional flag to remove top box from Dialog, defaults to False\n    disableTopBox,\n    onClose,\n    children,\n    ...dialogProps\n  } = props\n  return (\n    <Dialog\n      TransitionComponent={DialogTransition}\n      maxWidth={maxWidth}\n      onClose={onClose}\n      {...dialogProps}\n    >\n      {onClose && (\n        <>\n          {!disableTopBox && (\n            <Box display=\"flex\" justifyContent=\"flex-end\" p={1}>\n              <IconButton onClick={onClose} size={closeButtonSize}>\n                <Close />\n              </IconButton>\n            </Box>\n          )}\n          {topDivider && <Divider light />}\n        </>\n      )}\n      {children}\n    </Dialog>\n  )\n}\n","import Lottie from 'lottie-react'\nimport React from 'react'\nimport { Redirect } from 'react-router-dom'\nimport {\n  SimpleDialog,\n  SimpleDialogProps\n} from '@hypotenuse/common/src/components/molecules/SimpleDialog'\nimport Stack from '@hypotenuse/common/src/components/atoms/Stack'\nimport {\n  Button,\n  DialogActions,\n  DialogContent,\n  Typography,\n  useTheme\n} from '@material-ui/core'\nimport humanHandsUpErrorAnimation from '../lottie/human-hands-up-error.json'\nimport { Link } from 'react-router-dom'\n\nexport interface InsufficientCreditsModalProps extends SimpleDialogProps {\n  isOpen?: boolean\n  modalMessage: string\n  redirectTo: string\n  /**\n   * Disables the button that redirects the user to the pricing page or whatever\n   */\n  disableRedirectButton?: boolean\n  primaryText: string\n}\n\nexport const InsufficientCreditsModal = (\n  props: InsufficientCreditsModalProps\n) => {\n  const {\n    onClose,\n    modalMessage,\n    redirectTo = '/pricing',\n    disableRedirectButton,\n    primaryText\n  } = props\n\n  const theme = useTheme()\n\n  /**\n   * Structures the modal content\n   */\n  const content = (\n    <>\n      <Lottie\n        loop={false}\n        animationData={humanHandsUpErrorAnimation}\n        style={{\n          height: '60%',\n          width: '50%',\n          marginTop: '-10%',\n          marginLeft: '10%'\n        }}\n      />\n      <Typography\n        variant=\"h5\"\n        style={{ textAlign: 'center', fontWeight: 'bold', marginTop: '-4%' }}\n      >\n        You've run out of credits :{'('}\n      </Typography>\n      {modalMessage.split('\\n').map((str) => (\n        <Typography\n          key={str}\n          color=\"textSecondary\"\n          variant=\"body1\"\n          align=\"center\"\n        >\n          {str}\n        </Typography>\n      ))}\n    </>\n  )\n\n  const [isRedirect, setIsRedirect] = React.useState(false)\n  if (isRedirect) {\n    return <Redirect to={redirectTo} />\n  }\n  const handleRedirect = () => {\n    setIsRedirect(true)\n    // TODO: Potential issue - the component might(?) unmount before onClose is called\n    onClose?.()\n  }\n\n  return (\n    <SimpleDialog\n      maxWidth=\"xs\"\n      topDivider={false}\n      closeButtonSize={'medium'}\n      {...props}\n    >\n      <DialogContent>\n        <Stack spacing={1} py={4} alignItems=\"center\" textAlign=\"center\">\n          {content}\n        </Stack>\n      </DialogContent>\n      {!disableRedirectButton && (\n        <DialogActions\n          disableSpacing\n          style={{ justifyContent: 'center', marginBottom: 5 }}\n        >\n          <Stack width=\"80%\" justifyContent=\"center\" spacing={1}>\n            <Button\n              variant=\"contained\"\n              color=\"primary\"\n              onClick={handleRedirect}\n              style={{ borderRadius: '10px' }}\n            >\n              <Typography variant=\"h6\">{primaryText}</Typography>\n            </Button>\n            <Button\n              component={Link}\n              variant=\"text\"\n              to=\"/free-credits\"\n              rel=\"noreferrer\"\n              target=\"_blank\"\n            >\n              <Typography\n                style={{\n                  color: theme.palette.primary.main,\n                  fontWeight: 600\n                }}\n              >\n                Want to earn more credits?\n              </Typography>\n            </Button>\n          </Stack>\n        </DialogActions>\n      )}\n    </SimpleDialog>\n  )\n}\n","import React from 'react'\nimport { useGenerationAPI } from '@hypotenuse/common/src/hooks/useGenerationAPI'\nimport {\n  InsufficientCreditsModal,\n  InsufficientCreditsModalProps\n} from '@hypotenuse/common/src/components/InsufficientCreditsModal'\n\nexport interface TakoInsufficientCreditsModalProps\n  extends Partial<InsufficientCreditsModalProps> {}\n\n/**\n * Wrapper around the generic InsufficientCreditsModal to customize it for Tako.\n *\n * Also serves as a workaround for the fact that useGenerationAPI() is not currently usable\n * directly inside the `App` component due to its Provider being further down in the tree.\n */\nexport const TakoInsufficientCreditsModal: React.FC<TakoInsufficientCreditsModalProps> = (\n  props\n) => {\n  const {\n    showInsufficientCreditsModal,\n    setShowInsufficientCreditsModal\n  } = useGenerationAPI()\n  return (\n    <InsufficientCreditsModal\n      open={showInsufficientCreditsModal}\n      onClose={() => setShowInsufficientCreditsModal(false)}\n      topDivider={false}\n      modalMessage={`You won't be able to generate any more content. Don't worry, your current content is still safe.\n      \\n\\nTo continue creating more content, upgrade your plan now.`}\n      redirectTo=\"/pricing\"\n      primaryText=\"Purchase Credits\"\n      {...props}\n    />\n  )\n}\n","import React, { Suspense } from 'react'\nimport {\n  Route,\n  RouteComponentProps,\n  Switch,\n  withRouter\n} from 'react-router-dom'\nimport { apiClient } from '@hypotenuse/common/src/utils/ApiClient'\nimport * as Sentry from '@sentry/react'\nimport { QueryParamProvider } from 'use-query-params'\nimport { ThemeProvider } from '@material-ui/core/styles'\nimport initHelpHero, { HelpHero } from 'helphero'\nimport { SnackbarProvider } from 'notistack'\n\nimport SlimDrawer from './components/SlimDrawer'\nimport {\n  DetectedProductLanguageConfig,\n  ProductSyncStatus,\n  ShopDisplayDataAndStaffResponse,\n  User\n} from './utils/Interfaces'\nimport ChatSupport from './components/ChatSupport'\nimport './App.css'\nimport Analytics from './analytics/Analytics'\nimport UnexpectedError from './components/UnexpectedError'\nimport { ApiErrorCatcher } from './components/ApiErrorHandler'\nimport { handleTrackUserSession } from './api/Analytics'\nimport { theme } from './utils/Theme'\nimport {\n  adTextTabs,\n  AdTextType\n} from '@hypotenuse/common/src/interfaces/AdvertisingText'\nimport {\n  DISABLE_BEACON_LINKS,\n  // GTM_CONTAINER_ID,\n  HELPSCOUT_BEACON_ID,\n  SHOPIFY_HELPHERO_TUTORIAL_TOUR,\n  TAKO_ENABLE_ARTICLE_PUBLIC_SHARING,\n  TAKO_ENABLE_NEW_REFERRALS\n} from './utils/Constants'\nimport { getIsTutorialComplete } from './utils/Functions'\nimport { getHasSeenPapercups } from '@hypotenuse/common/src/utils/Functions'\nimport snackbar, {\n  SnackbarConfigurator\n} from '@hypotenuse/common/src/utils/Snackbar'\nimport { ProductStateProvider } from './utils/context/ProductStateContext'\nimport { BeaconProvider } from '@hypotenuse/common/src/integrations/HelpScout'\nimport {\n  ProtectedRouteWithFallbackComponent,\n  ProtectedRouteWithRedirect\n} from '@hypotenuse/common/src/utils/ProtectedRoute'\nimport UnauthorizedError from './components/UnauthorizedError'\nimport { Dimmer, Image, Loader } from 'semantic-ui-react'\nimport { Box } from '@material-ui/core'\nimport {\n  AnalyticsConfigurator,\n  AnalyticsProvider\n} from '@hypotenuse/common/src/analytics/Analytics'\nimport {\n  GOOGLE_ANALYTICS_TRACK_CODE,\n  IS_PRODUCTION,\n  LOGROCKET_APP_ID\n} from './utils/Constants'\nimport ReloadPageOnNewLogin from '@hypotenuse/common/src/components/ReloadPageOnNewLogin'\nimport { PlatformType } from '../../common/src/utils/Interfaces'\nimport { SpinnerOnDimmer } from '@hypotenuse/common/src/components/Loaders'\nimport { GenerationAPIProvider } from '@hypotenuse/common/src/hooks/useGenerationAPI'\nimport ArticlePreviewRedirect from '@hypotenuse/common/src/pages/public/ArticlePreviewRedirect'\nimport { TakoInsufficientCreditsModal } from './components/TakoInsufficientCreditsModal'\nimport { marketingRoutes } from '@hypotenuse/common/src/pages/MarketingDashboard'\nimport { Papercups } from '@papercups-io/chat-widget'\n// import TagManager from 'react-gtm-module'\n// import { TagManagerArgs } from 'react-gtm-module/index'\n// import { GtmEvents, GtmDataLayerTypes } from '@hypotenuse/common/src/integrations/GoogleTagManager/Interfaces'\n\nconst ShopifyDashboard = React.lazy(() => import('./pages/ShopifyDashboard'))\nconst Products = React.lazy(() => import('./pages/Products'))\nconst Account = React.lazy(() => import('./pages/Account'))\nconst PricingPlan = React.lazy(() => import('./pages/PricingPlan'))\nconst Support = React.lazy(() => import('./pages/Support'))\nconst PageNotFound = React.lazy(() => import('./pages/PageNotFound'))\nconst Tutorial = React.lazy(() => import('./pages/Tutorial'))\nconst AdminPanel = React.lazy(() => import('./pages/AdminPanel'))\nconst Feedback = React.lazy(() => import('./pages/Feedback'))\nconst Interview = React.lazy(() => import('./pages/Interview'))\nconst Insights = React.lazy(() => import('./pages/insights/Insights'))\nconst AdvertisingText = React.lazy(\n  () => import('@hypotenuse/common/src/pages/AdvertisingText')\n)\nconst BlogGenerator = React.lazy(\n  () => import('@hypotenuse/common/src/components/blog/BlogGenerator')\n)\nconst BlogOverviewPage = React.lazy(\n  () => import('@hypotenuse/common/src/pages/BlogOverviewPage')\n)\nconst MarketingDashboard = React.lazy(\n  () => import('@hypotenuse/common/src/pages/MarketingDashboard')\n)\nconst ShopifyReferrals = React.lazy(\n  () => import('@hypotenuse/common/src/pages/Referrals')\n)\nconst FreeCredits = React.lazy(\n  () => import('@hypotenuse/common/src/pages/FreeCredits')\n)\nconst ReviewModal = React.lazy(() => import('./components/ReviewModal'))\n\n// // Google Tag Manager initialization\n// // See: https://github.com/alinemorelli/react-gtm\n// const tagManagerArgs: TagManagerArgs = {\n//   gtmId: GTM_CONTAINER_ID,\n//   dataLayerName: GtmDataLayerTypes.GTM_SUBSCRIPTION_LAYER,\n//   events: {\n//     planChange: GtmEvents.GTM_TAKO_SUBSCRIPTION\n//   }\n// }\n\n// try {\n//   TagManager.initialize(tagManagerArgs)\n// } catch (e) {// App should not break if TagManager fails\n//   console.warn(\"Tag Manager not initialized properly\")\n// }\n\ninterface State {\n  user?: User\n  shopDisplay?: ShopDisplayDataAndStaffResponse\n  productSyncStatus: ProductSyncStatus\n  hlp: HelpHero\n}\n\ninterface Props extends RouteComponentProps {}\n\nclass App extends React.Component<Props, State> {\n  productStatusPoller?: NodeJS.Timeout\n  detectedProductLanguagePoller?: NodeJS.Timeout\n  state: State = {\n    productSyncStatus: {\n      currentCount: 0,\n      totalCount: 0,\n      status: 'not-loaded',\n      message: ''\n    },\n    hlp: initHelpHero('zYiL6odmzMZ')\n  }\n\n  componentDidMount = async () => {\n    await this.fetchUser()\n    this.fetchShopData()\n    this.pollProductSyncStatus()\n  }\n\n  redirectToLogin = () => {\n    window.location.href = '/unauthorized'\n  }\n\n  fetchUser = async (callback?: Function) => {\n    let username = ''\n    return apiClient\n      .get('/shopify/user/me')\n      .then((response) => {\n        username = response.data.username\n        if (username === 'undefined') {\n          //redirect to login page\n          Analytics.trackEvent('User', 'Redirected to Login Page')\n          this.redirectToLogin()\n        } else {\n          this.setState((prevState: State) => {\n            // Do not update completedToursIds if user has completed tutorial before.\n            const prevUserState = prevState.user\n            if (prevUserState && getIsTutorialComplete(prevUserState)) {\n              return {\n                ...prevState,\n                user: {\n                  ...response.data,\n                  completedToursIds: prevUserState.completedToursIds\n                }\n              }\n            }\n            return { ...prevState, user: response.data }\n          })\n          username = response.data.username\n          handleTrackUserSession()\n          // Identify HelpHero events to the user\n          this.state.hlp.identify(username)\n        }\n      })\n      .catch(\n        ApiErrorCatcher((error) => {\n          console.log(error)\n          // Set HelpHero to be anonymous if there is an error\n          this.state.hlp.anonymous()\n        })\n      )\n      .finally(() => {\n        // Identify Sentry events to user and set the severity level\n        Sentry.configureScope(function (scope) {\n          // Users that are not authenticated cannot be fetched, and are expected\n          // to fail in subsequent calls to our backend, so we set them as warning.\n          scope.setUser({ id: username })\n          scope.setLevel(username ? 'error' : 'warning')\n        })\n        if (callback !== undefined) {\n          callback()\n        }\n      })\n  }\n  fetchShopData = () => {\n    apiClient\n      .get('/shopify/shop')\n      .then((resp) => {\n        const shopDisplay: ShopDisplayDataAndStaffResponse = resp.data\n        this.setState({ shopDisplay })\n      })\n      .catch(\n        ApiErrorCatcher((error) => {\n          console.log(error)\n        })\n      )\n  }\n  importProducts = () => {\n    this.setIsImporting()\n    return apiClient\n      .get('/shopify/import')\n      .then((resp) => {\n        console.log(resp.data)\n        Analytics.trackEvent('User', 'Importing products')\n      })\n      .catch(\n        ApiErrorCatcher((err) => {\n          console.log(err)\n          this.setImportError()\n          Sentry.captureMessage('Fetch products failed', 'error')\n        })\n      )\n      .finally(() => this.pollProductSyncStatus())\n  }\n  fetchProductSyncStatus = () => {\n    apiClient\n      .get('/shopify/product_sync_status')\n      .then((resp) => {\n        if (resp.status < 400) {\n          console.log(resp.data)\n          this.setState({ productSyncStatus: resp.data.productSyncStatus })\n        } else if (resp.status === 429) {\n          console.log('Too many requests to Shopify')\n        } else {\n          this.setImportError()\n        }\n      })\n      .catch(\n        ApiErrorCatcher((err) => {\n          console.log(err)\n          this.setImportError()\n          Sentry.captureMessage('Fetch import status failed', 'error')\n        })\n      )\n  }\n  pollProductSyncStatus = () => {\n    if (!this.productStatusPoller) {\n      // Poller has not been created\n      // fetchProductSyncStatus here first because setInterval executes after delay\n      this.fetchProductSyncStatus()\n      this.productStatusPoller = setInterval(() => {\n        console.log('---- Polling import status ----')\n        this.fetchProductSyncStatus()\n        this.pollProductSyncStatus()\n      }, 3000)\n    } else {\n      // Poller has already been created\n      if (this.state.productSyncStatus.status !== 'loading') {\n        // Stop polling once load status is no longer loading\n        clearInterval(this.productStatusPoller)\n        this.productStatusPoller = undefined\n        this.fetchUser()\n      }\n    }\n  }\n  setIsImporting = () => {\n    this.setState((prevState: State) => {\n      return {\n        ...prevState,\n        productSyncStatus: {\n          ...prevState.productSyncStatus,\n          status: 'loading',\n          currentCount: undefined,\n          totalCount: undefined,\n          hasShopifyProducts: undefined,\n          hasInternalProducts: undefined\n        }\n      }\n    })\n  }\n  setProductSyncStatus = (productSyncStatus: ProductSyncStatus) => {\n    this.setState({\n      productSyncStatus: productSyncStatus\n    })\n  }\n  setImportError = () => {\n    this.setState((prevState: State) => {\n      return {\n        productSyncStatus: { ...prevState.productSyncStatus, status: 'error' }\n      }\n    })\n  }\n  setTutorialComplete = () => {\n    let completedToursIds = this.state.user?.completedToursIds ?? []\n    if (completedToursIds.indexOf(SHOPIFY_HELPHERO_TUTORIAL_TOUR.id) === -1) {\n      completedToursIds.push(SHOPIFY_HELPHERO_TUTORIAL_TOUR.id)\n    }\n    Analytics.trackEvent('User', 'Completed tutorial')\n    this.setState(({ user }) => {\n      if (user) {\n        return {\n          user: {\n            ...user,\n            completedToursIds: completedToursIds\n          }\n        }\n      } else {\n        return { user: undefined }\n      }\n    })\n  }\n  setDetectedProductLanguageConfig = (\n    config: DetectedProductLanguageConfig\n  ) => {\n    this.setState(({ user }) => {\n      if (user) {\n        return {\n          user: {\n            ...user,\n            service_configs: {\n              ...user.service_configs,\n              detected_language: config\n            }\n          }\n        }\n      } else {\n        return { user: undefined }\n      }\n    })\n  }\n\n  renderSwitchFallback = () => {\n    Analytics.trackEvent('user', 'Error Encountered')\n    return (\n      <div\n        style={{\n          display: 'flex',\n          flexDirection: 'row',\n          alignItems: 'center',\n          justifyContent: 'center',\n          minHeight: '70vh'\n        }}\n      >\n        <UnexpectedError />\n      </div>\n    )\n  }\n  render = () => {\n    const { user, shopDisplay, productSyncStatus, hlp } = this.state\n    const onRateLimitExceeded = () => {\n      // Rate limit exceeded: surface error to user\n      snackbar.show(\n        'Uh oh! It looks like you’ve hit the limit of your free trial. Please subscribe to generate more.',\n        {\n          variant: 'warning'\n        }\n      )\n    }\n    const hasAccess = user ? user.hasAccess : false\n    const isTutorialComplete = user ? getIsTutorialComplete(user) : true\n    const isInTutorial = this.props.location.pathname === '/tutorial'\n    const shouldPopupChat = !getHasSeenPapercups() && !isInTutorial\n\n    return (\n      <QueryParamProvider ReactRouterRoute={Route}>\n        <AnalyticsProvider\n          username={user?.username}\n          disableTracking={!IS_PRODUCTION}\n          logRocketAppId={LOGROCKET_APP_ID}\n          logRocketExcludedUsernamePatterns={[\n            /thethirdphase\\.myshopify\\.com/,\n            /thethirdphase3\\.myshopify\\.com/,\n            /thethirdphase5\\.myshopify\\.com/,\n            /basilporkrice\\.myshopify\\.com/,\n            /tako-user\\.myshopify\\.com/\n          ]}\n          googleAnalyticsTrackingCode={GOOGLE_ANALYTICS_TRACK_CODE}\n        >\n          <AnalyticsConfigurator />\n          <ThemeProvider theme={theme}>\n            <SnackbarProvider\n              maxSnack={3}\n              anchorOrigin={{\n                vertical: 'bottom',\n                horizontal: 'center'\n              }}\n              preventDuplicate\n            >\n              <BeaconProvider\n                beaconId={HELPSCOUT_BEACON_ID}\n                disableBeaconLinks={DISABLE_BEACON_LINKS}\n              >\n                <GenerationAPIProvider\n                  onRateLimitExceeded={onRateLimitExceeded}\n                >\n                  <SnackbarConfigurator openChat={Papercups.open} />\n                  <div data-testid=\"appPage\" style={{ display: 'none' }} />\n                  <ReloadPageOnNewLogin username={user?.username} />\n                  <TakoInsufficientCreditsModal />\n                  <Suspense fallback={<SpinnerOnDimmer />}>\n                    <Switch>\n                      <Route\n                        path=\"/unauthorized\"\n                        exact\n                        component={UnauthorizedError}\n                      />\n                      <ProtectedRouteWithRedirect\n                        path=\"/article-preview\"\n                        component={ArticlePreviewRedirect}\n                        hasAccess={TAKO_ENABLE_ARTICLE_PUBLIC_SHARING}\n                        redirectUrl={'/home'}\n                      />\n                      <ProtectedRouteWithFallbackComponent\n                        // This component only shows once it has passed shopify authentication on the backend\n                        fallbackComponent={\n                          <>\n                            {user ? (\n                              // User has been fetched but user.hasAccess == false\n                              <Box\n                                display=\"flex\"\n                                flexDirection=\"column\"\n                                justifyContent=\"center\"\n                                alignItems=\"center\"\n                                minHeight=\"100vh\"\n                              >\n                                <Image\n                                  src=\"/assets/authentication_needed.svg\"\n                                  size=\"large\"\n                                />\n                                <h2\n                                  style={{\n                                    textAlign: 'center',\n                                    padding: '10px'\n                                  }}\n                                >\n                                  Sorry! Your shopify account does not have\n                                  access to Tako yet.\n                                </h2>\n                              </Box>\n                            ) : (\n                              // Fetching user to load app (hasAccess === false)\n                              // This condition has the assumption that /shopify/user/me is not an unauthorized request\n                              // If it is unauthorized and a user fails to be fetched, the 401 error will be intercepted to\n                              // redirect the user to /unauthorized to login to shopify instead of seeing this component\n                              <Dimmer\n                                active\n                                inverted\n                                style={{ position: 'fixed' }}\n                              >\n                                <Loader inverted size=\"large\">\n                                  <h2\n                                    style={{\n                                      textAlign: 'center',\n                                      padding: '10px'\n                                    }}\n                                  >\n                                    Loading Tako...\n                                  </h2>\n                                </Loader>\n                              </Dimmer>\n                            )}\n                          </>\n                        }\n                        hasAccess={hasAccess}\n                      >\n                        <SlimDrawer\n                          user={user}\n                          productSyncStatus={productSyncStatus}\n                          importProducts={this.importProducts}\n                          fetchImportStatus={this.fetchProductSyncStatus}\n                          hlp={hlp}\n                          tour={SHOPIFY_HELPHERO_TUTORIAL_TOUR}\n                        >\n                          {/* Showing modal in tutorial will overlay helphero and lead to undesired behavior */}\n                          {user && window.location.pathname !== '/tutorial' && (\n                            <ReviewModal user={user} />\n                          )}\n                          <ProductStateProvider>\n                            <Switch>\n                              <Route\n                                path={['/', '/home']}\n                                exact\n                                render={() => (\n                                  <Sentry.ErrorBoundary\n                                    fallback={this.renderSwitchFallback}\n                                  >\n                                    <ShopifyDashboard\n                                      shopDisplay={shopDisplay}\n                                      user={user}\n                                    />\n                                  </Sentry.ErrorBoundary>\n                                )}\n                              />\n                              <Route\n                                path={'/descriptions'}\n                                exact\n                                render={() => (\n                                  <Sentry.ErrorBoundary\n                                    fallback={this.renderSwitchFallback}\n                                  >\n                                    <Products\n                                      user={user}\n                                      fetchUser={this.fetchUser}\n                                      productSyncStatus={productSyncStatus}\n                                      isTutorialComplete={isTutorialComplete}\n                                      handleImportProducts={this.importProducts}\n                                      handleUpdateProductSyncStatus={\n                                        this.setProductSyncStatus\n                                      }\n                                      setWasShownDetectedLanguageConfig={() =>\n                                        this.setDetectedProductLanguageConfig({\n                                          was_detected: true,\n                                          was_shown: true,\n                                          language:\n                                            user?.service_configs\n                                              .detected_language.language\n                                        })\n                                      }\n                                    />\n                                  </Sentry.ErrorBoundary>\n                                )}\n                              />\n                              <Route\n                                path=\"/blogs\"\n                                exact\n                                render={(\n                                  props: RouteComponentProps<{\n                                    [x: string]: string | undefined\n                                  }>\n                                ) => (\n                                  <Sentry.ErrorBoundary\n                                    fallback={this.renderSwitchFallback}\n                                  >\n                                    <BlogOverviewPage {...props} />\n                                  </Sentry.ErrorBoundary>\n                                )}\n                              />\n                              <Route\n                                path=\"/blog-post\"\n                                exact\n                                render={() => (\n                                  <Sentry.ErrorBoundary\n                                    fallback={this.renderSwitchFallback}\n                                  >\n                                    <BlogGenerator\n                                      enableShare={\n                                        TAKO_ENABLE_ARTICLE_PUBLIC_SHARING\n                                      }\n                                      userFeatureFlags={\n                                        user?.service_configs?.feature_flags\n                                      }\n                                    />\n                                  </Sentry.ErrorBoundary>\n                                )}\n                              />\n                              <Route\n                                path=\"/insights/:productId?\"\n                                render={() => (\n                                  <Sentry.ErrorBoundary\n                                    fallback={this.renderSwitchFallback}\n                                  >\n                                    <Insights shopDisplay={shopDisplay} />\n                                  </Sentry.ErrorBoundary>\n                                )}\n                              />\n                              <Route\n                                path=\"/account\"\n                                exact\n                                render={() => (\n                                  <Sentry.ErrorBoundary\n                                    fallback={this.renderSwitchFallback}\n                                  >\n                                    <Account shopDisplay={shopDisplay} />\n                                  </Sentry.ErrorBoundary>\n                                )}\n                              />\n                              <ProtectedRouteWithRedirect\n                                hasAccess={\n                                  user?.service_configs?.interview.show\n                                }\n                                path=\"/interview\"\n                                redirectUrl=\"/home\"\n                                exact\n                                render={() => (\n                                  <Sentry.ErrorBoundary\n                                    fallback={this.renderSwitchFallback}\n                                  >\n                                    <Interview\n                                      shopDisplay={shopDisplay}\n                                      interviewConfig={\n                                        user?.service_configs?.interview\n                                      }\n                                    />\n                                  </Sentry.ErrorBoundary>\n                                )}\n                              />\n                              <ProtectedRouteWithRedirect\n                                hasAccess={user?.admin}\n                                path=\"/admin\"\n                                redirectUrl={'/home'}\n                                exact\n                                render={() => <AdminPanel />}\n                              />\n                              <Route\n                                path=\"/pricing\"\n                                exact\n                                render={() => (\n                                  <Sentry.ErrorBoundary\n                                    fallback={this.renderSwitchFallback}\n                                  >\n                                    <PricingPlan\n                                      fetchUser={this.fetchUser}\n                                      user={user}\n                                    />\n                                  </Sentry.ErrorBoundary>\n                                )}\n                              />\n                              <Route\n                                path=\"/advertising\"\n                                exact\n                                render={() => (\n                                  <Sentry.ErrorBoundary\n                                    fallback={this.renderSwitchFallback}\n                                  >\n                                    <MarketingDashboard\n                                      onOpenChat={Papercups.open}\n                                    />\n                                  </Sentry.ErrorBoundary>\n                                )}\n                              />\n                              {adTextTabs.map((tab) => {\n                                return (\n                                  <Route\n                                    key={tab.key}\n                                    path={\n                                      marketingRoutes[tab.key as AdTextType]\n                                    }\n                                    exact\n                                    render={() => (\n                                      <Sentry.ErrorBoundary\n                                        fallback={this.renderSwitchFallback}\n                                      >\n                                        <AdvertisingText\n                                          username={user?.username}\n                                          refreshUser={this.fetchUser}\n                                          platformType={PlatformType.shopify}\n                                          adTextType={tab.key}\n                                          key={tab.key}\n                                        />\n                                      </Sentry.ErrorBoundary>\n                                    )}\n                                  />\n                                )\n                              })}\n                              <Route\n                                path=\"/support\"\n                                exact\n                                component={Support}\n                              />\n                              <Route\n                                path=\"/tutorial\"\n                                exact\n                                render={() => (\n                                  <Sentry.ErrorBoundary\n                                    fallback={this.renderSwitchFallback}\n                                  >\n                                    <Tutorial\n                                      isTutorialComplete={isTutorialComplete}\n                                      hlp={hlp}\n                                      setTutorialComplete={\n                                        this.setTutorialComplete\n                                      }\n                                      tour={SHOPIFY_HELPHERO_TUTORIAL_TOUR}\n                                    />\n                                  </Sentry.ErrorBoundary>\n                                )}\n                              />\n                              <Route\n                                path=\"/free-credits\"\n                                exact\n                                render={() => (\n                                  <Sentry.ErrorBoundary\n                                    fallback={this.renderSwitchFallback}\n                                  >\n                                    {TAKO_ENABLE_NEW_REFERRALS ? (\n                                      <FreeCredits\n                                        enableLinkedInShare={\n                                          user?.service_configs\n                                            .dashboard_incentive_options\n                                            ?.linkedin_post\n                                        }\n                                      />\n                                    ) : (\n                                      <ShopifyReferrals />\n                                    )}\n                                  </Sentry.ErrorBoundary>\n                                )}\n                              />\n                              <Route\n                                path=\"/feedback\"\n                                exact\n                                component={Feedback}\n                              />\n                              <Route component={PageNotFound} />\n                            </Switch>\n                          </ProductStateProvider>\n                          <ChatSupport\n                            user={user}\n                            customer={shopDisplay}\n                            shouldPopupChat={shouldPopupChat}\n                          />\n                        </SlimDrawer>\n                      </ProtectedRouteWithFallbackComponent>\n                    </Switch>\n                  </Suspense>\n                </GenerationAPIProvider>\n              </BeaconProvider>\n            </SnackbarProvider>\n          </ThemeProvider>\n        </AnalyticsProvider>\n      </QueryParamProvider>\n    )\n  }\n}\n\nexport default withRouter(App)\n","// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read https://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n  window.location.hostname === 'localhost' ||\n    // [::1] is the IPv6 localhost address.\n    window.location.hostname === '[::1]' ||\n    // 127.0.0.0/8 are considered localhost for IPv4.\n    window.location.hostname.match(\n      /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n    )\n)\n\ntype Config = {\n  onSuccess?: (registration: ServiceWorkerRegistration) => void\n  onUpdate?: (registration: ServiceWorkerRegistration) => void\n}\n\nexport function register(config?: Config) {\n  if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n    // The URL constructor is available in all browsers that support SW.\n    const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href)\n    if (publicUrl.origin !== window.location.origin) {\n      // Our service worker won't work if PUBLIC_URL is on a different origin\n      // from what our page is served on. This might happen if a CDN is used to\n      // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n      return\n    }\n\n    window.addEventListener('load', () => {\n      const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`\n\n      if (isLocalhost) {\n        // This is running on localhost. Let's check if a service worker still exists or not.\n        checkValidServiceWorker(swUrl, config)\n\n        // Add some additional logging to localhost, pointing developers to the\n        // service worker/PWA documentation.\n        navigator.serviceWorker.ready.then(() => {\n          console.log(\n            'This web app is being served cache-first by a service ' +\n              'worker. To learn more, visit https://bit.ly/CRA-PWA'\n          )\n        })\n      } else {\n        // Is not localhost. Just register service worker\n        registerValidSW(swUrl, config)\n      }\n    })\n  }\n}\n\nfunction registerValidSW(swUrl: string, config?: Config) {\n  navigator.serviceWorker\n    .register(swUrl)\n    .then((registration) => {\n      registration.onupdatefound = () => {\n        const installingWorker = registration.installing\n        if (installingWorker == null) {\n          return\n        }\n        installingWorker.onstatechange = () => {\n          if (installingWorker.state === 'installed') {\n            if (navigator.serviceWorker.controller) {\n              // At this point, the updated precached content has been fetched,\n              // but the previous service worker will still serve the older\n              // content until all client tabs are closed.\n              console.log(\n                'New content is available and will be used when all ' +\n                  'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\n              )\n\n              // Execute callback\n              if (config && config.onUpdate) {\n                config.onUpdate(registration)\n              }\n            } else {\n              // At this point, everything has been precached.\n              // It's the perfect time to display a\n              // \"Content is cached for offline use.\" message.\n              console.log('Content is cached for offline use.')\n\n              // Execute callback\n              if (config && config.onSuccess) {\n                config.onSuccess(registration)\n              }\n            }\n          }\n        }\n      }\n    })\n    .catch((error) => {\n      console.error('Error during service worker registration:', error)\n    })\n}\n\nfunction checkValidServiceWorker(swUrl: string, config?: Config) {\n  // Check if the service worker can be found. If it can't reload the page.\n  fetch(swUrl, {\n    headers: { 'Service-Worker': 'script' }\n  })\n    .then((response) => {\n      // Ensure service worker exists, and that we really are getting a JS file.\n      const contentType = response.headers.get('content-type')\n      if (\n        response.status === 404 ||\n        (contentType != null && contentType.indexOf('javascript') === -1)\n      ) {\n        // No service worker found. Probably a different app. Reload the page.\n        navigator.serviceWorker.ready.then((registration) => {\n          registration.unregister().then(() => {\n            window.location.reload()\n          })\n        })\n      } else {\n        // Service worker found. Proceed as normal.\n        registerValidSW(swUrl, config)\n      }\n    })\n    .catch(() => {\n      console.log(\n        'No internet connection found. App is running in offline mode.'\n      )\n    })\n}\n\nexport function unregister() {\n  if ('serviceWorker' in navigator) {\n    navigator.serviceWorker.ready\n      .then((registration) => {\n        registration.unregister()\n      })\n      .catch((error) => {\n        console.error(error.message)\n      })\n  }\n}\n","import React from 'react'\nimport ReactDOM from 'react-dom'\nimport 'semantic-ui-css/semantic.min.css'\nimport { Router } from 'react-router-dom'\nimport * as Sentry from '@sentry/react'\nimport { createBrowserHistory } from 'history'\n// import { store } from './app/store'\n// import { Provider } from 'react-redux'\n\nimport './index.css'\nimport '@hypotenuse/common/src/index.css'\nimport App from './App'\nimport * as serviceWorker from './serviceWorker'\nimport {\n  IS_DEPLOYED,\n  SENTRY_DSN,\n  SENTRY_TRACE_SAMPLE_RATE,\n  STAGE\n} from './utils/Constants'\nimport Analytics from './analytics/Analytics'\nimport { ApiErrorHandler } from './components/ApiErrorHandler'\n\n// Sentry logging for error debugging\nif (IS_DEPLOYED) {\n  Sentry.init({\n    dsn: SENTRY_DSN,\n    autoSessionTracking: true,\n    environment: STAGE,\n    tracesSampleRate: SENTRY_TRACE_SAMPLE_RATE\n  })\n}\n\nconst history = createBrowserHistory()\nhistory.listen((_location) => {\n  void Analytics.trackPageView(\n    window.location.pathname + window.location.search\n  )\n})\n\nReactDOM.render(\n  <React.StrictMode>\n    {/*<Provider store={store}>*/}\n    <Router history={history}>\n      <ApiErrorHandler>\n        <App />\n      </ApiErrorHandler>\n    </Router>\n    {/*</Provider>*/}\n  </React.StrictMode>,\n  document.getElementById('root')\n)\n\n// If you want your app to work offline and load faster, you can change\n// unregister() to register() below. Note this comes with some pitfalls.\n// Learn more about service workers: https://bit.ly/CRA-PWA\nserviceWorker.unregister()\n","import snackbar from './Snackbar'\nimport { OptionsObject, SnackbarMessage } from 'notistack'\nimport React, { DependencyList, EffectCallback, useEffect, useRef } from 'react'\nimport { Button } from '@material-ui/core'\nimport { Description } from '../interfaces/Products'\nimport { MIN_EXPECTED_OUTLINES, HAS_SEEN_PAPERCUPS, months } from './Constants'\nimport { format, parseISO } from 'date-fns'\nimport moment from 'moment'\n\n// ==== Ad Descriptions ====\nexport const constructAdDescription = (\n  title: string,\n  description: string\n): string => {\n  return `${title}\\nDescription:${description}`\n}\n\ninterface parsedDescription {\n  title: string\n  description: string\n}\n\nexport const parseAdDescription = (\n  description: Description\n): parsedDescription => {\n  const [title, desc] = description.content.split('\\nDescription:', 2)\n  // Do not trim white space at the end of description. This will cause a bug where the user cannot type any spaces\n  // when editing their descriptions at the end.\n  return {\n    title: title ?? '',\n    description: desc ? desc.trimStart() : ''\n  }\n}\n\n// ==== Snackbar ====\ninterface ShowWithSnackbarOptions<\n  ClickType = any,\n  EnterType = any,\n  ExitType = any\n> {\n  onClick?: () => ClickType\n  onEnter?: () => EnterType\n  onExit?: () => ExitType\n  // TODO: Confirm button?\n  buttonText?: string\n  snackbarOptions?: Exclude<OptionsObject, 'onEnter' | 'onClose' | 'action'>\n}\n\n/**\n * Display a snackbar with:\n * - an 'enter' callback when the snackbar is first displayed\n * - an 'exit' callback when it closes 'naturally'\n * - a 'click' callback when it's closed programmatically (i.e. with a button click)\n * @param {SnackbarMessage} message\n * @param {ShowWithSnackbarOptions} options\n */\nexport const showWithSnackbar = function <\n  ClickType = any,\n  EnterType = any,\n  ExitType = any\n>(\n  message: SnackbarMessage,\n  options: ShowWithSnackbarOptions<ClickType, EnterType, ExitType>\n): ClickType | EnterType | ExitType | undefined {\n  let result: ClickType | EnterType | ExitType | undefined\n\n  snackbar.show(message, {\n    ...options.snackbarOptions,\n    onEnter: (_node, _key) => {\n      result = options.onEnter?.()\n    },\n    onClose: (_event, reason) => {\n      // When close is not triggered programmatically (i.e. user clicked cancel), trigger exit\n      if (reason !== 'instructed' && reason !== 'clickaway') {\n        result = options.onExit?.()\n      }\n    },\n    action: options.onClick\n      ? (snackbarKey) => (\n          <Button\n            color=\"inherit\"\n            size=\"small\"\n            onClick={() => {\n              result = options.onClick?.()\n              snackbar.close(snackbarKey)\n            }}\n            style={{ fontWeight: 'bold' }}\n          >\n            {options.buttonText ?? 'Cancel'}\n          </Button>\n        )\n      : undefined\n  })\n\n  return result\n}\n\n// ==== Papercups ====\nexport const setHasSeenPapercups = (hasSeen: boolean): void => {\n  localStorage.setItem(HAS_SEEN_PAPERCUPS, hasSeen.toString())\n}\n\nexport const getHasSeenPapercups = (): boolean => {\n  return localStorage.getItem(HAS_SEEN_PAPERCUPS) === 'true'\n}\n\n// ==== Misc ====\nexport const argSort = <T extends any = any>(\n  unsortedArr: T[],\n  compareFn: (a: T, b: T) => number\n): number[] =>\n  unsortedArr\n    // Convert to an object containing the original value and its index\n    .map((item, index) => ({ item, index }))\n    // Sort the array of objects by the original value\n    .sort((a, b) => compareFn(a.item, b.item))\n    // Map to sorted indices\n    .map(({ index }) => index)\n\nexport const isStringUrl = (possible_url: string) => {\n  // Basic check to see if string is URL. Can be more robust, but for now just need a basic one\n  const url_prefixes = ['www.', 'https:', 'http:']\n  return url_prefixes.some((prefix) => possible_url.includes(prefix))\n}\n\n// Functions to count characters\nconst stripHtml = (s: string) => {\n  s = s.replace(/<[^>]*>?/gm, '')\n  return s\n}\nexport const countWords = (s: string) => {\n  /**\n   * Counts the number of words within a string.\n   *\n   * Reference: https://stackoverflow.com/questions/32311081/check-for-special-characters-in-string\n   */\n  const format = /^[!@#$%^&*()_+\\-=[\\]{};':\"\\\\|,.<>/?]*$/\n\n  s = stripHtml(s)\n  const s_split = s\n    .replace(/&nbsp;/g, ' ')\n    .trim()\n    .split(/[\\s\\r\\n]+/)\n  const s_split_remove_empty = s_split\n    .map((s) => s.trim())\n    .filter((s) => s !== '' && !s.match(format))\n  return s_split_remove_empty.length\n}\n\nexport const countCharacters = (s: string) => {\n  s = stripHtml(s)\n  s = s.replace(/&nbsp;/g, '') // Newline will be represented as &nbsp leading to wrong number of chars so we need to strip it\n  s = s.trimEnd() // Trim off any whitespace at the end\n  return s.length\n}\n\nexport const numberWithCommas = (x: number) => {\n  return x.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, ',')\n}\n\n// ==== Dates ====\nconst isoDateFormat = /^\\d{4}-\\d{2}-\\d{2}T\\d{2}:\\d{2}:\\d{2}(?:\\.\\d*)?$/\n\nfunction isIsoDateString(value: any): boolean {\n  return value && typeof value === 'string' && isoDateFormat.test(value)\n}\n\nexport function handleDates(body: any) {\n  if (body === null || body === undefined || typeof body !== 'object')\n    return body\n\n  for (const key of Object.keys(body)) {\n    const value = body[key]\n    // Note: The Z at the back of parseISO is necessary because we do UTC now.\n    // We can remove the Z if we migrate our python datetime to use the ISO8601 spec.\n    // See more here: https://stackoverflow.com/questions/19654578/python-utc-datetime-objects-iso-format-doesnt-include-z-zulu-or-zero-offset\n    if (isIsoDateString(value)) body[key] = parseISO(`${value}Z`)\n    else if (typeof value === 'object') handleDates(value)\n  }\n}\n\nexport function getDatetimeSince(date: Date): string {\n  const currDate = new Date()\n  let diffDays = currDate.getDate() - date.getDate()\n  let diffMonths = currDate.getMonth() - date.getMonth()\n  let diffYears = currDate.getFullYear() - date.getFullYear()\n\n  // If date is today or yesterday, display time since (eg 4 hours ago, 2 minutes ago)\n  if (diffYears === 0 && diffDays < 2 && diffMonths === 0) {\n    return moment(date).fromNow()\n  } else {\n    return formatDateString(date)\n  }\n}\n\nexport function formatDateString(date: Date) {\n  return format(date, 'dd MMM yyyy')\n}\n\nexport function getISOStringWithoutZ(date: Date) {\n  return date.toISOString().replace('Z', '')\n}\n\nexport const formatDate = (date: Date): string => {\n  return `${date.getDate()} ${months[date.getMonth()]} ${date.getFullYear()}`\n}\n\nexport const getMonthName = (date: Date): string => {\n  return months[date.getMonth()]\n}\n\n// An custom React Hook to run callback functions after delay using setInterval\n// See https://overreacted.io/making-setinterval-declarative-with-react-hooks/\nexport const useInterval = (callback: () => void, delay: number | null) => {\n  const savedCallback = useRef(callback)\n\n  useEffect(() => {\n    savedCallback.current = callback\n  }, [callback])\n\n  useEffect(() => {\n    if (delay === null) {\n      return\n    }\n    const id = setInterval(() => savedCallback.current(), delay)\n    return () => clearInterval(id)\n  }, [delay])\n}\n\n// ==== Scroll ====\nexport const scrollToElementById = (elementId: string) => {\n  const element = document.getElementById(elementId)\n  element?.scrollIntoView({ behavior: 'smooth' })\n}\n\n// A useEffect that runs only during the second call.\n// This is especially useful when you dont want useEffect to be called during the initial render of the component.\nexport const useNonInitialEffect = (\n  effect: EffectCallback,\n  deps?: DependencyList\n) => {\n  const initialRender = useRef(true)\n  useEffect(() => {\n    if (initialRender.current) {\n      initialRender.current = false\n    } else {\n      effect()\n    }\n  }, deps)\n}\n\nexport const padArray = <T,>(array: T[], minLen: number, fillValue: T) => {\n  return minLen > array.length\n    ? array.concat(Array(minLen - array.length).fill(fillValue))\n    : array\n}\n\n// ==== Blog ====\n// Pads the outline array with empty strings to reach the minimum length\nexport const padOutlinesArray = (arr: string[]) => {\n  return padArray(arr, MIN_EXPECTED_OUTLINES, '')\n}\n\n/**\n * Trim whitespace from the beginning and end of a string.\n */\nexport const trimNewlineAndWhitespace = (s: string) => {\n  return s.replace(/^\\s+|\\s+$/g, '')\n}\n\nexport const downloadFile = (url: string, filename: string) => {\n  const link = document.createElement('a')\n  link.href = url\n  link.setAttribute('download', filename)\n\n  // Append to html link element page\n  document.body.appendChild(link)\n\n  // Start download\n  link.click()\n\n  // Clean up and remove the link\n  document.body.removeChild(link)\n}\n","import { Description, ProductErrorType } from './Products'\n\nexport enum BlogStepper {\n  TITLE,\n  OUTLINE,\n  INTRO,\n  PARAGRAPH,\n  CONCLUSION,\n  FULL_ARTICLE\n}\n\nexport enum BlogCurrStep {\n  NONE = -1,\n  TITLE = 0,\n  OUTLINES = 1,\n  PARAGRAPHS = 2\n}\n\n/**\n * The pattern used to split outline headings into an array.\n * Note: We include <SEP> for backward compatibility - we don't expect to see\n *  it in newly generated outlines but older outlines still contain it.\n */\nexport const BLOG_OUTLINE_SEPARATOR_PATTERN = /\\n|<SEP>/\n/**\n * The patter used to rejoin outline headings arrays into a string\n */\nexport const BLOG_OUTLINE_JOIN_TOKEN = '\\n'\n\nexport enum BlogTheme {\n  WRITER_BLOG_TITLE = 'blog_title',\n  WRITER_BLOG_OUTLINE = 'blog_outline',\n  WRITER_BLOG_INTRO = 'blog_introduction',\n  WRITER_BLOG_PARAGRAPH = 'blog_paragraph',\n  WRITER_BLOG_CONCLUSION = 'blog_conclusion',\n  WRITER_BLOG_WRITE_MORE = 'blog_write_more' // TODO: consider different writers based on prefix or suffix\n}\n\nexport enum BlogPOVs {\n  FIRST_PERSON_SINGULAR = 'first-person (singular)',\n  FIRST_PERSON_PLURAL = 'first-person (plural)',\n  SECOND_PERSON = 'second-person',\n  THIRD_PERSON = 'third-person'\n}\n\nexport enum OutlineDetailCreationType {\n  BY_USER = 'by_user',\n  BY_RESEARCH = 'by_research'\n}\nexport interface OutlineDetail {\n  outline_detail: string\n  creation_type: OutlineDetailCreationType\n  id: string\n}\n\n/**\n * The outline section is a representation of H2s + Ps\n */\nexport interface OutlineSection {\n  /** This string stores the one heading (H2) */\n  outline_heading: string\n  /** This array of string stores the bullet points of each heading (H2) */\n  details: OutlineDetail[]\n  /** This id is used to identify the outline section */\n  id: string\n}\n\nexport interface OutlineWithDetails {\n  /**\n   * This list stores all the headings of an outline\n   * and the details (bullet points) of each heading\n   */\n  list_of_outline_sections: OutlineSection[]\n  /**\n   *  This id is used to keep track of which outline is currently selected.\n   * In Step 3 of Blog, we will render the\n   * outline based on the selected_outline_id\n   */\n  outline_id: string\n}\n\n// All Descriptions inside Blog object will have a description_id\nexport interface BlogDescription extends Description {\n  description_id: string\n}\n\nexport interface Blog {\n  username: string\n  organizationName: string\n  blogId: string\n  product_details: string\n  productId: string\n  created_at: string\n  loading: boolean\n  descriptions: BlogDescription[]\n  step: number\n  target_audience: string\n  brand_details: string\n  title: string\n  intro: string\n  blog_outlines: string[]\n  blog_outlines_details: string[][]\n  paragraphs: string[]\n  blog_content: string\n  keywords: string[]\n  conclusion: string\n  loadingAt?: Date\n  expiredAt?: Date\n  productErrorType?: ProductErrorType\n  blog_topic?: string\n  blog_tone: string\n  point_of_view: BlogPOVs\n  outline_options: OutlineWithDetails[]\n  selected_outline_id: string\n}\n\nexport interface BlogUpdateForm {\n  blogId: string\n  blog_topic?: string\n  product_details?: string\n  target_audience?: string\n  brand_details?: string\n  title?: string\n  intro?: string\n  blog_outlines?: string[]\n  paragraphs?: string[]\n  blog_content?: string\n  descriptions?: BlogDescription[]\n  keywords?: string[]\n  conclusion?: string\n  step?: BlogCurrStep\n  productErrorType?: ProductErrorType\n  blog_tone?: string\n  point_of_view?: BlogPOVs\n  outline_options?: OutlineWithDetails[]\n  selected_outline_id?: string\n}\n\nexport type SortByDate =\n  | BlogOverviewSortBy.CREATED_AT\n  | BlogOverviewSortBy.MODIFIED_AT\n\nexport enum BlogOverviewSortBy {\n  SCORE = '_score',\n  BLOG_ID = 'blogId',\n  CREATED_AT = 'created_at',\n  MODIFIED_AT = 'modified_at',\n  BLOG_TITLE = 'title.raw'\n}\n\nexport interface BlogOverviewSearchQuery {\n  blogIds?: Array<string>\n  search?: string\n  scan?: boolean\n  sortBy?: Array<BlogOverviewSortBy>\n  start?: number\n  end?: number\n}\n\nexport interface BlogOverviewResponse {\n  created_at: string\n  blogId: string\n  title: string\n  keywords: Array<string>\n  modified_at?: string\n  blog_topic: string\n  word_count: number\n}\n\nexport enum BlogWriteMoreAction {\n  APPROVE = 'approve',\n  REJECT = 'reject'\n}\n\n/**\n * Schema for frozen blog article preview.\n * A blog article preview is a frozen version of a blog article that is\n * suitable for sharing.\n */\nexport interface IArticlePreview {\n  id: string\n  created_at: string\n  blog_id: string\n  title: string\n  html_content: string\n  author_display_name: string\n}\n","import {\n  ContentGenerationType,\n  FeedbackContentGenerationType,\n  GenerationStatusFilterKey\n} from './ContentGeneration'\nimport { Description, ProductErrorType } from './Products'\n\n/**\n * Enumeration for different ad text types used internally in generation.\n * Note: The order here is important and intentionally done.\n */\nexport enum AdTextType {\n  rewriter = 'rewriter',\n  summarise = 'summarise',\n  instagram = 'instagram',\n  google = 'google',\n  facebook = 'facebook',\n  linkedin = 'linkedin',\n  headline = 'headline',\n  landing_page = 'landing_page',\n  meta_desc = 'meta_desc',\n  category_page = 'category_page',\n  marketing_angles = 'marketing_angles',\n  eli5 = 'eli5',\n  email = 'email',\n  youtube_title = 'youtube_title',\n  video_intro = 'video_intro',\n  bio_writer = 'bio_writer',\n  press_release = 'press_release'\n}\n\n/**\n * Enumeration of fields in the advertising text form.\n * As we scale the number of content types, we need to categorize fields to easily include/exclude them.\n * Initialized in order of top to bottom (keep it that way please?)\n */\nexport enum AdTextFormField {\n  product = 'product',\n  moreDescriptions = 'moreDescriptions',\n  keywords = 'keywords',\n  tone = 'tone',\n  advancedOptions = 'advancedOptions',\n  targetAudience = 'targetAudience',\n  brand = 'brand'\n}\n\nexport const adTextTabs = Object.entries(AdTextType).map(([value, key]) => {\n  return {\n    key: key,\n    path: value\n  }\n})\n\nexport const generationTypeMap: {\n  [key in AdTextType]: ContentGenerationType\n} = {\n  [AdTextType.instagram]: ContentGenerationType.advertising_text_instagram,\n  [AdTextType.google]: ContentGenerationType.advertising_text_google,\n  [AdTextType.facebook]: ContentGenerationType.advertising_text_facebook,\n  [AdTextType.headline]: ContentGenerationType.advertising_text_headline,\n  [AdTextType.linkedin]: ContentGenerationType.advertising_text_linkedin,\n  [AdTextType.rewriter]: ContentGenerationType.advertising_text_rewriter,\n  [AdTextType.category_page]:\n    ContentGenerationType.advertising_text_category_page,\n  [AdTextType.landing_page]:\n    ContentGenerationType.advertising_text_landing_page,\n  [AdTextType.eli5]: ContentGenerationType.advertising_text_eli5,\n  [AdTextType.email]: ContentGenerationType.advertising_text_email,\n  [AdTextType.video_intro]: ContentGenerationType.advertising_text_video_intro,\n  [AdTextType.meta_desc]: ContentGenerationType.advertising_text_meta_desc,\n  [AdTextType.marketing_angles]:\n    ContentGenerationType.advertising_text_marketing_angles,\n  [AdTextType.press_release]:\n    ContentGenerationType.advertising_text_press_release,\n  [AdTextType.summarise]: ContentGenerationType.advertising_text_summarise,\n  [AdTextType.youtube_title]:\n    ContentGenerationType.advertising_text_youtube_title,\n  [AdTextType.bio_writer]: ContentGenerationType.advertising_text_bio_writer\n}\n\nexport const feedbackContentTypeMap: {\n  [key in AdTextType]: FeedbackContentGenerationType\n} = {\n  [AdTextType.instagram]:\n    FeedbackContentGenerationType.advertising_text_instagram,\n  [AdTextType.google]: FeedbackContentGenerationType.advertising_text_google,\n  [AdTextType.facebook]:\n    FeedbackContentGenerationType.advertising_text_facebook,\n  [AdTextType.headline]:\n    FeedbackContentGenerationType.advertising_text_headline,\n  [AdTextType.linkedin]:\n    FeedbackContentGenerationType.advertising_text_linkedin,\n  [AdTextType.rewriter]:\n    FeedbackContentGenerationType.advertising_text_rewriter,\n  [AdTextType.category_page]:\n    FeedbackContentGenerationType.advertising_text_category_page,\n  [AdTextType.landing_page]:\n    FeedbackContentGenerationType.advertising_text_landing_page,\n  [AdTextType.eli5]: FeedbackContentGenerationType.advertising_text_eli5,\n  [AdTextType.email]: FeedbackContentGenerationType.advertising_text_email,\n  [AdTextType.video_intro]:\n    FeedbackContentGenerationType.advertising_text_video_intro,\n  [AdTextType.meta_desc]:\n    FeedbackContentGenerationType.advertising_text_meta_desc,\n  [AdTextType.marketing_angles]:\n    FeedbackContentGenerationType.advertising_text_marketing_angles,\n  [AdTextType.press_release]:\n    FeedbackContentGenerationType.advertising_text_press_release,\n  [AdTextType.summarise]:\n    FeedbackContentGenerationType.advertising_text_summarise,\n  [AdTextType.youtube_title]:\n    FeedbackContentGenerationType.advertising_text_youtube_title,\n  [AdTextType.bio_writer]:\n    FeedbackContentGenerationType.advertising_text_bio_writer\n}\n\nexport const AD_TEXT_TYPES_WITH_LONG_FORM_PRODUCT_TYPE_FIELD = new Set<AdTextType>(\n  [\n    AdTextType.rewriter,\n    AdTextType.eli5,\n    AdTextType.landing_page,\n    AdTextType.summarise,\n    AdTextType.email\n  ]\n)\n\nexport const AD_TEXT_TYPES_WITH_REQUIRED_PRODUCT_TYPE_FIELD = new Set<AdTextType>(\n  [\n    AdTextType.rewriter,\n    AdTextType.eli5,\n    AdTextType.landing_page,\n    AdTextType.summarise,\n    AdTextType.marketing_angles,\n    AdTextType.email,\n    AdTextType.youtube_title,\n    AdTextType.video_intro,\n    AdTextType.press_release,\n    AdTextType.bio_writer\n  ]\n)\n\nexport const BULK_WORKFLOW_CONTENT_TYPES: readonly AdTextType[] = [\n  AdTextType.instagram,\n  AdTextType.rewriter,\n  AdTextType.category_page,\n  AdTextType.meta_desc\n] as const\n\nexport const BULK_WORKFLOW_CONTENT_TYPES_SAMPLE_CSV = {\n  [AdTextType.instagram]: '/instagram_sample.csv',\n  [AdTextType.rewriter]: '/rewriter_sample.csv',\n  [AdTextType.category_page]: '/category_page_sample.csv',\n  [AdTextType.meta_desc]: '/meta_desc_sample.csv'\n}\n\nexport type BulkWorkflowType = keyof typeof BULK_WORKFLOW_CONTENT_TYPES_SAMPLE_CSV\nexport const bulkWorkflowSampleCSV = (adTextType: AdTextType) =>\n  adTextType in BULK_WORKFLOW_CONTENT_TYPES_SAMPLE_CSV\n    ? BULK_WORKFLOW_CONTENT_TYPES_SAMPLE_CSV[adTextType as BulkWorkflowType]\n    : undefined\n\n/**\n * Field mappings to map errors to the right field.\n * TODO: Use them\n */\nexport enum GenerateAdTextErrorType {\n  empty_fields = 'empty_fields',\n  target_audience_too_long = 'target_audience_too_long',\n  brand_too_long = 'brand_too_long',\n  keywords_too_long = 'keywords_too_long',\n  product_type_too_long = 'product_type_too_long'\n}\n\nexport const errorToFieldMap: {\n  [key in GenerateAdTextErrorType]: AdTextFormField | null\n} = {\n  [GenerateAdTextErrorType.empty_fields]: null, // Empty Fields is specially mapped to null because this could be any field\n  [GenerateAdTextErrorType.target_audience_too_long]:\n    AdTextFormField.targetAudience,\n  [GenerateAdTextErrorType.brand_too_long]: AdTextFormField.brand,\n  [GenerateAdTextErrorType.keywords_too_long]: AdTextFormField.keywords,\n  [GenerateAdTextErrorType.product_type_too_long]: AdTextFormField.product\n}\n\nexport enum AdvertisementTextActions {\n  copy = 'copy',\n  edit = 'edit',\n  delete = 'delete'\n}\n\nexport type AdCardKey = AdTextType | 'suggestion'\nexport interface AdCardDetails {\n  key: AdCardKey\n  title: string\n  subtitle: string\n  onClick: () => void\n  logoSrc?: string\n}\n\nexport interface AdText {\n  username: string\n  organizationName: string\n  adTextId: string\n  productId: string\n  created_at: string\n  ad_text_type: AdTextType\n  loading: boolean\n  descriptions: Description[] // TODO: Make readonly\n  loadingAt?: Date\n  expiredAt?: Date\n  productErrorType?: ProductErrorType\n  target_audience?: string\n  brand?: string\n  tone?: string\n  product_type?: string\n  more_description?: string\n  keywords?: string[]\n  isSaved?: boolean\n}\n\nexport interface AdTextUpdateForm {\n  adTextId: string\n  target_audience?: string\n  tone?: string\n  more_description?: string\n  brand?: string\n  product_type?: string\n  keywords?: string[]\n  descriptions?: Description[]\n  productErrorType?: ProductErrorType\n  isSaved?: boolean\n}\n\nexport interface AdTextFolder {\n  id: string\n  username: string\n  organizationName: string\n  ad_text_type: AdTextType\n  created_at: string\n  updated_at: string\n  folder_name: string\n  item_count: number\n  tone?: string\n}\n\nexport interface AdTextFolderUpdateForm {\n  folder_name: string\n  tone: string\n}\n\nexport interface AdTextFoldersCount {\n  total_count: number\n  ad_text_counts: { [key in AdTextType]: number }\n}\n\nexport enum BeaconArticleIdSlots {\n  googleKeywords = 'googleKeywords',\n  googleTargetAudience = 'googleTargetAudience',\n  facebookKeywords = 'facebookKeywords',\n  facebookTargetAudience = 'facebookTargetAudience',\n  adsGeneration = 'adsGeneration'\n}\n\n/**\n * Each ad text type is mapped to a set of fields that do NOT require this field.\n * Used to know which field(s) to not render.\n */\n\nexport const formExceptionMap = {\n  [AdTextType.google]: new Set<AdTextFormField>([\n    AdTextFormField.moreDescriptions\n  ]),\n  [AdTextType.instagram]: new Set<AdTextFormField>([\n    AdTextFormField.moreDescriptions\n  ]),\n  [AdTextType.facebook]: new Set<AdTextFormField>([\n    AdTextFormField.moreDescriptions\n  ]),\n  [AdTextType.linkedin]: new Set<AdTextFormField>([\n    AdTextFormField.moreDescriptions\n  ]),\n  [AdTextType.headline]: new Set<AdTextFormField>([\n    AdTextFormField.moreDescriptions\n  ]),\n  [AdTextType.category_page]: new Set<AdTextFormField>([\n    AdTextFormField.moreDescriptions\n  ]),\n  [AdTextType.video_intro]: new Set<AdTextFormField>([\n    AdTextFormField.moreDescriptions\n  ]),\n  [AdTextType.meta_desc]: new Set<AdTextFormField>([\n    AdTextFormField.tone,\n    AdTextFormField.advancedOptions,\n    AdTextFormField.brand,\n    AdTextFormField.targetAudience,\n    AdTextFormField.moreDescriptions\n  ]),\n  [AdTextType.marketing_angles]: new Set<AdTextFormField>([\n    AdTextFormField.keywords,\n    AdTextFormField.advancedOptions,\n    AdTextFormField.brand,\n    AdTextFormField.targetAudience\n  ]),\n  [AdTextType.press_release]: new Set<AdTextFormField>([\n    AdTextFormField.keywords,\n    AdTextFormField.advancedOptions,\n    AdTextFormField.targetAudience,\n    AdTextFormField.tone\n  ]),\n  [AdTextType.summarise]: new Set<AdTextFormField>([\n    AdTextFormField.keywords,\n    AdTextFormField.advancedOptions,\n    AdTextFormField.brand,\n    AdTextFormField.targetAudience,\n    AdTextFormField.moreDescriptions\n  ]),\n  [AdTextType.rewriter]: new Set<AdTextFormField>([\n    AdTextFormField.keywords,\n    AdTextFormField.advancedOptions,\n    AdTextFormField.brand,\n    AdTextFormField.targetAudience,\n    AdTextFormField.moreDescriptions\n  ]),\n  [AdTextType.eli5]: new Set<AdTextFormField>([\n    AdTextFormField.keywords,\n    AdTextFormField.advancedOptions,\n    AdTextFormField.brand,\n    AdTextFormField.targetAudience,\n    AdTextFormField.tone,\n    AdTextFormField.moreDescriptions\n  ]),\n  [AdTextType.email]: new Set<AdTextFormField>([\n    AdTextFormField.moreDescriptions\n  ]),\n  [AdTextType.youtube_title]: new Set<AdTextFormField>([\n    AdTextFormField.moreDescriptions,\n    AdTextFormField.brand\n  ])\n}\n\n/**\n * Each ad text type is mapped to a set of fields that are required.\n * Used to decide whether to disable the generate button or not.\n * Note that a field may not be required but not excepted either.\n */\nexport const requiredFieldMap = {\n  [AdTextType.google]: new Set<AdTextFormField>([AdTextFormField.keywords]),\n  [AdTextType.instagram]: new Set<AdTextFormField>([AdTextFormField.keywords]),\n  [AdTextType.facebook]: new Set<AdTextFormField>([AdTextFormField.keywords]),\n  [AdTextType.linkedin]: new Set<AdTextFormField>([AdTextFormField.keywords]),\n  [AdTextType.landing_page]: new Set<AdTextFormField>([\n    AdTextFormField.product,\n    AdTextFormField.keywords\n  ]),\n  [AdTextType.headline]: new Set<AdTextFormField>([AdTextFormField.keywords]),\n  [AdTextType.category_page]: new Set<AdTextFormField>([\n    AdTextFormField.keywords\n  ]),\n  [AdTextType.video_intro]: new Set<AdTextFormField>([\n    AdTextFormField.keywords\n  ]),\n  [AdTextType.meta_desc]: new Set<AdTextFormField>([\n    AdTextFormField.product,\n    AdTextFormField.keywords\n  ]),\n  [AdTextType.marketing_angles]: new Set<AdTextFormField>([\n    AdTextFormField.product\n  ]),\n  [AdTextType.press_release]: new Set<AdTextFormField>([\n    AdTextFormField.product,\n    AdTextFormField.moreDescriptions,\n    AdTextFormField.brand\n  ]),\n  [AdTextType.summarise]: new Set<AdTextFormField>([AdTextFormField.product]),\n  [AdTextType.rewriter]: new Set<AdTextFormField>([AdTextFormField.product]),\n  [AdTextType.eli5]: new Set<AdTextFormField>([AdTextFormField.product]),\n  [AdTextType.email]: new Set<AdTextFormField>([AdTextFormField.keywords]),\n  [AdTextType.youtube_title]: new Set<AdTextFormField>([\n    AdTextFormField.keywords\n  ])\n}\n\nexport type AdTextExceptionFieldTypes = keyof typeof formExceptionMap\nexport type AdTextRequiredFieldTypes = keyof typeof requiredFieldMap\nexport const formExceptionSet = (adTextType: AdTextType) =>\n  adTextType in formExceptionMap\n    ? formExceptionMap[adTextType as AdTextExceptionFieldTypes]\n    : undefined\n\nexport const requiredFieldSet = (adTextType: AdTextType) =>\n  adTextType in requiredFieldMap\n    ? requiredFieldMap[adTextType as AdTextRequiredFieldTypes]\n    : undefined\n\nexport const adHeaders = {\n  [AdTextType.google]: 'Google ads',\n  [AdTextType.instagram]: 'Instagram captions',\n  [AdTextType.facebook]: 'Facebook ads',\n  [AdTextType.headline]: 'Website headlines and taglines',\n  [AdTextType.linkedin]: 'Linkedin posts',\n  [AdTextType.rewriter]: 'Rewrite content',\n  [AdTextType.category_page]: 'Category page descriptions',\n  [AdTextType.landing_page]: 'Landing page content',\n  [AdTextType.eli5]: 'Simplify language',\n  [AdTextType.email]: 'Email copy',\n  [AdTextType.video_intro]: 'Video hook and introduction',\n  [AdTextType.meta_desc]: 'Meta titles and descriptions',\n  [AdTextType.marketing_angles]: 'Marketing angles',\n  [AdTextType.press_release]: 'Press releases',\n  [AdTextType.summarise]: 'Summarize content', // Note the change in spelling (UK to US)\n  [AdTextType.youtube_title]: 'Youtube titles and descriptions',\n  [AdTextType.bio_writer]: 'Bio Writer'\n}\n\nexport const adSubHeaders = {\n  [AdTextType.google]:\n    'Create effective and persuasive ads that generate leads and sales.',\n  [AdTextType.instagram]:\n    'Write scroll-stopping captions that encourages people to stop, look, and like.',\n  [AdTextType.facebook]:\n    'Craft powerful and compelling ads that speak to your target market.',\n  [AdTextType.headline]:\n    'Develop headlines and taglines that pack a punch and convert visitors into customers.',\n  [AdTextType.linkedin]:\n    'Engage your target audience with thought-provoking and persuasive content.',\n  [AdTextType.rewriter]:\n    'Refresh and repurpose content while making it more engaging and effective.',\n  [AdTextType.category_page]:\n    'Optimize your category pages with descriptions that increase organic traffic.',\n  [AdTextType.landing_page]:\n    'Create benefit-focused landing pages that entice visitors to take the next step.',\n  [AdTextType.eli5]:\n    'Make complex concepts easy to understand and jargon-free.',\n  [AdTextType.email]:\n    'Write copy to get your message across, no matter how crowded the inbox.',\n  [AdTextType.video_intro]:\n    'Write a catchy and intriguing hook to reel viewers in and keep them watching.',\n  [AdTextType.meta_desc]:\n    'Write meta titles and descriptions that are optimized for search engines.',\n  [AdTextType.marketing_angles]:\n    'Generate marketing angles that are persuasive and compelling.',\n  [AdTextType.press_release]:\n    'Write press releases that are newsworthy and engaging.',\n  [AdTextType.summarise]:\n    'Summarize content to make it more concise and say more with less.', // Note the change in spelling (UK to US)\n  [AdTextType.youtube_title]:\n    'Optimize your videos for greater visibility and higher engagement.',\n  [AdTextType.bio_writer]:\n    'Elevate any page with a well-written bio that will make people want to know more'\n}\n\nexport interface AdTextFolderSearchQuery {\n  folderId?: string | null\n  search?: string\n  generationStatus?: GenerationStatusFilterKey\n  keywords?: string[]\n  scan?: boolean\n  start?: number\n  end?: number\n}\n\nexport interface AdTextSearchResultInResponse {\n  adTexts: AdText[]\n  totalAdTexts: number\n}\n\nexport interface AdTextFolderOverviewSearchQuery {\n  ad_text_type: AdTextType\n  search?: string\n  scan?: boolean\n  sort_by?: string[]\n  start?: number\n  end?: number\n}\n\nexport interface AdTextFolderOverviewInResponse {\n  adTextFolders: AdTextFolder[]\n  totalFolders: number\n}\n","import React from 'react'\nimport { useTheme } from '@material-ui/core/styles'\nimport { Box, BoxProps } from '@material-ui/core'\n\nexport interface StackProps\n  extends Omit<BoxProps, 'display' & 'flexDirection'> {\n  direction?: BoxProps['flexDirection']\n  spacing?: number\n}\n\n/**\n * Polyfill for MUI v5's `Stack` component.\n * @deprecated Switch to MUI v5's native component ASAP.\n */\nconst Stack: React.FC<StackProps> = React.forwardRef((props, ref) => {\n  const { direction = 'column', spacing = 0, style, ...restProps } = props\n  const theme = useTheme()\n\n  return (\n    // Passing ref to Box is not supported in MUI v4's type system, so we use a typescript hack to do this for now\n    // See https://github.com/mui/material-ui/issues/17010#issuecomment-615577360\n    <Box\n      display=\"flex\"\n      flexDirection={direction}\n      style={{ gap: theme.spacing(spacing), ...style }}\n      {...({ ref } as any)}\n      {...restProps}\n    />\n  )\n})\n\nexport default Stack\n"],"sourceRoot":""}