{"version":3,"sources":["styles/colors.js","graphql/queries/index.js","context/OrganizationContext.js","components/Loader.js","components/Layout.js","components/EmbedLayout.js","components/HomeLayout.js","components/Button.js","components/Flex.js","components/Input.js","components/CodeInputBoxes.js","components/Icons.js","components/Icon.js","components/Error.js","util/NPECheck.js","util/ErrorUtil.js","components/Home.js","components/BusinessPreview.js","util/Price.js","util/contactConstants.js","context/AppContext.js","util/CouponParentTypes.js","components/Invite.js","components/PhoneInput.js","components/InviteFriends.js","components/AcceptCoupon.js","components/BalancePreview.js","components/OrganizationList.js","components/Unsubscribed.js","components/InviteError.js","util/MediaQuery.js","components/JoinReferral.js","components/CouponsList.js","components/Discounts.js","components/Embed.js","components/App.js","graphql/ApolloLinks.js","index.js","assets/images/cto-full-logo.png"],"names":["lightBlack","black","white","blackBlue","grey","whiteGrey","seaGreen","lightGrey","darkGrey","red","background","green","orange","cream","lightCream","smoke","darkBlue","grey1","grey2","grey3","grey4","grey5","grey6","yellow","purple","lightPurple","gql","_templateObject","_taggedTemplateLiteral","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","GET_ORGANIZATION","_templateObject10","GET_ORGANIZATION_LIST","_templateObject11","SEND_PHONE_CODE","_templateObject12","_templateObject13","_templateObject14","_templateObject15","_templateObject16","_templateObject17","_templateObject18","_templateObject19","_templateObject20","_templateObject21","_templateObject22","_templateObject23","VERIFY_PHONE_CODE","_templateObject24","VERIFY_PHONE_CODE_EMBED","_templateObject25","CREATE_REFERENCE","_templateObject26","GET_REFERENCE_BY_ID","_templateObject27","GET_REFERENCE","_templateObject28","CREATE_COUPON","_templateObject29","GET_ACTIVE_COUPONS","_templateObject30","UPDATE_REF_CLICK_COUNT","_templateObject31","_templateObject32","OrganizationContext","createContext","LoaderSizes","Object","freeze","VerySmall","Small","Medium","Large","LoaderSizesMap","scale","size","concat","StyledLoader","styled","div","props","color","Loader","_ref","colors","React","createElement","className","LayoutContainer","EmbedLayoutContainer","LoaderContainer","ViewContainer","EmbedViewContainer","withRouter","_refData$getReference","location","component","Component","rest","_objectWithoutProperties","_excluded","history","useHistory","setOrganization","useContext","query","orgId","ref","o","url","parse","window","toString","isEmbedRoute","pathname","data","refData","loading","refLoading","error","refError","useQuery","variables","referenceId","skip","organizationId","getReferenceById","useEffect","_data$getOrganization","getOrganization","activeSubscriber","push","_id","Redirect","to","Route","assign","render","matchProps","onError","console","innerHeight","HomeLayout","ButtonContainer","button","radius","width","margin","textColor","padding","display","alignSelf","darken","xsWidth","xsHeight","xsMargin","Button","text","onClick","type","justify","Flex","direction","align","flex","height","borderRight","flexWrap","InputContainer","PhoneInputStyle","input","borderRadius","Cleave","placeholdercolor","xsheight","HeaderStyle","top","FooterStyle","PhoneNumberInput","_ref3","header","footer","placeholder","placeholderColor","value","onChange","required","options","phone","phoneRegionCode","maxLength","Container","Input","CodeInputBoxes","constructor","params","super","this","state","Array","length","fill","lastValue","inputs","valueAt","index","currentValue","currentValueSaved","setState","focus","split","onComplete","charAt","join","renderInput","key","autoFocus","pattern","event","target","onKeyDown","keyCode","preventDefault","map","_","defaultProps","IconEnum","RightArrow","UploadRegular","AngleDownRegular","CogsRegular","DollarSquareRegular","EnvelopeOpenRegular","HomeRegular","ImportRegular","PlusRegular","SearchRegular","TagRegular","UsersRegular","LeftArrow","CheckCircleSolid","HistorySolid","LinkSolid","MenuSolid","MobileSolid","PaperPlaneSolid","TimesCircleSolid","CommentSolid","DollarSquareSolid","PaperPlaneRegular","SignOut","Warning","DollarSign","Icons","Icon","icon","left","right","position","zIndex","active","activeColor","inactiveColor","cursor","FontAwesomeIcon","style","fontSize","transition","ErrorContainer","Error","object","nestedProps","substitute","arguments","undefined","nested","val","prop","shift","getErrorMessage","errorMsg","NPECheck","form","BodyText","BottomText","CodeText","Body","LogoContainer","LogoImg","img","Home","phoneNumber","setPhoneNumber","useState","setError","codeInputIsVisible","setCodeInputIsVisible","sendPhoneCode","useMutation","onCompleted","log","verifyPhoneCode","verifyLoading","token","localStorage","setItem","onSubmit","e","src","Logo","Fragment","phoneCode","ImageContainer","InfoContainer","Name","Address","BusinessPreview","organization","address","city","logoUrl","name","output","price","withFixed","toFixed","originalSources","ORG","SELF","REF","SMS","MODAL","AppContext","CouponParentTypes","Referred","Affiliate","bg","Header","Image","HeaderText","BusinessPreviewContainer","OuterContainer","TOS","TOSLink","a","Invite","setApp","originalSource","setOriginalSource","createReference","createCoupon","couponLoading","couponParentType","updateClickCount","c","configurations","first","Price","firstTimeRecipientCredit","repeat","repeatRecipientCredit","affiliate","affiliateCredit","posterImageUrl","href","rel","PhoneInput","InnerContainer","IconContainer","IconContainerGrey","Selection","TextContainer","SelectionTitle","SelectionSubtitle","BackButton","TopButtonContainer","InviteFriends","_data$getReference","_data$getReference2","_coupData$activeCoupo","tooltipRef","setTooltipRef","coupData","coupLoading","navigator","platform","test","inviteLink","getReference","origin","presetMessage","textDecoration","dummy","document","body","appendChild","select","execCommand","removeChild","copyToClipboard","ReactTooltip","show","setTimeout","hide","data-tip","data-event","activeCoupons","place","effect","websiteUrl","reservationUrl","open","shortReservationUrl","shortWebsiteUrl","AcceptCoupon","BalancePreview","reduce","acc","item","amount","OrgBox","OrganizationList","getOrganizationList","org","Unsubscribed","InviteError","app","mediaQuery","queryTemplate","_len","queryRest","_key","rulesTemplate","_len2","rulesRest","_key2","css","sizes","mobileQueryString","useMedia","matchQuery","matchMedia","isMatch","setIsMatch","matches","handler","addListener","removeListener","JoinButton","JoinReferral","isMobile","TableContainer","Wrapper","Heading","Row","sticky","HeadText","HeadingText","Column","CouponList","coupons","total","parseInt","coupon","expirationTime","redemptionExpiration","moment","format","BalanceContainer","ValidCouponContainer","Discounts","DefaultColors","backgroundColor","buttonTextColor","buttonColor","Content","successMsg","HeaderDiv","FormDiv","SubHeadingText","CodeBoxContainer","CloseContiner","Terms","p","DefaultText","Embed","_organization$integra","_organization$integra2","_organization$integra3","_organization$integra4","_organization$integra5","_organization$integra6","showSuccessMessage","setShowSuccessMessage","updateFrameDimensions","getWindowsDimensions","_document","_window","_window2","_window3","_window4","_window4$screen","_window5","_window5$screen","_window6","_window6$screen","_window7","_window7$screen","innerWidth","documentElement","clientWidth","clientHeight","contentHeight","getElementById","offsetHeight","orientation","screen","mozOrientation","msOrientation","screenWidth","screenHeight","availHeight","availWidth","parent","postMessage","action","args","status","verifyPhoneCodeEmbed","id","bgColor","integration","btnTextColor","btnColor","close","headline","successText","replaceAll","introductoryText","flexDirection","App","appValue","useMemo","orgValue","Router","basename","Switch","exact","path","Provider","Layout","authLink","ApolloLink","operation","forward","context","getHeaders","authorization","getItem","headers","setContext","errorLink","graphQLErrors","networkError","forEach","_ref2","message","locations","httpLink","HttpLink","uri","credentials","omitTypeNameLink","operationName","omitDeep","obj","keys","newObj","i","isArray","omitDeepArrayWalk","arr","client","ApolloClient","link","from","cache","InMemoryCache","ReactDOM","ApolloProvider","module","exports"],"mappings":"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","file":"static/js/main.0a1f1a3e.chunk.js","sourcesContent":["export default {\n  lightBlack: '#333',\n  black: '#000000',\n  white: '#FFFFFF',\n  blackBlue: '#3E4C6F',\n  grey: '#828282',\n  whiteGrey: '#F2F2F2',\n  seaGreen: '#27BBAD',\n  lightGrey: '#BDBDBD',\n  darkGrey: '#4F4F4F',\n  red: '#E63946',\n  background: '#FAFAFA',\n  green: '#419D78',\n  orange: '#FF6802',\n  cream: '#FFF9F5',\n  lightCream: '#FFFDFB',\n  smoke: '#FBFBFF',\n  darkBlue: '#083D77',\n  grey1: '#333333',\n  grey2: '#4F4F4F',\n  grey3: '#828282',\n  grey4: '#BDBDBD',\n  grey5: '#E0E0E0',\n  grey6: '#F2F2F2',\n  yellow: '#FFBA49',\n  purple: '#1E1449',\n  lightPurple: ' #9999cc',\n};\n","import gql from \"graphql-tag\";\n\n/************************************************\n  USER\n ************************************************/\n\nexport const GET_CURRENT_USER = gql`\n  query getCurrentUser {\n    getCurrentUser {\n      _id\n      email\n      phoneNumber\n      firstName\n      organizationContextId\n      currentOrganizationRole\n      lastName\n      couponIds\n      visitIds\n    }\n  }\n`;\n\nexport const UPDATE_USER_INFO = gql`\n  mutation updateUserInfo(\n    $email: String!\n    $firstName: String!\n    $lastName: String!\n    $phoneNumber: String!\n  ) {\n    updateUserInfo(\n      email: $email\n      firstName: $firstName\n      lastName: $lastName\n      phoneNumber: $phoneNumber\n    ) {\n      _id\n      email\n      phoneNumber\n      firstName\n      organizationContextId\n      currentOrganizationRole\n      lastName\n      couponIds\n      visitIds\n    }\n  }\n`;\n\nexport const REGISTER_USER = gql`\n  mutation register(\n    $email: String!\n    $firstName: String!\n    $lastName: String!\n    $phoneNumber: String!\n    $password: String!\n  ) {\n    register(\n      email: $email\n      firstName: $firstName\n      lastName: $lastName\n      phoneNumber: $phoneNumber\n      password: $password\n    ) {\n      token\n    }\n  }\n`;\n\nexport const PASSWORD_LOGIN = gql`\n  mutation passwordLogin($email: String!, $password: String!) {\n    passwordLogin(email: $email, password: $password) {\n      token\n    }\n  }\n`;\n\nexport const PASSWORD_FORGOT = gql`\n  mutation passwordForgot($email: String!) {\n    passwordForgot(email: $email) {\n      message\n    }\n  }\n`;\n\nexport const PASSWORD_RESET = gql`\n  mutation passwordReset($password: String!, $code: String!) {\n    passwordReset(password: $password, code: $code) {\n      message\n      status\n    }\n  }\n`;\n\nexport const PHONE_LOGIN = gql`\n  mutation phoneLogin($email: String!, $phoneNumber: String!) {\n    phoneLogin(email: $email, phoneNumber: $PhoneNumber) {\n      token\n    }\n  }\n`;\n\n/************************************************\n  ORGANIZATION\n ************************************************/\n\nexport const CREATE_ORGANIZATION = gql`\n  mutation createOrganization(\n    $name: String!\n    $address: AddressInput\n    $logoUrl: String!\n    $posterImageUrl: String!\n  ) {\n    createOrganization(\n      name: $name\n      address: $address\n      logoUrl: $logoUrl\n      posterImageUrl: $posterImageUrl\n    ) {\n      token\n    }\n  }\n`;\n\nexport const GET_CURRENT_ORGANIZATION = gql`\n  query getCurrentOrganization {\n    getCurrentOrganization {\n      _id\n      name\n      createdAt\n      logoUrl\n      posterImageUrl\n      phoneNumber\n      activeSubscriber\n      address {\n        address1\n        address2\n        city\n        state\n        zip\n        country\n      }\n      configurations {\n        affiliateCredit\n        firstTimeRecipientCredit\n        repeatRecipientCredit\n        returnLimit\n        couponActivationExpiration\n        couponRedemptionExpiration\n        websiteUrl\n        reservationUrl\n        welcomeMessage\n      }\n    }\n  }\n`;\n\nexport const GET_ORGANIZATION = gql`\n  query getOrganization($organizationId: String!) {\n    getOrganization(organizationId: $organizationId) {\n      _id\n      name\n      createdAt\n      logoUrl\n      posterImageUrl\n      activeSubscriber\n      phoneNumber\n      address {\n        address1\n        address2\n        city\n        state\n        zip\n        country\n      }\n      configurations {\n        affiliateCredit\n        firstTimeRecipientCredit\n        repeatRecipientCredit\n        returnLimit\n        couponActivationExpiration\n        couponRedemptionExpiration\n        websiteUrl\n        reservationUrl\n        welcomeMessage\n        shortWebsiteUrl\n        shortReservationUrl\n      }\n      integration {\n        headline\n        buttonColor\n        buttonTextColor\n        backgroundColor\n        introductoryText\n        integrationType\n        successText\n      }\n    }\n  }\n`;\n\nexport const GET_ORGANIZATION_LIST = gql`\n  query getOrganizationList {\n    getOrganizationList {\n      _id\n      name\n      createdAt\n      logoUrl\n      posterImageUrl\n      activeSubscriber\n      address {\n        address1\n        address2\n        city\n        state\n        zip\n        country\n      }\n      configurations {\n        affiliateCredit\n        firstTimeRecipientCredit\n        repeatRecipientCredit\n        returnLimit\n        couponActivationExpiration\n        couponRedemptionExpiration\n        websiteUrl\n        reservationUrl\n        welcomeMessage\n      }\n    }\n  }\n`;\n\nexport const UPDATE_ORGANIZATION_INFO = gql`\n  mutation updateOrganizationInfo(\n    $name: String!\n    $address: AddressInput\n    $logoUrl: String!\n    $posterImageUrl: String!\n  ) {\n    updateOrganizationInfo(\n      name: $name\n      address: $address\n      logoUrl: $logoUrl\n      posterImageUrl: $posterImageUrl\n    ) {\n      _id\n      name\n      createdAt\n      logoUrl\n      posterImageUrl\n      activeSubscriber\n      address {\n        address1\n        address2\n        city\n        state\n        zip\n        country\n      }\n      configurations {\n        affiliateCredit\n        firstTimeRecipientCredit\n        repeatRecipientCredit\n        returnLimit\n        couponActivationExpiration\n        couponRedemptionExpiration\n        websiteUrl\n        reservationUrl\n        welcomeMessage\n      }\n    }\n  }\n`;\n\nexport const UPDATE_ORGANIZATION_CONFIGURATION = gql`\n  mutation updateOrganizationConfiguration(\n    $configurations: OrganizationConfigurationsInput!\n  ) {\n    updateOrganizationConfiguration(configurations: $configurations) {\n      _id\n      name\n      createdAt\n      logoUrl\n      posterImageUrl\n      activeSubscriber\n      address {\n        address1\n        address2\n        city\n        state\n        zip\n        country\n      }\n      configurations {\n        affiliateCredit\n        firstTimeRecipientCredit\n        repeatRecipientCredit\n        returnLimit\n        couponActivationExpiration\n        couponRedemptionExpiration\n        websiteUrl\n        reservationUrl\n        welcomeMessage\n      }\n    }\n  }\n`;\n\n/************************************************\n  ROLES\n ************************************************/\n\nexport const GET_ORGANIZATION_ROLES = gql`\n  query getOrganizaationRoles {\n    getOrganizationRoles {\n      _id\n      userId\n      email\n      organizationId\n      acceptedAt\n      accessLevel\n      user {\n        firstName\n        lastName\n        email\n      }\n    }\n  }\n`;\n\nexport const GET_USER_ROLES = gql`\n  query getUserRoles {\n    getUserRoles {\n      _id\n      userId\n      email\n      organizationId\n      acceptedAt\n      accessLevel\n      user {\n        firstName\n        lastName\n        email\n      }\n      organization {\n        name\n        logoUrl\n      }\n    }\n  }\n`;\n\nexport const CREATE_ROLE = gql`\n  mutation createRole($email: String!, $accessLevel: String!) {\n    createRole(email: $email, accessLevel: $accessLevel) {\n      _id\n      userId\n      email\n      organizationId\n      acceptedAt\n      accessLevel\n    }\n  }\n`;\n\nexport const DELETE_ROLE = gql`\n  mutation deleteRole($roleId: String!) {\n    deleteRole(roleId: $roleId)\n  }\n`;\n\nexport const ACCEPT_ROLE = gql`\n  mutation acceptRole($roleId: String!, $doesAccept: Boolean!) {\n    acceptRole(roleId: $roleId, doesAccept: $doesAccept) {\n      token\n    }\n  }\n`;\n\n/************************************************\n  CONTACT\n ************************************************/\n\nexport const CREATE_CONTACT = gql`\n  mutation createContact($phoneNumber: String!) {\n    createContact(phoneNumber: $phoneNumber)\n  }\n`;\n\nexport const GET_CONTACTS = gql`\n  query getContacts {\n    getContacts {\n      _id\n      phoneNumber\n      organizationId\n    }\n  }\n`;\n\n/************************************************\n  Message\n ************************************************/\n\nexport const SEND_CUSTOM_TEXT = gql`\n  mutation sendCustomText(\n    $phoneNumber: String!\n    $message: String!\n    $mediaUrl: String\n    $organizationId: String\n    $messageType: String\n  ) {\n    sendCustomText(\n      phoneNumber: $phoneNumber\n      message: $message\n      mediaUrl: $mediaUrl\n      organizationId: $organizationId\n      messageType: $messageType\n    )\n  }\n`;\n\nexport const SEND_WELCOME_TEXT = gql`\n  mutation sendWelcomeText {\n    sendWelcomeText\n  }\n`;\n\nexport const SEND_PHONE_CODE = gql`\n  mutation sendPhoneCode(\n    $phoneNumber: String!\n    $organizationId: String\n    $originalSource: String\n  ) {\n    sendPhoneCode(\n      phoneNumber: $phoneNumber\n      organizationId: $organizationId\n      originalSource: $originalSource\n    )\n  }\n`;\n\nexport const VERIFY_PHONE_CODE = gql`\n  mutation verifyPhoneCode(\n    $phoneNumber: String!\n    $phoneCode: String!\n    $organizationId: String\n  ) {\n    verifyPhoneCode(\n      phoneNumber: $phoneNumber\n      phoneCode: $phoneCode\n      organizationId: $organizationId\n    ) {\n      token\n    }\n  }\n`;\nexport const VERIFY_PHONE_CODE_EMBED = gql`\n  mutation verifyPhoneCodeEmbed(\n    $phoneNumber: String!\n    $organizationId: String\n    $phoneCode: String!\n  ) {\n    verifyPhoneCodeEmbed(\n      phoneNumber: $phoneNumber\n      organizationId: $organizationId\n      phoneCode: $phoneCode\n    )\n  }\n`;\n\nexport const CREATE_REFERENCE = gql`\n  mutation createReference($organizationId: String!) {\n    createReference(organizationId: $organizationId) {\n      _id\n      userId\n      organizationId\n      createdAt\n    }\n  }\n`;\n\n/************************************************\n  Message\n ************************************************/\n\nexport const GET_REFERENCE_BY_ID = gql`\n  query getReferenceById($referenceId: String!) {\n    getReferenceById(referenceId: $referenceId) {\n      _id\n      userId\n      organizationId\n      createdAt\n    }\n  }\n`;\n\nexport const GET_REFERENCE = gql`\n  query getReference($organizationId: String!) {\n    getReference(organizationId: $organizationId) {\n      _id\n      userId\n      organizationId\n      createdAt\n    }\n  }\n`;\n\n/************************************************\n  Coupon\n ************************************************/\n\nexport const CREATE_COUPON = gql`\n  mutation createCoupon($referenceId: String!, $couponParentType: String!) {\n    createCoupon(\n      referenceId: $referenceId\n      couponParentType: $couponParentType\n    ) {\n      _id\n      userId\n      amount\n      referenceId\n      activationExpiration\n      redemptionExpiration\n      acceptedAt\n      redeemedAt\n      type\n    }\n  }\n`;\n\nexport const GET_ACTIVE_COUPONS = gql`\n  query getCouponBalance($organizationId: String!) {\n    activeCoupons: getCouponBalance(organizationId: $organizationId) {\n      _id\n      amount\n      redemptionExpiration\n    }\n  }\n`;\n\nexport const GET_COUPON_EXPIRATION = gql`\n  query getCouponExpiration($organizationId: String!) {\n    getCouponExpiration(organizationId: $organizationId) {\n      expirationTime\n      expirationAmount\n    }\n  }\n`;\n\nexport const UPDATE_REF_CLICK_COUNT = gql`\n  mutation updateClickCount($referenceId: String!) {\n    updateClickCount(referenceId: $referenceId) {\n      _id\n    }\n  }\n`;\n","import { createContext } from 'react';\n\nexport const OrganizationContext = createContext(null);\n","import React from 'react';\nimport styled from 'styled-components';\nimport colors from '../styles/colors';\n\nexport const LoaderSizes = Object.freeze({\n  VerySmall: 'VerySmall',\n  Small: 'Small',\n  Medium: 'Medium',\n  Large: 'Large',\n});\n\nconst LoaderSizesMap = {\n  [LoaderSizes.VerySmall]: 24,\n  [LoaderSizes.Small]: 30,\n  [LoaderSizes.Medium]: 40,\n  [LoaderSizes.Large]: 60,\n};\n\nconst scale = (size, scale) => `${size * scale}px`;\n\nconst StyledLoader = styled.div`\n  position: relative;\n  top: 1.5px;\n\n  .lds-ring {\n    display: inline-block;\n    position: relative;\n    width: ${(props) => scale(props.size, 1)};\n    height: ${(props) => scale(props.size, 1)};\n  }\n  .lds-ring div {\n    box-sizing: border-box;\n    display: block;\n    position: absolute;\n    width: ${(props) => scale(props.size, 0.8)};\n    height: ${(props) => scale(props.size, 0.8)};\n    margin: ${(props) => scale(props.size, 0.1)};\n    border: ${(props) => scale(props.size, 0.066)} solid ${(props) => props.color};\n    border-radius: 50%;\n    animation: lds-ring 0.8s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n    border-color: ${(props) => props.color} transparent transparent transparent;\n  }\n  .lds-ring div:nth-child(1) {\n    animation-delay: -0.3s;\n  }\n  .lds-ring div:nth-child(2) {\n    animation-delay: -0.2s;\n  }\n  .lds-ring div:nth-child(3) {\n    animation-delay: -0.1s;\n  }\n  @keyframes lds-ring {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n`;\n\nexport default function Loader({\n  size = LoaderSizes.Large,\n  color = colors.seaGreen,\n}) {\n  return (\n    <StyledLoader\n      size={LoaderSizesMap[size]}\n      color={color}\n    >\n      <div className=\"lds-ring\">\n        <div />\n        <div />\n        {/* <div></div> */}\n        <div />\n      </div>\n    </StyledLoader>\n  );\n}\n","/* eslint-disable react/jsx-props-no-spreading */\nimport React, { useContext, useEffect } from \"react\";\nimport { useQuery } from \"@apollo/react-hooks\";\nimport styled from \"styled-components\";\nimport { Route, withRouter, Redirect, useHistory } from \"react-router-dom\";\nimport url from \"url\";\nimport colors from \"../styles/colors\";\nimport { GET_ORGANIZATION, GET_REFERENCE_BY_ID } from \"../graphql/queries\";\nimport { OrganizationContext } from \"../context/OrganizationContext\";\nimport Loader from \"./Loader\";\n\nconst LayoutContainer = styled.div`\n  height: 100vh;\n  width: 100vw;\n  background: ${colors.background};\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\nconst EmbedLayoutContainer = styled.div`\n  background: ${colors.background};\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n\nconst LoaderContainer = styled.div`\n  min-height: 100%;\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n`;\n\n// desktop will be in mobile type view for mvp\nconst ViewContainer = styled.div`\n  display: flex;\n  overflow-y: scroll;\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n  align-items: center;\n  justify-content: center;\n  background: ${colors.white};\n  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.05);\n  height: 100%;\n  width: 100%;\n  max-width: 768px;\n`;\n\nconst EmbedViewContainer = styled.div`\n  display: flex;\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n  align-items: center;\n  justify-content: center;\n  background: ${colors.white};\n  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.05);\n  height: 100%;\n  width: 100%;\n  max-width: 768px;\n`;\n\nfunction Layout({ location, component: Component, ...rest }) {\n\n  const history = useHistory();\n  const { setOrganization } = useContext(OrganizationContext);\n\n  const {\n    query: { orgId, ref, o },\n  } = url.parse(window.location.toString(), true);\n  const isEmbedRoute = location?.pathname === '/embed/'\n\n\n  const {\n    data: refData,\n    loading: refLoading,\n    error: refError,\n  } = useQuery(GET_REFERENCE_BY_ID, {\n    variables: {\n      referenceId: ref,\n    },\n    skip: !ref,\n  });\n  const organizationId = refData?.getReferenceById?.organizationId || orgId || o\n  const { data, loading, error } = useQuery(GET_ORGANIZATION, {\n    variables: {\n      organizationId,\n    },\n    skip: !(organizationId),\n  });\n\n\n  useEffect(() => {\n    if (data && data.getOrganization) {\n      setOrganization(data.getOrganization);\n      if (!data.getOrganization.activeSubscriber)\n        history.push(`/unsubscribed?orgId=${data?.getOrganization?._id}`);\n    }\n  }, [data, setOrganization, history]);\n\n\n  if (loading || refLoading) {\n    return (\n      <LoaderContainer>\n        <Loader />\n      </LoaderContainer>\n    );\n  }\n\n  if (error || (ref && refError)) {\n    return <Redirect to=\"/home\" />;\n  }\n\n  return (\n    <Route\n      {...rest}\n      render={(matchProps) => (\n        !isEmbedRoute ?\n          <LayoutContainer>\n            <ViewContainer>\n              <Component {...matchProps} />\n            </ViewContainer>\n          </LayoutContainer>\n          :\n          <EmbedLayoutContainer>\n            <EmbedViewContainer>\n              <Component {...matchProps} />\n            </EmbedViewContainer>\n          </EmbedLayoutContainer>\n      )}\n    />\n  );\n}\n\nexport default withRouter(Layout);\n","/* eslint-disable react/jsx-props-no-spreading */\nimport React, { useContext, useEffect } from \"react\";\nimport { useQuery } from \"@apollo/react-hooks\";\nimport styled from \"styled-components\";\nimport { Route, withRouter, useHistory } from \"react-router-dom\";\nimport url from \"url\";\nimport colors from \"../styles/colors\";\nimport { GET_ORGANIZATION } from \"../graphql/queries\";\nimport { OrganizationContext } from \"../context/OrganizationContext\";\nimport Loader from \"./Loader\";\n\nconst LayoutContainer = styled.div`\n  background: ${colors.background};\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n\nconst LoaderContainer = styled.div`\n  min-height: 100%;\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n`;\n\n// desktop will be in mobile type view for mvp\nconst ViewContainer = styled.div`\n  display: flex;\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n  align-items: center;\n  justify-content: center;\n  background: ${colors.white};\n  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.05);\n  height: 100%;\n  width: 100%;\n  max-width: 768px;\n`;\n\nfunction Layout({ location, component: Component, ...rest }) {\n  const history = useHistory();\n  const { query: { orgId } } = url.parse(window.location.toString(), true);\n  const { data, loading, error } = useQuery(GET_ORGANIZATION, {\n    variables: {\n      organizationId: orgId\n    },\n    onError(error) {\n      console.error(error);\n    }\n  });\n\n  const { setOrganization } = useContext(OrganizationContext);\n  useEffect(() => {\n    if (data && data.getOrganization) {\n      setOrganization(data.getOrganization);\n    }\n  }, [data, setOrganization, history]);\n\n  if (loading || error || !data?.getOrganization) {\n    return (\n      <LoaderContainer>\n        <Loader />\n      </LoaderContainer>\n    );\n  }\n\n\n\n  return (\n    <Route\n      {...rest}\n      render={(matchProps) => (\n        <LayoutContainer>\n          <ViewContainer>\n            <Component {...matchProps} />\n          </ViewContainer>\n        </LayoutContainer>\n      )}\n    />\n  );\n}\n\nexport default withRouter(Layout);\n","/* eslint-disable react/jsx-props-no-spreading */\nimport React from 'react';\nimport styled from 'styled-components';\nimport { Route } from 'react-router-dom';\nimport colors from '../styles/colors';\n\nconst LayoutContainer = styled.div`\n  /* height: ${`${window.innerHeight}px`}; */\n  width: 100vw;\n  background: ${colors.background};\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n\nconst ViewContainer = styled.div`\n  background: ${colors.white};\n  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.05);\n  height: 100%;\n  width: 100%;\n  max-width: 768px;\n  /* padding: 15px; */\n  padding: 5px;\n  box-sizing: border-box;\n`;\n\nexport default function HomeLayout({ location, component: Component, ...rest }) {\n  return (\n    <Route\n      {...rest}\n      render={(matchProps) => (\n        <LayoutContainer>\n          <ViewContainer>\n            <Component {...matchProps} />\n          </ViewContainer>\n        </LayoutContainer>\n      )}\n    />\n  );\n}\n","import React from \"react\";\nimport { darken } from \"polished\";\nimport styled from \"styled-components\";\nimport colors from \"../styles/colors\";\nimport Loader, { LoaderSizes } from \"./Loader\";\n\nconst ButtonContainer = styled.button`\n  -webkit-appearance: none;\n  cursor: pointer;\n  border-radius: ${(props) => props.radius || \"5px\"};\n  background: ${(props) => props.background || colors.seaGreen};\n  width: ${(props) => props.width || \"150px\"};\n  margin: ${(props) => props.margin || \"0\"};\n  color: ${(props) => props.textColor || colors.white};\n  font-size: 1.4rem;\n  transition: all 0.3s;\n  padding: ${(props) => props.padding || \"0 15px\"};\n  height: 50px;\n  font-weight: 600;\n  display: ${(props) => props.display || \"flex\"};\n  align-items: center;\n  align-self: ${(props) => props.alignSelf || null};\n  justify-content: center;\n  &:hover {\n    background: ${(props) =>\n      props.background\n        ? darken(\"0.05\", props.background)\n        : darken(\"0.05\", colors.seaGreen)};\n  }\n  @media (max-width: 450px) {\n    width: ${(props) => props.xsWidth || \"100%-30px\"};\n    min-height: ${(props) => props.xsHeight || \"40px\"};\n    max-height: ${(props) => props.xsHeight || \"40px\"};\n    margin: ${(props) => props.xsMargin || \"0\"};\n  }\n  @media (max-height: 480px) {\n    /* width: ${(props) => props.xsWidth || \"100%-30px\"}; */\n    min-height: ${(props) => props.xsHeight || \"40px\"};\n    max-height: ${(props) => props.xsHeight || \"40px\"};\n    margin: ${(props) => props.xsMargin || \"0\"};\n  }\n`;\n\nexport default function Button({\n  text,\n  onClick,\n  margin,\n  type,\n  width,\n  loading,\n  background,\n  xsWidth,\n  alignSelf,\n  display,\n  justify,\n  xsHeight,\n  textColor,\n  xsMargin,\n  radius,\n}) {\n  return (\n    <ButtonContainer\n      background={background || null}\n      type={type || null}\n      onClick={onClick || null}\n      margin={margin}\n      width={width}\n      xsWidth={xsWidth || null}\n      alignSelf={alignSelf || null}\n      display={display || null}\n      justify={justify | null}\n      xsHeight={xsHeight || null}\n      textColor={textColor || null}\n      xsMargin={xsMargin || margin}\n      radius={radius}\n    >\n      {loading ? (\n        <Loader color={colors.white} size={LoaderSizes.VerySmall} />\n      ) : (\n        text\n      )}\n    </ButtonContainer>\n  );\n}\n","import styled from 'styled-components';\n\nexport const Flex = styled.div`\n  display: flex;\n  flex-direction: ${(props) => props.direction};\n  justify-content: ${(props) => props.justify};\n  align-items: ${(props) => props.align};\n  width: ${(props) => props.width};\n  flex: ${(props) => props.flex};\n  margin: ${(props) => props.margin};\n  padding: ${(props) => props.padding};\n  height: ${(props) => props.height};\n  border-right: ${(props) => props.borderRight};\n  flex-wrap: ${(props) => props.flexWrap};\n`;\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport Cleave from \"cleave.js/react\";\nimport \"cleave.js/dist/addons/cleave-phone.us\";\nimport colors from \"../styles/colors\";\nimport { Flex } from \"./Flex\";\n\nconst InputContainer = styled.div`\n  display: flex;\n  width: ${(props) => props.width};\n  @media screen and (max-width: 450px) {\n    width: ${(props) => props.xsWidth};\n  }\n  \n`;\n\nconst InputStyle = styled.input`\n  width: ${(props) => props.width};\n  padding: 10px;\n  border-radius: 5px;\n  background: ${colors.white};\n  border: 1px solid ${colors.grey5};\n  height: 50px;\n \n`;\n\nconst AddressContainer = styled.div`\n  width: 400px;\n  border-radius: 5px;\n  background: ${colors.white};\n  display: flex;\n  flex-direction: column;\n`;\n\nconst AddressInputStyle = styled.input`\n  padding: 10px;\n  width: 100%;\n  box-sizing: border-box;\n  border-radius: ${(props) => props.borderRadius};\n  background: ${colors.white};\n  border: 1px solid ${colors.grey5};\n  outline: none;\n`;\n\nconst PhoneInputStyle = styled(Cleave)`\n  width: ${(props) => props.width || \"100%\"};\n  padding: 0px 15px;\n  height: 50px;\n  border-radius: 5px;\n  background: ${colors.white};\n  border: 1px solid ${colors.grey5};\n  line-height: 140%;\n  font-size: 1.6rem;\n  ::placeholder {\n    color: ${(props) => props.placeholdercolor};\n  }\n  @media only screen and (min-width: 200px) and (max-width: 768px)  {\n    height: ${(props) => props.xsheight || \"50px\"};\n  }\n`;\n\nconst HeaderStyle = styled.div`\n  font-size: 1.2rem;\n  color: ${colors.grey3};\n  margin: ${(props) => (props.top ? \"0px 0px 10px 0px\" : \"30px 0px 10px 0px\")};\n`;\n\nconst FooterStyle = styled.div`\n  font-size: 1.2rem;\n  color: ${colors.grey3};\n`;\n\nexport default function Input({\n  width,\n  header,\n  footer,\n  type,\n  placeholder,\n  value,\n  onChange,\n  top,\n  required,\n  minLength,\n}) {\n  return (\n    <InputContainer>\n      {header && <HeaderStyle top={top}>{header}</HeaderStyle>}\n      <InputStyle\n        width={width || \"380px\"}\n        type={type || \"text\"}\n        placeholder={placeholder || \"\"}\n        value={value || \"\"}\n        onChange={onChange || null}\n        required={required}\n        minLength={minLength}\n      />\n      {footer && <FooterStyle>{footer}</FooterStyle>}\n    </InputContainer>\n  );\n}\n\nexport function AddressInput({\n  header,\n  footer,\n  top,\n  address1Value,\n  address1OnChange,\n  address2Value,\n  address2OnChange,\n  cityValue,\n  cityOnChange,\n  stateValue,\n  stateOnChange,\n  zipValue,\n  zipOnChange,\n}) {\n  return (\n    <InputContainer>\n      {header && <HeaderStyle top={top}>{header}</HeaderStyle>}\n      <AddressContainer>\n        <AddressInputStyle\n          type=\"text\"\n          placeholder=\"Address 1\"\n          value={address1Value}\n          onChange={address1OnChange}\n        />\n        <AddressInputStyle\n          type=\"text\"\n          placeholder=\"Address 2\"\n          value={address2Value}\n          onChange={address2OnChange}\n        />\n        <Flex>\n          <AddressInputStyle\n            type=\"text\"\n            placeholder=\"City\"\n            value={cityValue}\n            onChange={cityOnChange}\n          />\n          <AddressInputStyle\n            type=\"text\"\n            placeholder=\"State\"\n            value={stateValue}\n            onChange={stateOnChange}\n            maxLength={2}\n          />\n          <AddressInputStyle\n            type=\"text\"\n            placeholder=\"Zip\"\n            value={zipValue}\n            onChange={zipOnChange}\n          />\n        </Flex>\n      </AddressContainer>\n      {footer && <FooterStyle>{footer}</FooterStyle>}\n    </InputContainer>\n  );\n}\n\nexport function PhoneNumberInput({\n  height,\n  width,\n  header,\n  footer,\n  type,\n  placeholder,\n  placeholderColor,\n  value,\n  onChange,\n  top,\n  required,\n  xsWidth,\n  xsHeight,\n}) {\n  return (\n    <InputContainer\n      height={height || \"45px\"}\n      width={width || \"380px\"}\n      xsWidth={xsWidth || \"100%\"}\n\n    >\n      {header && <HeaderStyle top={top}>{header}</HeaderStyle>}\n      <PhoneInputStyle\n        xsheight={xsHeight}\n        type={type || \"text\"}\n        placeholder={placeholder || \"\"}\n        placeholdercolor={placeholderColor || \"\"}\n        value={value || \"\"}\n        onChange={onChange || null}\n        required={required}\n        options={{ phone: true, phoneRegionCode: \"US\" }}\n        maxLength={14} // need to fix that weird edge case with multiple 1's at beginning of phone number\n      />\n      {footer && <FooterStyle>{footer}</FooterStyle>}\n    </InputContainer>\n  );\n}\n\nexport function MoneyInput({\n  height,\n  width,\n  header,\n  footer,\n  type,\n  placeholder,\n  value,\n  onChange,\n  top,\n  required,\n}) {\n  return (\n    <InputContainer>\n      {header && <HeaderStyle top={top}>{header}</HeaderStyle>}\n      <PhoneInputStyle\n        height={height || \"45px\"}\n        width={width || \"380px\"}\n        type={type || \"text\"}\n        placeholder={placeholder || \"\"}\n        value={value || \"\"}\n        onChange={onChange || null}\n        required={required}\n        options={{ phone: true, phoneRegionCode: \"US\" }}\n        maxLength={14}\n      />\n      {footer && <FooterStyle>{footer}</FooterStyle>}\n    </InputContainer>\n  );\n}\n\nexport function TimeLimitDayInput({\n  height,\n  width,\n  header,\n  footer,\n  type,\n  placeholder,\n  value,\n  onChange,\n  top,\n  required,\n}) {\n  return (\n    <InputContainer>\n      {header && <HeaderStyle top={top}>{header}</HeaderStyle>}\n      <PhoneInputStyle\n        height={height || \"45px\"}\n        width={width || \"380px\"}\n        type={type || \"text\"}\n        placeholder={placeholder || \"\"}\n        value={value || \"\"}\n        onChange={onChange || null}\n        required={required}\n        options={{ phone: true, phoneRegionCode: \"US\" }}\n        maxLength={14}\n      />\n      {footer && <FooterStyle>{footer}</FooterStyle>}\n    </InputContainer>\n  );\n}\n","import React, { Component } from \"react\";\nimport styled from \"styled-components\";\nimport colors from \"../styles/colors\";\n\nconst Container = styled.div`\n  margin: ${(props) => props.margin};\n`;\n\nconst Input = styled.input`\n  border: 2px solid ${colors.grey5};\n  height: ${(props) => props.height || \"70px\"};\n  width: ${(props) => props.width || \"50px\"};\n  border-radius: 5px;\n  background-color: white;\n  transition: all 0.1s;\n  margin-right: 10px;\n  outline: 0px;\n  font-size: 24px;\n  text-align: center;\n  padding: 0px;\n  box-shadow: none;\n  -moz-appearance: textfield;\n  @media (max-width: 320px) {\n    width: 25px;\n  }\n  @media (min-width: 425px) and (max-width: 1024px) {\n    width: ${(props) => props.xsWidth || \"35px\"};\n  }\n  &:focus {\n    border: 2px solid ${colors.purple};\n  }\n`;\n\nexport default class CodeInputBoxes extends Component {\n  // eslint-disable-next-line react/static-property-placement\n  static defaultProps = {\n    length: 4,\n    onChange: () => {},\n    onComplete: () => {},\n  };\n\n  constructor(params) {\n    super(params);\n    this.state = {\n      value: new Array(this.props.length).fill(\"\"),\n      lastValue: new Array(this.props.length).fill(\"\"),\n    };\n\n    this.inputs = [];\n  }\n\n  onChange(valueAt, index) {\n    const currentValue = [...this.state.value];\n    const currentValueSaved = currentValue;\n\n    // Single Character Press\n    if (valueAt.length === 1) {\n      currentValue[index] = valueAt;\n      this.setState({\n        value: currentValue,\n        lastValue: currentValueSaved,\n      });\n      if (this.inputs[index + 1]) {\n        this.inputs[index + 1].focus();\n      }\n    } else if (valueAt.length === this.props.length) {\n      //code pasted\n      this.setState({\n        value: valueAt.split(\"\"),\n        lastValue: currentValue,\n      });\n      this.props.onChange(valueAt);\n      this.props.onComplete(valueAt);\n      if (this.inputs[index + 1]) {\n        this.inputs[index + 1].focus();\n      }\n    } else if (valueAt.length > 0 && valueAt.length < this.props.length) {\n      // More than 1 character, less than the total number required\n      this.onChange(valueAt.charAt(valueAt.length - 1), index);\n    }\n\n    if (index + 1 === this.props.length) {\n      this.props.onComplete(currentValue.join(\"\"));\n    }\n  }\n\n  renderInput(index) {\n    const value = this.state.value[index];\n    return (\n      <Input\n        key={index}\n        autoFocus={index === 0}\n        height={this.props.height}\n        width={this.props.width}\n        required\n        value={value}\n        type=\"number\"\n        pattern=\"\\d*\"\n        ref={(ref) => (this.inputs[index] = ref)}\n        onChange={(event) => this.onChange(event.target.value, index)}\n        onKeyDown={(event) => {\n          if (event.keyCode === 8 || event.keyCode === 46) {\n            // handle backspace or delete\n            event.preventDefault();\n            const currentValue = [...this.state.value];\n            const currentValueSaved = currentValue;\n            currentValue[index] = \"\";\n            this.setState({\n              value: currentValue,\n              lastValue: currentValueSaved,\n            });\n            if (index !== 0) {\n              this.inputs[index - 1].focus();\n            }\n          } else if (event.keyCode === 37) {\n            // navigate left with left arrow key\n            event.preventDefault();\n            if (index !== 0) {\n              this.inputs[index - 1].focus();\n            }\n          } else if (event.keyCode === 39) {\n            // navigate right with right arrow key\n            event.preventDefault();\n            if (index !== this.state.value.length - 1) {\n              this.inputs[index + 1].focus();\n            }\n          } else if (\n            // prohibit weird edge behavior when up, down, +, or - are pressed\n            event.keyCode === 38 ||\n            event.keyCode === 40 ||\n            event.keyCode === 107 ||\n            event.keyCode === 109\n          ) {\n            event.preventDefault();\n          }\n        }}\n      />\n    );\n  }\n\n  render() {\n    return (\n      <Container>\n        {this.state.value.map((_, index) => {\n          return this.renderInput(index);\n        })}\n      </Container>\n    );\n  }\n}\n","/* eslint-disable import/no-duplicates */\nimport { faAngleDown as AngleDownRegular } from '@fortawesome/pro-regular-svg-icons';\nimport { faCogs as CogsRegular } from '@fortawesome/pro-regular-svg-icons';\nimport { faUsdSquare as DollarSquareRegular } from '@fortawesome/pro-regular-svg-icons';\nimport { faEnvelopeOpenText as EnvelopeOpenRegular } from '@fortawesome/pro-regular-svg-icons';\nimport { faHome as HomeRegular } from '@fortawesome/pro-regular-svg-icons';\nimport { faFileImport as ImportRegular } from '@fortawesome/pro-regular-svg-icons';\nimport { faPlus as PlusRegular } from '@fortawesome/pro-regular-svg-icons';\nimport { faSearch as SearchRegular } from '@fortawesome/pro-regular-svg-icons';\nimport { faTag as TagRegular } from '@fortawesome/pro-regular-svg-icons';\nimport { faUsers as UsersRegular } from '@fortawesome/pro-regular-svg-icons';\nimport { faArrowLeft as LeftArrow } from '@fortawesome/pro-regular-svg-icons';\nimport { faArrowRight as RightArrow } from '@fortawesome/pro-regular-svg-icons';\nimport { faCheckCircle as CheckCircleSolid } from '@fortawesome/free-solid-svg-icons';\nimport { faHistory as HistorySolid } from '@fortawesome/free-solid-svg-icons';\nimport { faLink as LinkSolid } from '@fortawesome/free-solid-svg-icons';\nimport { faBars as MenuSolid } from '@fortawesome/free-solid-svg-icons';\nimport { faMobileAlt as MobileSolid } from '@fortawesome/free-solid-svg-icons';\nimport { faPaperPlane as PaperPlaneSolid } from '@fortawesome/free-solid-svg-icons';\nimport { faTimesCircle as TimesCircleSolid } from '@fortawesome/free-solid-svg-icons';\nimport { faCommentAltDots as CommentSolid } from '@fortawesome/pro-solid-svg-icons';\nimport { faUsdSquare as DollarSquareSolid } from '@fortawesome/pro-solid-svg-icons';\nimport { faPaperPlane as PaperPlaneRegular } from '@fortawesome/free-regular-svg-icons';\nimport { faSignOut as SignOut } from '@fortawesome/pro-regular-svg-icons';\nimport { faUpload as UploadRegular } from '@fortawesome/pro-regular-svg-icons';\nimport { faExclamationTriangle as Warning } from '@fortawesome/free-solid-svg-icons';\nimport { faDollarSign as DollarSign } from '@fortawesome/pro-regular-svg-icons';\n\nexport const IconEnum = {\n  RightArrow,\n  UploadRegular,\n  AngleDownRegular,\n  CogsRegular,\n  DollarSquareRegular,\n  EnvelopeOpenRegular,\n  HomeRegular,\n  ImportRegular,\n  PlusRegular,\n  SearchRegular,\n  TagRegular,\n  UsersRegular,\n  LeftArrow,\n  CheckCircleSolid,\n  HistorySolid,\n  LinkSolid,\n  MenuSolid,\n  MobileSolid,\n  PaperPlaneSolid,\n  TimesCircleSolid,\n  CommentSolid,\n  DollarSquareSolid,\n  PaperPlaneRegular,\n  SignOut,\n  Warning,\n  DollarSign\n};\n","import React from 'react';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport colors from '../styles/colors';\nimport { IconEnum } from './Icons';\n\nexport const Icons = IconEnum;\n\nexport default function Icon({\n  icon = Icons.TagRegular,\n  onClick = null,\n  size = 25,\n  top,\n  left,\n  right,\n  position = 'relative',\n  zIndex,\n  active,\n  activeColor = colors.seaGreen,\n  inactiveColor = colors.grey3,\n  margin,\n}) {\n  const color = active ? activeColor : inactiveColor;\n  const cursor = onClick ? 'pointer' : null;\n  return (\n    <FontAwesomeIcon\n      icon={icon}\n      onClick={onClick}\n      style={{\n        color,\n        top,\n        left,\n        right,\n        position,\n        zIndex,\n        fontSize: size,\n        transition: 'all 0.3s',\n        cursor,\n        margin,\n      }}\n    />\n  );\n}\n","import React from 'react';\nimport styled from 'styled-components';\nimport colors from '../styles/colors';\nimport Icon from './Icon';\nimport { IconEnum as Icons } from './Icons';\n\nconst ErrorContainer = styled.div`\n  color: ${colors.grey1};\n  margin: ${(props) => props.margin || '0px'};\n  text-align: center;\n  align-items: center;\n  font-size: 1.2rem;\n  position: absolute;\n  margin-left: auto;\n  margin-right: auto;\n  left: 0;\n  right: 0;\n`;\n\nexport default function Error({ error, margin }) {\n  return (\n    <ErrorContainer margin={margin}>\n      <Icon\n        icon={Icons.Warning}\n        margin=\"0px 10px 0px 0px\"\n        size={15}\n        activeColor={colors.yellow}\n        active\n      />\n      {error}\n    </ErrorContainer>\n  );\n}\n","// /////////////////////////////////////////////////////////////////////////////////////////////////////////////\n//\n// NPECheck\n//\n// Usage: NPECheck(param1, param2, param3)\n//        param1 = the JS object being used as a hashmap\n//        param2 = the nested property value path in JSON pointer syntax, https://tools.ietf.org/html/rfc6901\n//        param3 = a message to display if the property does not exist or the property value is\n//                 null, undefined, or empty string.\n//\n// Example in JSX:\n//\n// return (<span>{ NPECheck(this.props.dockerImage, \"layers/count\", \"Not specified\") }</span>);\n//\n// /////////////////////////////////////////////////////////////////////////////////////////////////////////////\n\nexport default function (object, nestedProps, substitute = 'Not specified') {\n  if (!object) return null;\n  const nested = nestedProps.split('/');\n  let val = object;\n\n  while (nested.length > 0) {\n    const prop = nested.shift();\n    if (!val[prop] && val[prop] !== 0) {\n      return substitute;\n    }\n    val = val[prop];\n  }\n\n  if (!val && val !== 0) {\n    return substitute;\n  }\n  return val;\n}\n","import NPECheck from './NPECheck';\n\nexport function getErrorMessage(error) {\n  if (!error) return null;\n\n  let errorMsg = NPECheck(error, 'graphQLErrors/0/message', null);\n  if (errorMsg) return errorMsg;\n\n  errorMsg = NPECheck(error, 'networkError/result/errors/0/message', null);\n  if (errorMsg) return errorMsg;\n}\n\nexport function getJoiErrors(error) {\n  if (!error) return null;\n  const errorMsg = NPECheck(error, 'graphQLErrors/0/extensions/exception/invalidArgs', null);\n  if (errorMsg) return errorMsg;\n}\n","import React, { useState } from \"react\";\nimport styled from \"styled-components\";\nimport { useMutation } from \"@apollo/react-hooks\";\nimport { useHistory } from \"react-router-dom\";\nimport colors from \"../styles/colors\";\nimport Loader from \"./Loader\";\nimport Button from \"./Button\";\nimport { PhoneNumberInput } from \"./Input\";\nimport CodeInputBoxes from \"./CodeInputBoxes\";\nimport Error from \"./Error\";\nimport { getErrorMessage } from \"../util/ErrorUtil\";\nimport { SEND_PHONE_CODE, VERIFY_PHONE_CODE } from \"../graphql/queries\";\nimport Logo from \"../assets/images/cto-full-logo.png\";\n\nconst LoaderContainer = styled.div`\n\tmin-height: 95vh;\n\twidth: 100%;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n`;\n\nconst Container = styled.form`\n\toverflow-y: scroll;\n\t-ms-overflow-style: none;\n\tscrollbar-width: none;\n\twidth: 100%;\n\tdisplay: flex;\n\tflex-direction: column;\n\tmax-height: 95vh;\n\tmin-height: 95vh;\n\tposition: relative;\n\t@media screen and (max-height: 480px) {\n\t\tmax-height: 92vh;\n\t\tmin-height: 92vh;\n\t\tpadding-bottom: unset;\n\t} ;\n`;\n\nconst BodyText = styled.div`\n\tmargin-top: 15px;\n\tmargin-bottom: 15px;\n\tfont-weight: 600;\n\tfont-size: 1.8rem;\n\tcolor: ${colors.grey1};\n\tmax-height: 70vh;\n\toverflow-y: auto;\n`;\n\nconst BottomText = styled.div`\n\tmargin-top: 15px;\n\tmargin-bottom: 15px;\n\tfont-weight: 500;\n\tfont-size: 1.4rem;\n\tcolor: ${colors.grey4};\n`;\n\nconst CodeText = styled.div`\n\tfont-weight: 500;\n\tfont-size: 1.4rem;\n\tcolor: ${colors.grey2};\n\tmargin: 30px 0px 15px 0px;\n`;\n\nconst Body = styled.div`\n\tmargin: 0 15px 10px 15px;\n\tpadding-bottom: 60px;\n\toverflow-y: auto;\n\tposition: relative;\n`;\n\nconst LogoContainer = styled.div`\n\twidth: 100%;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tmargin-bottom: 40px;\n\tmargin-top: 40px;\n`;\n\nconst LogoImg = styled.img`\n\twidth: 120px;\n`;\n\nconst ButtonContainer = styled.div`\n\tdisplay: flex;\n\tjustify-content: space-around;\n\twidth: 100%;\n  z-index:10;\n\tflex-direction: row;\n\tposition: absolute;\n\tbackground-color: ${colors.white};\n\tbottom: 0px;\n\talign-items: center;\n\tmax-width: 768px;\n\n\t@media screen and (max-width: 768px) {\n\t\tmin-height: 70px;\n\t\tbottom: 0px;\n\t\talign-items: center;\n\t}\n\t@media screen and (max-width: 1024px) {\n\t\tbottom: 0px;\n\t\talign-items: center;\n\t}\n\n\t@media screen and (max-width: 450px) {\n\t\tflex-direction: column;\n\t\talign-items: center;\n\t\tbottom: 0px;\n\t\tbackground: ${colors.white};\n\t\theight: max-content;\n\t} ;\n`;\n\nexport default function Home() {\n\tconst history = useHistory();\n\tconst [phoneNumber, setPhoneNumber] = useState(\"\");\n\tconst [error, setError] = useState(\"\");\n\tconst [codeInputIsVisible, setCodeInputIsVisible] = useState(false);\n\tconst [sendPhoneCode, { loading }] = useMutation(SEND_PHONE_CODE, {\n\t\tvariables: {\n\t\t\tphoneNumber,\n\t\t},\n\t\tonCompleted(data) {\n\t\t\tsetCodeInputIsVisible(true);\n\t\t},\n\t\tonError(error) {\n\t\t\tsetError(getErrorMessage(error));\n\t\t\tconsole.log(error);\n\t\t},\n\t});\n\tconst [verifyPhoneCode, { loading: verifyLoading }] = useMutation(\n\t\tVERIFY_PHONE_CODE,\n\t\t{\n\t\t\tasync onCompleted(data) {\n\t\t\t\tif (data.verifyPhoneCode.token) {\n\t\t\t\t\tif (error) setError(\"\");\n\t\t\t\t\tlocalStorage.setItem(\n\t\t\t\t\t\t\"CHECK_THIS_OUT_AUTH_TOKEN\",\n\t\t\t\t\t\tdata.verifyPhoneCode.token,\n\t\t\t\t\t);\n\t\t\t\t\thistory.push(\"/organizations\");\n\t\t\t\t} else {\n\t\t\t\t\tsetError(\"There was an error. Please contact support.\");\n\t\t\t\t}\n\t\t\t},\n\t\t\tonError(error) {\n\t\t\t\tsetError(getErrorMessage(error));\n\t\t\t\tconsole.log(error);\n\t\t\t},\n\t\t},\n\t);\n\n\t// not 100% sure why organization return null on 1st render\n\tif (verifyLoading) {\n\t\treturn (\n\t\t\t<LoaderContainer>\n\t\t\t\t<Loader />\n\t\t\t</LoaderContainer>\n\t\t);\n\t}\n\n\treturn (\n\t\t<Container\n\t\t\tonSubmit={(e) => {\n\t\t\t\te.preventDefault();\n\t\t\t\tsendPhoneCode();\n\t\t\t}}\n\t\t>\n\t\t\t<Body>\n\t\t\t\t<LogoContainer>\n\t\t\t\t\t<LogoImg src={Logo} />\n\t\t\t\t</LogoContainer>\n\t\t\t\t<BodyText>\n\t\t\t\t\tPlease enter your phone number to check your current balance!\n\t\t\t\t</BodyText>\n\t\t\t\t<PhoneNumberInput\n\t\t\t\t\ttype=\"tel\"\n\t\t\t\t\tplaceholder=\"Enter your phone number\"\n\t\t\t\t\tvalue={phoneNumber}\n\t\t\t\t\tonChange={(e) => {\n\t\t\t\t\t\tsetPhoneNumber(e.target.value);\n\t\t\t\t\t\tif (codeInputIsVisible) {\n\t\t\t\t\t\t\tsetCodeInputIsVisible(false);\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif (error) setError(\"\");\n\t\t\t\t\t}}\n\t\t\t\t\twidth=\"calc(100% - 35px)\"\n\t\t\t\t\trequired\n\t\t\t\t/>\n\t\t\t\t<BottomText>\n\t\t\t\t\tDon't have an account yet? You must be referred in order to login\n\t\t\t\t\tto Check This Out.\n\t\t\t\t</BottomText>\n\t\t\t\t{codeInputIsVisible && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<CodeText>\n\t\t\t\t\t\t\tWe just sent a 4-digit code to your mobile phone, please\n\t\t\t\t\t\t\tenter it below.\n\t\t\t\t\t\t</CodeText>\n\t\t\t\t\t\t<CodeInputBoxes\n\t\t\t\t\t\t\tonComplete={(phoneCode) => {\n\t\t\t\t\t\t\t\tif (error) setError(\"\");\n\t\t\t\t\t\t\t\tverifyPhoneCode({\n\t\t\t\t\t\t\t\t\tvariables: {\n\t\t\t\t\t\t\t\t\t\tphoneNumber,\n\t\t\t\t\t\t\t\t\t\tphoneCode,\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t\t{error && (\n\t\t\t\t\t<Error error={error} margin=\"20px 0px 0px 0px\">\n\t\t\t\t\t\t{error}\n\t\t\t\t\t</Error>\n\t\t\t\t)}\n\t\t\t</Body>\n\n\t\t\t{!codeInputIsVisible && (\n\t\t\t\t<ButtonContainer>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tmargin=\"15px\"\n\t\t\t\t\t\ttext=\"CONFIRM PHONE NUMBER\"\n\t\t\t\t\t\twidth=\"calc(100% - 30px)\"\n\t\t\t\t\t\txsWidth=\"calc(100% - 30px)\"\n\t\t\t\t\t\tloading={loading}\n\t\t\t\t\t\talignSelf=\"center\"\n\t\t\t\t\t\tdisplay=\"flex\"\n\t\t\t\t\t\tjustify=\"center\"\n\t\t\t\t\t\txsHeight=\"40px\"\n\t\t\t\t\t/>\n\t\t\t\t</ButtonContainer>\n\t\t\t)}\n\t\t</Container>\n\t);\n}\n","import React from 'react';\nimport styled from 'styled-components';\nimport colors from '../styles/colors';\n\nconst Logo = styled.div`\n  height: 100px;\n  width: 100px;\n  min-width: 100px;\n  border-radius: 50%;\n  margin-right: 15px;\n  border: 1px solid ${colors.grey5};\n  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.05);\n  background-color: white;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n`;\n\nconst ImageContainer = styled.img`\n  width: 100%;\n  height: auto;\n`;\n\nconst Container = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: fit-content;\n  position: relative;\n  overflow: hidden;\n  width: 100% !important;\n`;\n\nconst InfoContainer = styled.div`\nwidth: 100% !important;\n  > div {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: block;\n    /* max-width: calc(100% - 145px); */\n  }\n`;\n\nconst Name = styled.div`\n  color: ${colors.white};\n  font-weight: 600;\n  font-size: 1.8rem;\n`;\n\n/* const Logout = styled.div`\n  color: ${colors.white};\n  font-weight: 500;\n  font-size: 1.6rem;\n  margin-left: auto;\n  display: inline-block;\n  width:200px;\n  cursor: pointer;\n`;\n */\nconst Address = styled.div`\n  color: ${colors.grey6};\n  font-weight: 500;\n  font-size: 1.4rem;\n`;\n\nexport default function BusinessPreview({ organization }) {\n\n  if (!organization) {\n    return null;\n  }\n\n  const address = `${organization.address.city}, ${organization.address.state}`;\n  return (\n    <Container>\n      <Logo>\n        <ImageContainer src={organization.logoUrl} />\n      </Logo>\n      <InfoContainer>\n        <Name>\n          {organization.name}\n        </Name>\n        <Address>\n          {address}\n        </Address>\n      </InfoContainer>\n      {/* <Logout onClick={()=>{\n\n        localStorage.removeItem(\"CHECK_THIS_OUT_AUTH_TOKEN\");\n        history.push('/home')\n      }}>\n          {localStorage.CHECK_THIS_OUT_AUTH_TOKEN ? 'Logout':'Login'}\n        </Logout> */}\n    </Container>\n  );\n}\n","export const output = (price, withFixed = false) => {\n  if (price.toString().split('')[price.length - 1] === '.') {\n    return price;\n  }\n\n  if (withFixed) {\n    price /= 100;\n    return price.toFixed(2);\n  }\n\n  return price / 100;\n};\n\nexport const convertToCents = (dollarAmount) => {\n  return Math.round(dollarAmount * 100);\n};\n","export const originalSources = Object.freeze({\n    ORG: \"ORG\",\n    SELF: \"SELF\",\n    REF: \"REF\",\n    SMS: \"SMS\",\n    MODAL: \"MODAL\",\n  });","import { createContext } from 'react';\n\nexport const AppContext = createContext(null);\n","const CouponParentTypes = Object.freeze({\n  Referred: 'Referred',\n  Affiliate: 'Affiliate',\n});\n\nexport default CouponParentTypes;\n","import React, { useContext, useEffect, useState } from \"react\";\nimport styled from \"styled-components\";\nimport { useHistory } from \"react-router-dom\";\nimport url from \"url\";\nimport colors from \"../styles/colors\";\nimport Button from \"./Button\";\nimport BusinessPreview from \"./BusinessPreview\";\nimport * as Price from \"../util/Price\";\nimport { OrganizationContext } from \"../context/OrganizationContext\";\nimport Loader from \"./Loader\";\nimport { PhoneNumberInput } from \"./Input\";\nimport CodeInputBoxes from \"./CodeInputBoxes\";\nimport Error from \"./Error\";\nimport { originalSources } from \"../util/contactConstants\";\nimport {\n  CREATE_COUPON,\n  CREATE_REFERENCE,\n  SEND_PHONE_CODE,\n  UPDATE_REF_CLICK_COUNT,\n  VERIFY_PHONE_CODE,\n} from \"../graphql/queries\";\nimport { useMutation } from \"@apollo/react-hooks\";\nimport { getErrorMessage } from \"../util/ErrorUtil\";\nimport { AppContext } from \"../context/AppContext\";\nimport CouponParentTypes from \"../util/CouponParentTypes\";\n\nconst LoaderContainer = styled.div`\n  min-height: 100%;\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n\nconst Container = styled.div`\n  overflow-y: scroll;\n  overflow-x: hidden;\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n  min-height: 100%;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  background: ${colors.bg};\n`;\n\nconst Header = styled.div`\n  position: relative;\n  background: red;\n  width: 100%;\n  height: fit-content;\n  background: red;\n  box-sizing: border-box;\n`;\n\nconst CodeText = styled.div`\n  font-weight: 500;\n  font-size: 1.4rem;\n  color: ${colors.grey2};\n  margin: 30px 0px 15px 0px;\n`;\n\nconst Image = styled.div`\n  background-image: ${(props) =>\n    `linear-gradient(179.56deg, rgba(0, 0, 0, 0) 58.09%, rgba(0, 0, 0, 0.5) 98.13%), url(${props.src})`};\n  background-size: cover;\n  background-position: center;\n  background-origin: unset;\n  height: 200px;\n  width: 100%;\n`;\n\nconst HeaderText = styled.div`\n  font-size: 2.4rem;\n  font-weight: bold;\n  color: ${colors.grey1};\n  line-height: 140%;\n  margin-bottom: 15px;\n`;\n\nconst BodyText = styled.div`\n  font-weight: 500;\n  font-size: 1.8rem;\n  line-height: 140%;\n  color: ${colors.grey2};\n  margin-bottom: 15px;\n`;\n\nconst Body = styled.div`\n  flex: 1;\n  margin: 40px 15px;\n`;\n\nconst BusinessPreviewContainer = styled.div`\n  position: absolute;\n  bottom: -25px;\n  left: 15px;\n  width: 100%;\n`;\n\nconst OuterContainer = styled.div`\n  height: 100%;\n  width: 100%;\n`;\n\nconst TOS = styled.div`\n  color: ${colors.grey3};\n  margin: 25px 15px 10px 15px;\n  text-align: center;\n`;\n\nconst TOSLink = styled.a`\n  color: ${colors.seaGreen};\n`;\n\n/**\n * This function handles invites from both an organization\n * and a referrer\n */\nfunction Invite() {\n  const history = useHistory();\n  const { organization } = useContext(OrganizationContext);\n  const { setApp } = useContext(AppContext);\n  const {\n    query: { ref },\n  } = url.parse(window.location.toString(), true);\n  const [phoneNumber, setPhoneNumber] = useState(\"\");\n  const [error, setError] = useState(\"\");\n  const [codeInputIsVisible, setCodeInputIsVisible] = useState(false);\n  const [originalSource, setOriginalSource] = useState(originalSources.ORG);\n  const { query } = url.parse(window.location.toString(), true);\n\n  useEffect(() => {\n    function updateOriginalSource() {\n      if (query.ref) {\n        setOriginalSource(originalSources.REF);\n      } else if (query.orgId) {\n        setOriginalSource(originalSources.ORG);\n      } else if (query.o) {\n        setOriginalSource(originalSources.SMS);\n      }\n    }\n    updateOriginalSource();\n  }, [query]);\n\n  const [sendPhoneCode, { loading }] = useMutation(SEND_PHONE_CODE, {\n    variables: {\n      organizationId: organization?._id,\n      phoneNumber,\n      originalSource,\n    },\n    onCompleted(data) {\n      setCodeInputIsVisible(true);\n    },\n    onError(error) {\n      setError(getErrorMessage(error));\n      console.log(error);\n    },\n  });\n  const [createReference, { loading: refLoading }] = useMutation(\n    CREATE_REFERENCE,\n    {\n      async onCompleted(data) {\n        history.push(`/inviteFriends/?orgId=${organization?._id}`);\n      },\n      onError(error) {\n        setError(getErrorMessage(error));\n        console.log(error);\n      },\n    }\n  );\n\n  const [createCoupon, { loading: couponLoading }] = useMutation(\n    CREATE_COUPON,\n    {\n      async onCompleted(data) {\n        await createReference({\n          variables: {\n            organizationId: organization?._id,\n          },\n        });\n      },\n      onError(error) {\n        setApp({ error: getErrorMessage(error) });\n        history.push(`/inviteError/?orgId=${organization?._id}`);\n        console.log(error);\n      },\n    }\n  );\n\n  const [verifyPhoneCode, { loading: verifyLoading }] = useMutation(\n    VERIFY_PHONE_CODE,\n    {\n      async onCompleted(data) {\n        if (data.verifyPhoneCode.token) {\n          localStorage.setItem(\n            \"CHECK_THIS_OUT_AUTH_TOKEN\",\n            data.verifyPhoneCode.token\n          );\n\n          if (ref) {\n            await createCoupon({\n              variables: {\n                referenceId: ref,\n                couponParentType: CouponParentTypes.Referred,\n              },\n            });\n          } else {\n            await createReference({\n              variables: {\n                organizationId: organization._id,\n              },\n            });\n          }\n        } else {\n          setError(\"There was an error. Please contact support.\");\n        }\n      },\n      onError(error) {\n        setError(getErrorMessage(error));\n        console.log(error);\n      },\n    }\n  );\n\n  const [updateClickCount] = useMutation(UPDATE_REF_CLICK_COUNT, {\n    variables: {\n      referenceId: ref,\n    },\n  });\n\n  useEffect(() => {\n    if (ref) updateClickCount();\n  }, []); // eslint-disable-line\n\n  // not 100% sure why organization return null on 1st render\n  if (!organization || refLoading || verifyLoading || couponLoading) {\n    return (\n      <LoaderContainer>\n        <Loader />\n      </LoaderContainer>\n    );\n  }\n  const c = organization.configurations;\n\n  const first = Price.output(c.firstTimeRecipientCredit, true);\n  const repeat = Price.output(c.repeatRecipientCredit, true);\n  const affiliate = Price.output(c.affiliateCredit, true);\n\n  return (\n    <OuterContainer>\n      <Container>\n        <Header>\n          <Image src={organization.posterImageUrl} />\n          <BusinessPreviewContainer>\n            <BusinessPreview organization={organization} />\n          </BusinessPreviewContainer>\n        </Header>\n        <Body>\n          <HeaderText>\n            {ref\n              ? `Your friend is sending you a cash gift to ${organization.name}`\n              : first === repeat\n              ? `Send $${first}\n               to a friend and\n               get $${affiliate}\n               for yourself when they redeem their discount.`\n              : `Send a discount to a friend and get $${affiliate} for yourself. Enter your phone number below to get started.`}\n          </HeaderText>\n          <BodyText>\n            {ref\n              ? \"Hit the button below to verify your phone number and accept your discount.\"\n              : `You and your friend will earn a discount $${affiliate} to ${organization.name} for every single customer you refer. No limits on the number of invitations. Referral credits can be combined and credits don’t expire.`}\n           \n          </BodyText>\n\n          <BodyText>\n            Please enter your phone number. We need it to verify who you are\n          </BodyText>\n\n          <PhoneNumberInput\n            type=\"tel\"\n            placeholder=\"Enter your phone number\"\n            value={phoneNumber}\n            onChange={(e) => {\n              setPhoneNumber(e.target.value);\n              if (codeInputIsVisible) {\n                setCodeInputIsVisible(false);\n              }\n              if (error) setError(\"\");\n            }}\n            width=\"calc(100% - 30px)\"\n            required\n          />\n\n          {codeInputIsVisible && (\n            <>\n              <CodeText>\n                We just sent a 4-digit code to your mobile phone, please enter\n                it below.\n              </CodeText>\n              <CodeInputBoxes\n                onComplete={(phoneCode) => {\n                  if (error) setError(\"\");\n                  verifyPhoneCode({\n                    variables: {\n                      phoneNumber,\n                      phoneCode,\n                      organizationId: organization?._id,\n                    },\n                  });\n                }}\n              />\n            </>\n          )}\n          {error && (\n            <Error error={error} margin=\"20px 0px 0px 0px\">\n              {error}\n            </Error>\n          )}\n        </Body>\n        <TOS>\n          By using Check This Out, you agree to the &nbsp;\n          <TOSLink\n            href=\"https://intercom.help/check-this-out/en/articles/4339634-check-this-out-terms-of-use-and-privacy-policy\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n          >\n            Terms of Use and Privacy Policy\n          </TOSLink>\n        </TOS>\n        {!codeInputIsVisible && (\n          <Button\n            margin=\"0px 15px 15px 15px\"\n            text={ref ? \"ACCEPT GIFT\" : \"CONFIRM PHONE NUMBER\"}\n            width=\"calc(100% - 30px)\"\n            loading={loading}\n            onClick={() => sendPhoneCode()}\n          />\n        )}\n      </Container>\n    </OuterContainer>\n  );\n}\n\nexport default Invite;\n","import React, { useContext, useState } from 'react';\nimport { useMutation } from '@apollo/react-hooks';\nimport styled from 'styled-components';\nimport { useHistory } from 'react-router-dom';\nimport colors from '../styles/colors';\nimport Button from './Button';\nimport BusinessPreview from './BusinessPreview';\nimport { PhoneNumberInput } from './Input';\nimport { OrganizationContext } from '../context/OrganizationContext';\nimport Loader from './Loader';\nimport { SEND_PHONE_CODE, VERIFY_PHONE_CODE, CREATE_REFERENCE } from '../graphql/queries';\nimport CodeInputBoxes from './CodeInputBoxes';\nimport Error from './Error';\nimport { getErrorMessage } from '../util/ErrorUtil';\nimport {originalSources} from '../util/contactConstants'\nimport { useEffect } from 'react';\nimport url from \"url\";\n\nconst LoaderContainer = styled.div`\n  min-height: 100%;\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n\nconst Container = styled.form`\n  overflow-y: scroll;\n  overflow-x: hidden;\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n  min-height: 100%;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  background: ${colors.bg};\n`;\n\nconst Header = styled.div`\n  position: relative;\n  background: red;\n  width: 100%;\n  height: fit-content;\n  background: red;\n  box-sizing: border-box;\n`;\n\nconst Image = styled.div`\n  background-image: ${(props) => `linear-gradient(179.56deg, rgba(0, 0, 0, 0) 58.09%, rgba(0, 0, 0, 0.5) 98.13%), url(${props.src})`};\n  background-size: cover;\n  background-position: center;\n  background-origin: unset;\n  height: 120px;\n  width: 100%;\n`;\n\nconst HeaderText = styled.div`\n  font-size: 1.8rem;\n  font-weight: bold;\n  color: ${colors.grey1};\n  margin-bottom: 5px;\n  line-height: 140%;\n`;\n\nconst BodyText = styled.div`\n  font-weight: 500;\n  font-size: 1.4rem;\n  color: ${colors.grey2};\n  margin-bottom: 15px;\n  line-height: 140%;\n`;\n\nconst CodeText = styled.div`\n  font-weight: 500;\n  font-size: 1.4rem;\n  color: ${colors.grey2};\n  margin: 30px 0px 15px 0px;\n`;\n\nconst Body = styled.div`\n  flex: 1;\n  margin: 40px 15px;\n`;\n\nconst BusinessPreviewContainer = styled.div`\n  position: absolute;\n  bottom: -25px;\n  left: 15px;\n  width: 100%;\n`;\n\nconst OuterContainer = styled.div`\n  height: 100%;\n  width: 100%;\n`;\n\nfunction PhoneInput() {\n  const history = useHistory();\n  const { organization } = useContext(OrganizationContext);\n  const [phoneNumber, setPhoneNumber] = useState('');\n  const [error, setError] = useState('');\n  const [codeInputIsVisible, setCodeInputIsVisible] = useState(false);\n  const [originalSource, setOriginalSource] = useState(originalSources.ORG)\n  const { query } = url.parse(window.location.toString(), true);\n  \n  useEffect(() => {\n      function updateOriginalSource(){\n        if (query.ref) {\n            setOriginalSource(originalSources.REF);\n          } else if (query.orgId) {\n            setOriginalSource(originalSources.ORG);\n          } else if (query.o) {\n            setOriginalSource(originalSources.SMS);\n          }\n      }\n      updateOriginalSource()\n  }, [query]);\n\n \n\n  const [sendPhoneCode, { loading }] = useMutation(SEND_PHONE_CODE, {\n    variables: {\n      organizationId: organization._id,\n      phoneNumber,\n      originalSource\n      \n    },\n    onCompleted(data) {\n      setCodeInputIsVisible(true);\n    },\n    onError(error) {\n      setError(getErrorMessage(error));\n      console.log(error);\n    },\n  });\n  const [createReference, { loading: refLoading }] = useMutation(CREATE_REFERENCE, {\n    async onCompleted(data) {\n      history.push(`/inviteFriends/?orgId=${organization._id}`);\n    },\n    onError(error) {\n      setError(getErrorMessage(error));\n      console.log(error);\n    },\n  });\n  const [verifyPhoneCode, { loading: verifyLoading }] = useMutation(VERIFY_PHONE_CODE, {\n    async onCompleted(data) {\n      if (data.verifyPhoneCode.token) {\n        localStorage.setItem('CHECK_THIS_OUT_AUTH_TOKEN', data.verifyPhoneCode.token);\n        await createReference({\n          variables: {\n            organizationId: organization._id,\n            \n          },\n        });\n      } else {\n        setError('There was an error. Please contact support.');\n      }\n    },\n    onError(error) {\n      setError(getErrorMessage(error));\n      console.log(error);\n    },\n  });\n\n  // not 100% sure why organization return null on 1st render\n  if (!organization || refLoading || verifyLoading) {\n    return (\n      <LoaderContainer>\n        <Loader />\n      </LoaderContainer>\n    );\n  }\n\n  return (\n    <OuterContainer>\n      <Container\n        onSubmit={(e) => {\n          e.preventDefault();\n          sendPhoneCode();\n        }}\n      >\n        <Header>\n          <Image src={organization.posterImageUrl} />\n          <BusinessPreviewContainer>\n            <BusinessPreview organization={organization} />\n          </BusinessPreviewContainer>\n        </Header>\n        <Body>\n          <HeaderText>\n            Please enter your phone number\n          </HeaderText>\n          <BodyText>\n            We need it to verify who you are\n          </BodyText>\n          <PhoneNumberInput\n            type=\"tel\"\n            placeholder=\"Enter your phone number\"\n            value={phoneNumber}\n            onChange={(e) => {\n              setPhoneNumber(e.target.value);\n              if (codeInputIsVisible) {\n                setCodeInputIsVisible(false);\n              }\n              if (error) setError('');\n            }}\n            width=\"calc(100% - 30px)\"\n            required\n          />\n          {codeInputIsVisible\n          && (\n          <>\n            <CodeText>\n              We just sent a 4-digit code to your mobile phone, please enter it below.\n            </CodeText>\n            <CodeInputBoxes\n              onComplete={(phoneCode) => {\n                if (error) setError('');\n                verifyPhoneCode({\n                  variables: {\n                    phoneNumber,\n                    phoneCode,\n                    organizationId: organization._id,\n                  \n                  },\n                });\n              }}\n            />\n          </>\n          )}\n          {error && (\n          <Error error={error} margin=\"20px 0px 0px 0px\">\n            {error}\n          </Error>\n          )}\n        </Body>\n        {!codeInputIsVisible && (\n        <Button\n          margin=\"15px\"\n          text=\"CONFIRM PHONE NUMBER\"\n          width=\"calc(100% - 30px)\"\n          loading={loading}\n        />\n        )}\n      </Container>\n    </OuterContainer>\n  );\n}\n\nexport default PhoneInput;\n","import React, { useContext, useEffect, useState } from \"react\";\nimport styled from \"styled-components\";\nimport { useHistory } from \"react-router-dom\";\nimport { useQuery } from \"@apollo/react-hooks\";\nimport ReactTooltip from \"react-tooltip\";\nimport colors from \"../styles/colors\";\nimport * as Price from \"../util/Price\";\nimport BusinessPreview from \"./BusinessPreview\";\nimport { OrganizationContext } from \"../context/OrganizationContext\";\nimport Loader from \"./Loader\";\nimport { Flex } from \"./Flex\";\nimport Icon from \"./Icon\";\nimport { IconEnum as Icons } from \"./Icons\";\nimport { GET_ACTIVE_COUPONS, GET_REFERENCE } from \"../graphql/queries\";\nimport Button from \"./Button\";\n\nconst LoaderContainer = styled.div`\n  min-height: 100%;\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n\nconst Container = styled.div`\n  overflow-y: auto;\n  overflow-x: hidden;\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n\n  width: 100%;\n  background: ${colors.bg};\n  padding-bottom: 40px;\n  /* box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.05); */\n  /* min-height: 75vw; */\n  /* @media screen and (max-width: 450px) {\n    padding-bottom: unset;\n  } */\n`;\n\nconst Header = styled.div`\n  position: relative;\n  background: red;\n  width: 100%;\n  height: fit-content;\n  background: red;\n  box-sizing: border-box;\n`;\n\nconst InnerContainer = styled.div`\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n  min-height: 100%;\n  width: 100%;\n  background: ${colors.bg};\n  /* box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.05); */\n  @media screen and (max-width: 450px) {\n    max-height: 70vh;\n    min-height: 70vh;\n    padding-bottom: unset;\n  }\n  @media screen and (max-height: 480px) and (max-width: 450px) {\n    padding-bottom: 200px;\n  }\n`;\n\nconst Image = styled.div`\n  background-image: ${(props) =>\n    `linear-gradient(179.56deg, rgba(0, 0, 0, 0) 58.09%, rgba(0, 0, 0, 0.5) 98.13%), url(${props.src})`};\n  background-size: cover;\n  background-position: center;\n  background-origin: unset;\n  height: 120px;\n  width: 100%;\n`;\n\nconst HeaderText = styled.div`\n  font-size: 1.8rem;\n  color: ${colors.grey1};\n  margin-bottom: 15px;\n`;\n\nconst BodyText = styled.div`\n  font-weight: 500;\n  font-size: 1.4rem;\n  color: ${colors.grey2};\n`;\n\nconst Body = styled.div`\n  padding: 20px 20px 100px 20px;\n  text-align: center;\n  background: ${colors.white};\n\n  @media screen and (orientation: portrait) {\n    /* padding: unset;\n    max-height: 40vh;\n    min-height: 40vh;\n    overflow: auto; */\n    padding: 20px 20px 250px 20px;\n  }\n`;\n\nconst BusinessPreviewContainer = styled.div`\n  position: absolute;\n  bottom: -25px;\n  left: 15px;\n  width: 100%;\n`;\n\nconst IconContainer = styled.div`\n  background: ${colors.seaGreen};\n  height: 40px;\n  width: 40px;\n  min-width: 40px;\n  border-radius: 10px;\n  margin-right: 15px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n\nconst IconContainerGrey = styled.div`\n  background: ${colors.grey3};\n  height: 40px;\n  width: 40px;\n  min-width: 40px;\n  border-radius: 10px;\n  margin-right: 15px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n\nconst Selection = styled.div`\n  width: fit-content;\n  margin-top: 50px;\n  cursor: pointer;\n  width: 100%;\n`;\n\nconst TextContainer = styled.div`\n  text-align: left;\n  display: flex;\n  width: 60%;\n  flex-direction: column;\n  justify-content: center;\n`;\n\nconst SelectionTitle = styled.div`\n  font-size: 1.4rem;\n  color: ${colors.grey1};\n  font-weight: bold;\n`;\n\nconst SelectionSubtitle = styled.div`\n  margin-top: 5px;\n  font-weight: 600;\n  font-size: 1.4rem;\n  color: ${colors.grey3};\n  word-break: break-word;\n  margin-right: 20px;\n`;\n\nconst BackButton = styled.div`\n  background: rgba(0, 0, 0, 0.8);\n  border-radius: 10px;\n  color: ${colors.white};\n  font-size: 1.4rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 5px 15px;\n  margin: 5px;\n  cursor: pointer;\n`;\n\nconst TopButtonContainer = styled.div`\n  position: absolute;\n  height: fit-content;\n  width: 100%;\n  top: 0px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n`;\n\nconst OuterContainer = styled.div`\n  height: 100%;\n  width: 100%;\n`;\n\nconst ButtonContainer = styled.div`\n  display: flex;\n  justify-content: space-around;\n  width: 100%;\n  flex-direction: row;\n  position: fixed;\n  background-color: ${colors.white};\n  bottom: 0px;\n  height: 75px;\n  /* bottom: 32px; */\n  align-items: center;\n  max-width: 768px;\n\n  @media screen and (max-width: 768px) and (max-height: 480px) {\n    height: 75px;\n    bottom: 0px;\n    align-items: center;\n  }\n  @media screen and (max-width: 1024px) and (max-height: 480px) {\n    height: 75px;\n    bottom: 0px;\n    align-items: center;\n  }\n\n  @media screen and (max-width: 450px) {\n    flex-direction: column;\n    align-items: center;\n    bottom: 0px;\n    background: ${colors.white};\n    height: max-content;\n  }\n  @media screen and (max-height: 480px) and (max-width: 450px) {\n    bottom: 0px;\n    padding-bottom: 20px;\n    height: 8vh;\n  }\n  @media screen and (max-height: 480px) and (max-width: 320px) {\n    height: 75px;\n  } ;\n`;\n\n// looks hacky but is a more browser compatible way of copying text\n// as opposed to navigator.clipboard.writeText()\nfunction copyToClipboard(text) {\n  const dummy = document.createElement(\"textarea\");\n  document.body.appendChild(dummy);\n  dummy.value = text;\n  dummy.select();\n  document.execCommand(\"copy\");\n  document.body.removeChild(dummy);\n}\n\nfunction InviteFriends() {\n  const history = useHistory();\n  const [tooltipRef, setTooltipRef] = useState(null);\n  const { organization } = useContext(OrganizationContext);\n  // TODO: refactor and clean up\n  const { data: coupData, loading: coupLoading } = useQuery(\n    GET_ACTIVE_COUPONS,\n    {\n      variables: {\n        organizationId: organization?._id,\n      },\n    }\n  );\n\n  const { data, loading } = useQuery(GET_REFERENCE, {\n    variables: {\n      organizationId: organization?._id,\n    },\n  });\n\n  if (!organization || loading || coupLoading) {\n    return (\n      <LoaderContainer>\n        <Loader />\n      </LoaderContainer>\n    );\n  }\n  const isIOS =\n    navigator.platform && /iPad|iPhone|iPod/.test(navigator.platform);\n  const inviteLink = data?.getReference?._id\n    ? `${window.location.origin}/user/invite/?ref=${data?.getReference?._id}`\n    : \"\";\n  const c = organization?.configurations;\n  //   const e = expireData?.getCouponExpiration;\n  const first = Price.output(c?.firstTimeRecipientCredit, true);\n  const repeat = Price.output(c?.repeatRecipientCredit, true);\n  const affiliate = Price.output(c?.affiliateCredit, true);\n\n  // issue with & (and potentially others) being a delimiter and truncating text when injecting into native texting apps\n  const presetMessage = `Hi, I had a great experience at ${organization.name} and I think you should check it out too. Redeem this discount for up to $${first} when you make a purchase at ${organization.name}, we'll both get a discount! Click here to activate your discount: ${inviteLink}`;\n\n  return (\n    <OuterContainer>\n      <Container>\n        <Header>\n          <Image src={organization.posterImageUrl} />\n          <TopButtonContainer>\n            <BackButton onClick={() => history.push(\"/organizations\")}>\n              <Icon\n                icon={Icons.LeftArrow}\n                activeColor={colors.white}\n                active\n                size={14}\n                margin=\"0px 10px 0px 0px\"\n              />\n              <div>GO BACK</div>\n            </BackButton>\n            {/* {coupData?.activeCoupons?.length > 0 && (\n              <BackButton>\n                <Icon\n                  icon={Icons.DollarSign}\n                  activeColor={colors.white}\n                  active\n                  size={14}\n                  margin=\"0px 10px 0px 0px\"\n                />\n\n                {\n                  <div\n                    onClick={() =>\n                      history.push(`/discounts/?orgId=${organization._id}`)\n                    }\n                  >\n                    Discounts!\n                  </div>\n                }\n              </BackButton>\n            )} */}\n          </TopButtonContainer>\n          <BusinessPreviewContainer>\n            <BusinessPreview organization={organization} />\n          </BusinessPreviewContainer>\n        </Header>\n        <InnerContainer>\n          {inviteLink && (\n            <Body>\n              <HeaderText>Invite Friends</HeaderText>\n\n              <BodyText>\n                {first === repeat\n                  ? `Send friends $${first} and earn $${affiliate}\n          when they redeem their discounts at ${organization.name}`\n                  : `Send friends $${first} if they haven't been to ${organization.name} or\n          $${repeat} if they have and earn $${affiliate}\n          when they redeem their discount. Discount redemption is limited to one per table.`}\n              </BodyText>\n              <>\n                {\" \"}\n                <a\n                  href={\n                    isIOS\n                      ? `sms:;?&body=${presetMessage}`\n                      : `sms:;?&body=${presetMessage}`\n                  }\n                  style={{ textDecoration: \"none\", width: \"100%\" }}\n                >\n                  <Selection>\n                    <Flex align=\"center\" justify=\"center\" width=\"100%\">\n                      <IconContainer>\n                        <Icon\n                          icon={Icons.CommentSolid}\n                          activeColor={colors.white}\n                          active\n                        />\n                      </IconContainer>\n                      <TextContainer>\n                        <Button\n                          text=\"Invite Friends Now\"\n                          width=\"70%\"\n                          xsWidth=\"100%\"\n                          xsHeight=\"40px\"\n                        />\n                      </TextContainer>\n                    </Flex>\n                  </Selection>\n                </a>\n                <Selection\n                  onClick={() => {\n                    copyToClipboard(inviteLink);\n                    ReactTooltip.show(tooltipRef);\n                    setTimeout(() => {\n                      ReactTooltip.hide(tooltipRef);\n                    }, 3000);\n                  }}\n                >\n                  <Flex\n                    align=\"center\"\n                    justify=\"center\"\n                    ref={setTooltipRef}\n                    data-tip=\"Link copied to clipboard\"\n                    data-event=\"null\"\n                  >\n                    <IconContainer>\n                      <Icon\n                        icon={Icons.LinkSolid}\n                        activeColor={colors.white}\n                        active\n                      />\n                    </IconContainer>\n                    <TextContainer>\n                      <SelectionTitle>Copy your Invite Link</SelectionTitle>\n                      <SelectionSubtitle>{inviteLink}</SelectionSubtitle>\n                    </TextContainer>\n                  </Flex>\n                </Selection>\n                {coupData?.activeCoupons?.length > 0 && (\n                  <Selection onClick={() => history.push(`/discounts/?orgId=${organization?._id}`)}>\n                    <Flex\n                      align=\"center\"\n                      justify=\"center\"\n                      width=\"100%\"\n                    >\n                      <IconContainerGrey>\n                        <Icon\n                          icon={Icons.DollarSign}\n                          activeColor={colors.white}\n                          active\n                        />\n                      </IconContainerGrey>\n                      <TextContainer>\n                        <Button\n                          text=\"View Your Discounts!\"\n                          background={colors.grey3}\n                          width=\"70%\"\n                          xsWidth=\"100%\"\n                          xsHeight=\"40px\"\n                        />\n                      </TextContainer>\n                    </Flex>\n                  </Selection>\n                )}\n              </>\n            </Body>\n          )}\n        </InnerContainer>\n        <ReactTooltip place=\"bottom\" type=\"dark\" effect=\"solid\" />\n        {(c?.websiteUrl || c?.reservationUrl) && (\n          <ButtonContainer>\n            {c?.reservationUrl && (\n              <Button\n                margin=\"15px 0 15px 0\"\n                xsMargin=\"5px\"\n                background={colors.grey3}\n                text=\"MAKE RESERVATION\"\n                type=\"button\"\n                onClick={() =>\n                  window.open(\n                    c.shortReservationUrl || c?.reservationUrl,\n                    \"_blank\"\n                  )\n                }\n                width=\"40%\"\n                xsWidth=\"70%\"\n                xsHeight=\"35px\"\n              />\n            )}\n            {c?.websiteUrl && (\n              <Button\n                background={colors.grey3}\n                margin=\"15px 0 15px 0\"\n                xsMargin=\"5px\"\n                text=\"VISIT WEBSITE\"\n                type=\"button\"\n                width=\"40%\"\n                onClick={() =>\n                  window.open(c.shortWebsiteUrl || c?.websiteUrl, \"_blank\")\n                }\n                xsWidth=\"70%\"\n                xsHeight=\"35px\"\n              />\n            )}\n          </ButtonContainer>\n        )}\n      </Container>\n\n    </OuterContainer>\n  );\n}\n\nexport default InviteFriends;\n","import React, { useContext, useState } from \"react\";\nimport { useMutation } from \"@apollo/react-hooks\";\nimport styled from \"styled-components\";\nimport { useHistory } from \"react-router-dom\";\nimport url from \"url\";\nimport colors from \"../styles/colors\";\nimport Button from \"./Button\";\nimport BusinessPreview from \"./BusinessPreview\";\nimport { PhoneNumberInput } from \"./Input\";\nimport { OrganizationContext } from \"../context/OrganizationContext\";\nimport Loader from \"./Loader\";\nimport {\n\tSEND_PHONE_CODE,\n\tVERIFY_PHONE_CODE,\n\tCREATE_REFERENCE,\n\tCREATE_COUPON,\n} from \"../graphql/queries\";\nimport CodeInputBoxes from \"./CodeInputBoxes\";\nimport Error from \"./Error\";\nimport { getErrorMessage } from \"../util/ErrorUtil\";\nimport CouponParentTypes from \"../util/CouponParentTypes\";\nimport { AppContext } from \"../context/AppContext\";\nimport { originalSources } from \"../util/contactConstants\";\n\nconst LoaderContainer = styled.div`\n\tmin-height: 100%;\n\twidth: 100%;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n`;\n\nconst Container = styled.div`\n\toverflow-y: scroll;\n\toverflow-x: hidden;\n\t-ms-overflow-style: none;\n\tscrollbar-width: none;\n\tmin-height: 80vh;\n\twidth: 100%;\n\tpadding-bottom: 100px;\n\tdisplay: flex;\n\tflex-direction: column;\n\tbackground: ${colors.bg};\n\tposition: relative;\n`;\n\nconst Header = styled.div`\n\tposition: relative;\n\tbackground: red;\n\twidth: 100%;\n\theight: fit-content;\n\tbackground: red;\n\tbox-sizing: border-box;\n`;\n\nconst Image = styled.div`\n\tbackground-image: ${(props) =>\n\t\t`linear-gradient(179.56deg, rgba(0, 0, 0, 0) 58.09%, rgba(0, 0, 0, 0.5) 98.13%), url(${props.src})`};\n\tbackground-size: cover;\n\tbackground-position: center;\n\tbackground-origin: unset;\n\theight: 120px;\n\twidth: 100%;\n`;\n\nconst HeaderText = styled.div`\n\tfont-size: 1.8rem;\n\tfont-weight: bold;\n\tcolor: ${colors.grey1};\n\tmargin-bottom: 5px;\n`;\n\nconst BodyText = styled.div`\n\tfont-weight: 500;\n\tfont-size: 1.4rem;\n\tcolor: ${colors.grey2};\n\tmargin-bottom: 15px;\n`;\n\nconst CodeText = styled.div`\n\tfont-weight: 500;\n\tfont-size: 1.4rem;\n\tcolor: ${colors.grey2};\n\tmargin: 15px 0px;\n`;\n\nconst Body = styled.div`\n\tflex: 1;\n\tmargin: 40px 15px;\n`;\n\nconst BusinessPreviewContainer = styled.div`\n\tposition: absolute;\n\tbottom: -25px;\n\tleft: 15px;\n\twidth: 100%;\n`;\n\nconst OuterContainer = styled.form`\n\theight: 100vh;\n\twidth: 100%;\n`;\n\nconst ButtonContainer = styled.div`\n\tdisplay: flex;\n\tjustify-content: space-around;\n\twidth: 100%;\n\tflex-direction: row;\n\tposition: absolute;\n\tbackground-color: ${colors.white};\n\tbottom: 0px;\n\tmin-height: 75px;\n\tbottom: 32px;\n\talign-items: center;\n\tmax-width: 768px;\n\n\t@media screen and (max-width: 768px) {\n\t\tmin-height: 70px;\n\t\tbottom: 0px;\n\t\talign-items: center;\n\t}\n\t@media screen and (max-width: 1024px) {\n\t\tmin-height: 100px;\n\t\tbottom: 0px;\n\t\talign-items: center;\n\t}\n\n\t@media screen and (max-width: 450px) {\n\t\tflex-direction: column;\n\t\talign-items: center;\n\t\tbottom: 0px;\n\t\tbackground: ${colors.white};\n\t\theight: max-content;\n\t} ;\n`;\n\nfunction AcceptCoupon() {\n\tconst history = useHistory();\n\tconst { organization } = useContext(OrganizationContext);\n\tconst { setApp } = useContext(AppContext);\n\tconst [phoneNumber, setPhoneNumber] = useState(\"\");\n\tconst [error, setError] = useState(\"\");\n\tconst [codeInputIsVisible, setCodeInputIsVisible] = useState(false);\n\tconst [sendPhoneCode, { loading }] = useMutation(SEND_PHONE_CODE, {\n\t\tvariables: {\n\t\t\torganizationId: organization._id,\n\t\t\tphoneNumber,\n\t\t\toriginalSource: originalSources.REF,\n\t\t},\n\t\tonCompleted(data) {\n\t\t\tsetCodeInputIsVisible(true);\n\t\t},\n\t\tonError(error) {\n\t\t\tsetError(getErrorMessage(error));\n\t\t\tconsole.log(error);\n\t\t},\n\t});\n\tconst [createReference, { loading: refLoading }] = useMutation(\n\t\tCREATE_REFERENCE,\n\t\t{\n\t\t\tasync onCompleted(data) {\n\t\t\t\thistory.push(`/inviteFriends/?orgId=${organization._id}`);\n\t\t\t},\n\t\t\tonError(error) {\n\t\t\t\tsetError(getErrorMessage(error));\n\t\t\t\tconsole.log(error);\n\t\t\t},\n\t\t},\n\t);\n\tconst [createCoupon, { loading: couponLoading }] = useMutation(\n\t\tCREATE_COUPON,\n\t\t{\n\t\t\tasync onCompleted(data) {\n\t\t\t\tawait createReference({\n\t\t\t\t\tvariables: {\n\t\t\t\t\t\torganizationId: organization._id,\n\t\t\t\t\t},\n\t\t\t\t});\n\t\t\t},\n\t\t\tonError(error) {\n\t\t\t\tsetApp({ error: getErrorMessage(error) });\n\t\t\t\thistory.push(`/inviteError/?orgId=${organization._id}`);\n\t\t\t\tconsole.log(error);\n\t\t\t},\n\t\t},\n\t);\n\tconst [verifyPhoneCode, { loading: verifyLoading }] = useMutation(\n\t\tVERIFY_PHONE_CODE,\n\t\t{\n\t\t\tasync onCompleted(data) {\n\t\t\t\tif (data.verifyPhoneCode.token) {\n\t\t\t\t\tlocalStorage.setItem(\n\t\t\t\t\t\t\"CHECK_THIS_OUT_AUTH_TOKEN\",\n\t\t\t\t\t\tdata.verifyPhoneCode.token,\n\t\t\t\t\t);\n\t\t\t\t\t\n\t\t\t\t\tconst {\n\t\t\t\t\t\tquery: { ref },\n\t\t\t\t\t} = url.parse(window.location.toString(), true);\n\t\t\t\t\tawait createCoupon({\n\t\t\t\t\t\tvariables: {\n\t\t\t\t\t\t\treferenceId: ref,\n\t\t\t\t\t\t\tcouponParentType: CouponParentTypes.Referred,\n\t\t\t\t\t\t},\n\t\t\t\t\t});\n\t\t\t\t} else {\n\t\t\t\t\tsetError(\"There was an error. Please contact support.\");\n\t\t\t\t}\n\t\t\t},\n\t\t\tonError(error) {\n\t\t\t\tsetError(getErrorMessage(error));\n\t\t\t\tconsole.log(error);\n\t\t\t},\n\t\t},\n\t);\n\n\t// not 100% sure why organization return null on 1st render\n\tif (!organization || refLoading || verifyLoading || couponLoading) {\n\t\treturn (\n\t\t\t<LoaderContainer>\n\t\t\t\t<Loader />\n\t\t\t</LoaderContainer>\n\t\t);\n\t}\n\n\treturn (\n\t\t<OuterContainer \tonSubmit={(e) => {\n      e.preventDefault();\n      sendPhoneCode();\n    }}>\n\t\t\t<Container>\n\t\t\t\t<Header>\n\t\t\t\t\t<Image src={organization.posterImageUrl} />\n\t\t\t\t\t<BusinessPreviewContainer>\n\t\t\t\t\t\t<BusinessPreview organization={organization} />\n\t\t\t\t\t</BusinessPreviewContainer>\n\t\t\t\t</Header>\n\t\t\t\t<Body>\n\t\t\t\t\t<HeaderText>Please enter your phone number</HeaderText>\n\t\t\t\t\t<BodyText>We need it to verify who you are</BodyText>\n\t\t\t\t\t<PhoneNumberInput\n\t\t\t\t\t\ttype=\"tel\"\n\t\t\t\t\t\tplaceholder=\"Enter your phone number\"\n\t\t\t\t\t\tvalue={phoneNumber}\n\t\t\t\t\t\tonChange={(e) => {\n\t\t\t\t\t\t\tsetPhoneNumber(e.target.value);\n\t\t\t\t\t\t\tif (codeInputIsVisible) {\n\t\t\t\t\t\t\t\tsetCodeInputIsVisible(false);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}}\n\t\t\t\t\t\twidth=\"calc(100% - 30px)\"\n\t\t\t\t\t\trequired\n\t\t\t\t\t/>\n\t\t\t\t\t{codeInputIsVisible && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<CodeText>\n\t\t\t\t\t\t\t\tWe just sent a 4-digit code to your mobile phone, please\n\t\t\t\t\t\t\t\tenter it below.\n\t\t\t\t\t\t\t</CodeText>\n\t\t\t\t\t\t\t<CodeInputBoxes\n\t\t\t\t\t\t\t\tonComplete={(phoneCode) => {\n\t\t\t\t\t\t\t\t\tverifyPhoneCode({\n\t\t\t\t\t\t\t\t\t\tvariables: {\n\t\t\t\t\t\t\t\t\t\t\tphoneNumber,\n\t\t\t\t\t\t\t\t\t\t\tphoneCode,\n\t\t\t\t\t\t\t\t\t\t\torganizationId: organization._id,\n\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</>\n\t\t\t\t\t)}\n\t\t\t\t\t{error && (\n\t\t\t\t\t\t<Error error={error} margin=\"20px 0px 0px 0px\">\n\t\t\t\t\t\t\t{error}\n\t\t\t\t\t\t</Error>\n\t\t\t\t\t)}\n\t\t\t\t</Body>\n\t\t\t</Container>\n\t\t\t{!codeInputIsVisible && (\n\t\t\t\t<ButtonContainer>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tmargin=\"15px\"\n\t\t\t\t\t\ttext=\"CONFIRM PHONE NUMBER\"\n\t\t\t\t\t\twidth=\"calc(100% - 30px)\"\n\t\t\t\t\t\tloading={loading}\n\t\t\t\t\t/>\n\t\t\t\t</ButtonContainer>\n\t\t\t)}\n\t\t</OuterContainer>\n\t);\n}\n\nexport default AcceptCoupon;\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { useQuery } from \"@apollo/react-hooks\";\nimport colors from \"../styles/colors\";\nimport { GET_ACTIVE_COUPONS } from \"../graphql/queries\";\nimport Loader from \"./Loader\";\nimport * as Price from \"../util/Price\";\n\nconst Logo = styled.div`\n\theight: 50px;\n\twidth: 50px;\n\tborder-radius: 50%;\n\tmargin-right: 15px;\n\tborder: 1px solid ${colors.grey5};\n\tbackground-color: white;\n\tbox-shadow: 0px 4px 16px rgba(0, 0, 0, 0.05);\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\toverflow: hidden;\n`;\n\nconst ImageContainer = styled.img`\n\twidth: 100%;\n\theight: auto;\n`;\n\nconst Container = styled.div`\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\twidth: fit-content;\n\tposition: relative;\n`;\n\nconst InfoContainer = styled.div``;\n\nconst Name = styled.div`\n\tcolor: ${colors.white};\n\tfont-weight: 600;\n\tfont-size: 1.8rem;\n`;\n\nconst Address = styled.div`\n\tcolor: ${colors.grey6};\n\tfont-weight: 500;\n\tfont-size: 1.4rem;\n`;\n\nconst LoaderContainer = styled.div`\n\twidth: 100%;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\talign-self: center;\n\tposition: absolute;\n\tleft: 50%;\n\ttransform: translate(-50%, -50%);\n`;\n\nexport default function BalancePreview({ organization }) {\n\tconst { data, loading } = useQuery(GET_ACTIVE_COUPONS, {\n\t\tvariables: {\n\t\t\torganizationId: organization._id,\n\t\t},\n\t});\n\tif (!organization) {\n\t\treturn null;\n\t}\n\n\tif (loading) {\n\t\treturn (\n\t\t\t<LoaderContainer>\n\t\t\t\t<Loader />\n\t\t\t</LoaderContainer>\n\t\t);\n\t}\n\n\treturn (\n\t\t<Container>\n\t\t\t<Logo>\n\t\t\t\t<ImageContainer src={organization.logoUrl} />\n\t\t\t</Logo>\n\t\t\t<InfoContainer>\n\t\t\t\t<Name>{organization.name}</Name>\n\t\t\t\t<Address>\n\t\t\t\t\t{`$${Price.output(\n\t\t\t\t\t\tdata.activeCoupons.reduce(\n\t\t\t\t\t\t\t(acc, item) => (acc += item.amount),\n\t\t\t\t\t\t\t0,\n\t\t\t\t\t\t),\n\t\t\t\t\t\ttrue,\n\t\t\t\t\t)}`}\n\t\t\t\t</Address>\n\t\t\t</InfoContainer>\n\t\t</Container>\n\t);\n}\n","import React from 'react';\nimport styled from 'styled-components';\nimport { useQuery } from '@apollo/react-hooks';\nimport { useHistory } from 'react-router-dom';\nimport colors from '../styles/colors';\nimport Loader from './Loader';\nimport { GET_ORGANIZATION_LIST } from '../graphql/queries';\nimport BalancePreview from './BalancePreview';\nimport Logo from '../assets/images/cto-full-logo.png';\n\nconst LoaderContainer = styled.div`\n  min-height: 100vh;\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n\nconst Container = styled.form`\n  overflow-y: scroll;\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n  min-height: 100%;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n`;\n\nconst OrgBox = styled.div`\n  width: 100%;\n  height: 100px;\n  background-image: ${(props) => `linear-gradient(180deg, rgba(0, 0, 0, 0) -400%, rgba(0, 0, 0, 0.5) 98.13%), url(${props.src})`};\n  background-size: cover;\n  background-position: center;\n  background-origin: unset;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n`;\n\nconst HeaderText = styled.div`\n  font-size: 1.4rem;\n  color: ${colors.grey1};\n  font-weight: 500;\n  margin: 15px 0px;\n`;\n\nconst InfoContainer = styled.div`\n  margin-left: 15px;\n`;\n\nconst LogoContainer = styled.div`\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 30px 0px;\n  background: ${colors.grey6};\n`;\n\nconst LogoImg = styled.img`\n  width: 120px;\n`;\n\nexport default function OrganizationList() {\n  const history = useHistory();\n  const { data, loading } = useQuery(GET_ORGANIZATION_LIST);\n\n  if (loading) {\n    return (\n      <LoaderContainer>\n        <Loader />\n      </LoaderContainer>\n    );\n  }\n\n  return (\n    <Container>\n      <LogoContainer>\n        <LogoImg src={Logo} />\n      </LogoContainer>\n      <HeaderText>\n        Your Discounts\n      </HeaderText>\n      {(() => {\n        if (data?.getOrganizationList.length > 0) {\n          return data.getOrganizationList.map((org, index) => {\n            return (\n              <OrgBox\n                key={index}\n                onClick={() => history.push(`/inviteFriends/?orgId=${org._id}`)}\n                src={org.posterImageUrl}\n              >\n                <InfoContainer>\n                  <BalancePreview organization={org} />\n                </InfoContainer>\n              </OrgBox>\n            );\n          });\n        }\n        return (\n          <HeaderText>\n            You are not part of any organizations\n          </HeaderText>\n        );\n      })()}\n    </Container>\n  );\n}\n","import React, { useContext } from 'react';\nimport styled from 'styled-components';\nimport colors from '../styles/colors';\nimport BusinessPreview from './BusinessPreview';\nimport { OrganizationContext } from '../context/OrganizationContext';\nimport Loader from './Loader';\n\nconst LoaderContainer = styled.div`\n  min-height: 100%;\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n\nconst Container = styled.form`\n  overflow-y: scroll;\n  overflow-x: hidden;\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n  min-height: 100%;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  background: ${colors.bg};\n`;\n\nconst Header = styled.div`\n  position: relative;\n  background: red;\n  width: 100%;\n  height: fit-content;\n  background: red;\n  box-sizing: border-box;\n`;\n\nconst Image = styled.div`\n  background-image: ${(props) => `linear-gradient(179.56deg, rgba(0, 0, 0, 0) 58.09%, rgba(0, 0, 0, 0.5) 98.13%), url(${props.src})`};\n  background-size: cover;\n  background-position: center;\n  background-origin: unset;\n  height: 120px;\n  width: 100%;\n`;\n\nconst HeaderText = styled.div`\n  font-size: 1.8rem;\n  font-weight: bold;\n  color: ${colors.grey1};\n  margin-bottom: 5px;\n  line-height: 140%;\n`;\n\nconst BodyText = styled.div`\n  font-weight: 500;\n  font-size: 1.4rem;\n  color: ${colors.grey2};\n  margin-bottom: 15px;\n  line-height: 140%;\n`;\n\nconst Body = styled.div`\n  flex: 1;\n  margin: 40px 15px;\n`;\n\nconst BusinessPreviewContainer = styled.div`\n  position: absolute;\n  bottom: -25px;\n  left: 15px;\n  width: 100%;\n`;\n\nconst OuterContainer = styled.div`\n  height: 100%;\n  width: 100%;\n`;\n\nexport default function Unsubscribed() {\n  const { organization } = useContext(OrganizationContext);\n\n  // not 100% sure why organization return null on 1st render\n  if (!organization) {\n    return (\n      <LoaderContainer>\n        <Loader />\n      </LoaderContainer>\n    );\n  }\n\n  return (\n    <OuterContainer>\n      <Container>\n        <Header>\n          <Image src={organization.posterImageUrl} />\n          <BusinessPreviewContainer>\n            <BusinessPreview organization={organization} />\n          </BusinessPreviewContainer>\n        </Header>\n        <Body>\n          <HeaderText>\n            {`${organization.name} is no longer using this service`}\n          </HeaderText>\n          <BodyText>\n            We apologize for any inconvenience this may cause\n          </BodyText>\n        </Body>\n      </Container>\n    </OuterContainer>\n  );\n}\n","import React, { useContext } from 'react';\nimport styled from 'styled-components';\nimport { useHistory } from 'react-router-dom';\nimport colors from '../styles/colors';\nimport Button from './Button';\nimport BusinessPreview from './BusinessPreview';\nimport { OrganizationContext } from '../context/OrganizationContext';\nimport { AppContext } from '../context/AppContext';\nimport Loader from './Loader';\n\nconst LoaderContainer = styled.div`\n  min-height: 100%;\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n\nconst Container = styled.div`\n  overflow-y: scroll;\n  overflow-x: hidden;\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n  min-height: 100%;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  background: ${colors.bg};\n`;\n\nconst Header = styled.div`\n  position: relative;\n  background: red;\n  width: 100%;\n  height: fit-content;\n  background: red;\n  box-sizing: border-box;\n`;\n\nconst Image = styled.div`\n  background-image: ${(props) => `linear-gradient(179.56deg, rgba(0, 0, 0, 0) 58.09%, rgba(0, 0, 0, 0.5) 98.13%), url(${props.src})`};\n  background-size: cover;\n  background-position: center;\n  background-origin: unset;\n  height: 120px;\n  width: 100%;\n`;\n\nconst HeaderText = styled.div`\n  font-size: 2.4rem;\n  font-weight: bold;\n  color: ${colors.grey1};\n  line-height: 140%;\n  margin-bottom: 15px;\n`;\n\nconst BodyText = styled.div`\n  font-weight: 500;\n  font-size: 1.8rem;\n  line-height: 140%;\n  color: ${colors.grey2};\n`;\n\nconst Body = styled.div`\n  flex: 1;\n  margin: 40px 15px;\n`;\n\nconst BusinessPreviewContainer = styled.div`\n  position: absolute;\n  bottom: -25px;\n  left: 15px;\n  width: 100%;\n`;\n\nconst OuterContainer = styled.div`\n  height: 100%;\n  width: 100%;\n`;\n\nfunction InviteError() {\n  const history = useHistory();\n  const { organization } = useContext(OrganizationContext);\n  const { app } = useContext(AppContext);\n\n  // not 100% sure why organization returns null on 1st render\n  if (!organization) {\n    return (\n      <LoaderContainer>\n        <Loader />\n      </LoaderContainer>\n    );\n  }\n\n  return (\n    <OuterContainer>\n      <Container>\n        <Header>\n          <Image src={organization.posterImageUrl} />\n          <BusinessPreviewContainer>\n            <BusinessPreview organization={organization} />\n          </BusinessPreviewContainer>\n        </Header>\n        <Body>\n          <HeaderText>\n            There was an error\n          </HeaderText>\n          <BodyText>\n            {app?.error || 'Please try again or contact support'}\n          </BodyText>\n        </Body>\n        <Button\n          margin=\"15px\"\n          text=\"Go back to organization list\"\n          width=\"calc(100% - 30px)\"\n          onClick={() => history.push('/organizations')}\n        />\n      </Container>\n    </OuterContainer>\n  );\n}\n\nexport default InviteError;\n","import { useEffect, useState } from 'react';\nimport { css } from 'styled-components';\n\nconst mediaQuery = (queryTemplate, ...queryRest) => (rulesTemplate, ...rulesRest) => css`\n  @media ${css(queryTemplate, ...queryRest)} {\n    ${css(rulesTemplate, ...rulesRest)}\n  }\n`;\n\nconst sizes = {\n  tablet: 768,\n  desktop: 992,\n  giant: 1170,\n};\n\nexport const mobileQueryString = `(max-width: ${(sizes.desktop - 1) / 16}em)`;\n\nexport const media = {\n  handheld: mediaQuery`(max-width: ${(sizes.tablet - 1) / 16}em)`,\n  tablet: mediaQuery`(min-width: ${sizes.tablet / 16}em)`,\n  tabletOnly: mediaQuery`(min-width: ${sizes.tablet / 16}em) and (max-width: ${(sizes.desktop - 1) / 16}em)`,\n  mobile: mediaQuery`${mobileQueryString}`,\n  desktop: mediaQuery`(min-width: ${sizes.desktop / 16}em)`,\n  giant: mediaQuery`(min-width: ${sizes.giant / 16}em)`,\n  minWidth: (pxValue) => mediaQuery`(min-width: ${pxValue / 16}em)`,\n  print: mediaQuery`print`,\n};\n\nexport const useMedia = (query) => {\n  const matchQuery = window && window.matchMedia(query);\n  const [isMatch, setIsMatch] = useState(matchQuery.matches);\n\n  useEffect(() => {\n    const handler = () => setIsMatch(matchQuery.matches);\n    matchQuery.addListener(handler);\n    return () => matchQuery.removeListener(handler);\n  }, [query, matchQuery]);\n\n  return isMatch;\n};\n\n// updated for 2 breakpoints\n// export const useMobileMedia = () => useMedia(`(max-width: ${(sizes.tablet - 1) / 16}em)`);\n\nexport const useTabletMedia = () => useMedia(`(max-width: ${(sizes.desktop - 1) / 16}em)`);\nexport const useMobileMedia = () => useMedia(`(max-width: ${(sizes.tablet - 1) / 16}em)`);\nexport const useDesktopMedia = () => useMedia(`(min-width: ${sizes.desktop / 16}em)`);\n","import React, { useContext } from \"react\";\nimport styled from \"styled-components\";\nimport colors from \"../styles/colors\";\nimport BusinessPreview from \"./BusinessPreview\";\nimport { OrganizationContext } from \"../context/OrganizationContext\";\nimport Loader from \"./Loader\";\nimport {useMobileMedia} from '../util/MediaQuery'\n\nconst LoaderContainer = styled.div`\n  min-height: 100%;\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n\nconst Container = styled.div`\n  overflow-y: scroll;\n  overflow-x: hidden;\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n  min-height: 90vh;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  position: relative;\n  background: ${colors.bg};\n  @media screen and (max-width: 768px) {\n    min-height: 100vh;\n  }\n`;\n\nconst Header = styled.div`\n  position: relative;\n  background: red;\n  width: 100%;\n  height: fit-content;\n  background: red;\n  box-sizing: border-box;\n`;\n\nconst Image = styled.div`\n  background-image: ${(props) =>\n    `linear-gradient(179.56deg, rgba(0, 0, 0, 0) 58.09%, rgba(0, 0, 0, 0.5) 98.13%), url(${props.src})`};\n  background-size: cover;\n  background-position: center;\n  background-origin: unset;\n  height: 120px;\n  width: 100%;\n`;\n\nconst HeaderText = styled.div`\n  font-size: 2.4rem;\n  font-weight: bold;\n  color: ${colors.grey1};\n  line-height: 140%;\n  margin-bottom: 15px;\n  text-align: center;\n`;\n\nconst BodyText = styled.div`\n  font-weight: 500;\n  font-size: 1.8rem;\n  line-height: 140%;\n  color: ${colors.grey2};\n  text-align: center;\n\n`;\n\nconst Body = styled.div`\n  flex: 1;\n  margin: 40px 15px;\n`;\n\nconst BusinessPreviewContainer = styled.div`\n  position: absolute;\n  bottom: -25px;\n  left: 15px;\n  width: 100%;\n`;\n\nconst OuterContainer = styled.div`\n  height: 100%;\n  width: 100%;\n`;\n\nconst TOS = styled.div`\n  color: ${colors.grey3};\n  margin: 25px 15px 10px 15px;\n  text-align: center;\n`;\n\nconst TOSLink = styled.a`\n  color: ${colors.seaGreen};\n`;\n\nconst JoinButton = styled.a`\n      -webkit-appearance: none;\n    cursor: pointer;\n    border-radius: 5px;\n    background: #27BBAD;\n    width: calc(100%-30px) !important;\n    padding: 5px 15px;\n    margin: 0px 15px 0px 15px;\n    display: flex;\n    justify-content: center;\n    justify-content: #FFFFFE;\n    align-items: center;\n    width: 60%;\n    font-size: 1.4rem;\n    -webkit-transition: all 0.3s;\n    transition: all 0.3s;\n    height: 40px;\n    align-self: center;\n    color: white;\n    font-weight: 600;\n    -webkit-text-decoration: none;\n    text-decoration: none;\n`;\n\nconst ButtonContainer = styled.div`\n\tdisplay: flex;\n\tjustify-content: space-around;\n\twidth: 100%;\n\tflex-direction: row;\n\tposition: absolute;\n\tbackground-color: ${colors.white};\n\tbottom: 0px;\n\tmin-height: 7px;\n\tbottom: 32px;\n\talign-items: center;\n\tmax-width: 768px;\n\n\t@media screen and (max-width: 768px) {\n\t\tmin-height: 70px;\n\t\tbottom: 0px;\n\t\talign-items: center;\n\t}\n\t@media screen and (max-width: 1024px) {\n\t\tmin-height: 70px;\n\t\tbottom: 0px;\n\t\talign-items: center;\n\t}\n\n\t@media screen and (max-width: 450px) {\n\t\tflex-direction: column;\n\t\talign-items: center;\n\t\tbottom: 0px;\n\t\tbackground: ${colors.white};\n\t\theight: max-content;\n\t} ;\n`;\n\n/**\n * This function handles invites from both an organization\n * and a referrer\n */\n\nconst JOIN_REFERRAL_KEYWORD = 'SIGNUP';\n\nfunction JoinReferral() {\n  const { organization } = useContext(OrganizationContext);\n\n  const isMobile = useMobileMedia()\n\n  // not 100% sure why organization returns null on 1st render\n  if (!organization) {\n    return (\n      <LoaderContainer>\n        <Loader />\n      </LoaderContainer>\n    );\n  }\n  return (\n    <OuterContainer>\n      <Container>\n        <Header>\n          <Image src={organization.posterImageUrl} />\n          <BusinessPreviewContainer>\n            <BusinessPreview organization={organization} />\n          </BusinessPreviewContainer>\n        </Header>\n        <Body>\n          <HeaderText>\n            Join Referral Program\n          </HeaderText>\n          <BodyText>\n            {isMobile ?\"Tap the button below to join our referral program and then tap on send message button from you SMS application.\":`To join our referral program send \"${JOIN_REFERRAL_KEYWORD}\" from your mobile to ${organization.phoneNumber}`}\n          </BodyText>\n        </Body>\n        <TOS>\n          By using Check This Out, you agree to the &nbsp;\n          <TOSLink\n            href=\"https://intercom.help/check-this-out/en/articles/4339634-check-this-out-terms-of-use-and-privacy-policy\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n          >\n            Terms of Use and Privacy Policy\n          </TOSLink>\n        </TOS>\n\n       \n      </Container>\n      {isMobile&&\n       <ButtonContainer> \n       <JoinButton\n          margin=\"0px 15px 15px 15px\"\n          text=\"Join\"\n          width=\"calc(100% - 30px)\"\n          href={`sms:${organization?.phoneNumber}?&body=${JOIN_REFERRAL_KEYWORD}`}\n        >\n          Click here to text us!\n        </JoinButton>\n        </ButtonContainer>\n        }\n    </OuterContainer>\n  );\n}\n\nexport default JoinReferral;\n","import React, { useState, /* useEffect */ } from \"react\";\nimport styled from \"styled-components\";\nimport colors from \"../styles/colors\";\nimport * as Price from \"../util/Price\";\nimport moment from \"moment\";\n\nconst TableContainer = styled.div`\n  display: flex;\n  width: 100%;\n  flex-direction: column;\n  overflow: auto;\n  &::-webkit-scrollbar {\n    width: 7px;\n    height: 10px;\n  }\n  &::-webkit-scrollbar-track {\n    box-shadow: inset 0 0 5px grey;\n    border-radius: 10px;\n  }\n  &::-webkit-scrollbar-thumb {\n    background: grey;\n    border-radius: 10px;\n  }\n`;\n\nconst Wrapper = styled.div`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  flex-direction: column;\n  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.2);\n\n  @media screen and (max-width: 450px) {\n    padding: 10px;\n  }\n`;\nconst Heading = styled.div`\n  display: flex;\n  justify-content: ${(props) => props.justify || \"space-between\"};\n  align-items: ${(props) => props.a || \"center\"};\n  width: 100%;\n  font-size: 1.8rem;\n  border-right: 1px solid ${colors.grey5};\n  @media screen and (max-width: 450px) {\n    flex-direction: column;\n    justify-content: flex-start;\n  }\n`;\n\n/* const TableItem = styled.div`\n  display: flex;\n  font-size: 1.2rem;\n  padding: 15px 20px;\n  align-items: center;\n  justify-content: space-between;\n  border-top: 1px solid ${colors.grey6};\n  width: 100%;\n  box-sizing: border-box;\n  cursor: ${(props) => (props.onClick ? \"pointer\" : null)};\n  transition: all 0.2s;\n\n  &:hover {\n    background: ${(props) =>\n      props.onClick ? \"rgba(211, 211, 211, 0.1)\" : null};\n  }\n`; */\n\nconst Row = styled.div`\n  display: grid;\n  grid-template-columns: 0.25fr 1fr 1fr;\n  grid-template-rows: repeat(auto-fit, auto);\n  background: ${(props) => props.background || colors.white};\n  justify-content: center;\n  position: relative;\n  align-items: center;\n  position: ${(props) => (props.sticky === \"1\" ? \"sticky\" : null)};\n  top: ${(props) => (props.sticky === \"1\" ? \"0\" : null)};\n  z-index: ${(props) => (props.sticky === \"1\" ? \"5\" : null)};\n\n  @media (max-width: 450px) {\n    grid-template-columns: 0.5fr 1fr 1fr;\n  }\n`;\n\nconst HeadText = styled.div`\n  color: ${colors.grey1};\n  font-size: 1.4rem;\n  font-weight: 500;\n  @media screen and (max-width: 450px) {\n    font-size: 1.2rem;\n  }\n`;\n\nconst HeadingText = styled.div`\n  display: flex;\n  align-items: ${(props) => props.align || \"center\"};\n  color: ${colors.grey3};\n  font-size: 1.4rem;\n  font-weight: 600;\n  height: 40px;\n  padding: 10px;\n  justify-content: ${(props) => props.justify || \"center\"};\n  width: 100%;\n  @media screen and (max-width: 991px) {\n    height: 30px;\n  }\n  @media screen and (max-width: 450px) {\n    height: 30px;\n    align-items: center;\n    font-size: 1.2rem;\n  }\n`;\n\nconst Column = styled.div`\n  display: flex;\n  width: 100%;\n  flex-direction: row;\n  height: 40px;\n  align-items: ${(props) => props.align || \"center\"};\n  justify-content: ${(props) => props.justify || \"center\"};\n  border: 1px solid ${colors.grey5};\n`;\n\nconst HeaderText = styled.div`\n  font-size: 1.4rem;\n  color: ${colors.grey3};\n  @media screen and (max-width: 450px) {\n    font-size: 1.2rem;\n  }\n`;\n\n\nexport default function CouponList({ activeCoupons }) {\n//   const [coupons, setCoupons] = useState(activeCoupons || []);\n  const [coupons] = useState(activeCoupons || []);\n\n /*  useEffect(() => {\n    setCoupons(activeCoupons);\n  }, []); */\n\n  return (\n    <Wrapper>\n      <Heading justify=\"center\">\n        <HeadingText>\n          Available Discount:{\" \"}\n          {`$${Price.output(\n            coupons.reduce((total, item) => total + parseInt(item.amount), 0),\n            true\n          )}`}\n        </HeadingText>\n      </Heading>\n      <TableContainer>\n        <Row background={colors.grey6} sticky=\"1\">\n          <Column justify=\"space-around\">\n            <HeaderText>#</HeaderText>\n          </Column>\n          <Column>\n            <HeaderText>AMOUNT</HeaderText>\n          </Column>\n          <Column>\n            <HeaderText>EXPIRATION DATE</HeaderText>\n          </Column>\n        </Row>\n\n        {coupons.map((coupon, index) => {\n          const expirationTime =\n            coupon.redemptionExpiration === \"Infinity\"\n              ? \"Does Not Expire\"\n              : moment(coupon.redemptionExpiration * 1000).format(\"MM-DD-YYYY\");\n          return (\n            <Row key={index}>\n              <Column justify=\"space-around\">\n                <HeaderText>{index + 1}</HeaderText>\n              </Column>\n              <Column>\n                <HeadText>{`$${Price.output(coupon.amount, true)}`}</HeadText>\n              </Column>\n              <Column>\n                <HeadText>{expirationTime}</HeadText>\n              </Column>\n            </Row>\n          );\n        })}\n      </TableContainer>\n    </Wrapper>\n  );\n}\n","import React, { useContext } from \"react\";\nimport styled from \"styled-components\";\nimport { useHistory } from \"react-router-dom\";\nimport { useQuery } from \"@apollo/react-hooks\";\nimport ReactTooltip from \"react-tooltip\";\nimport colors from \"../styles/colors\";\nimport BusinessPreview from \"./BusinessPreview\";\nimport { OrganizationContext } from \"../context/OrganizationContext\";\nimport Loader from \"./Loader\";\nimport Icon from \"./Icon\";\nimport { IconEnum as Icons } from \"./Icons\";\nimport { GET_ACTIVE_COUPONS } from \"../graphql/queries\";\nimport CouponList from \"./CouponsList\";\n\nconst LoaderContainer = styled.div`\n\tmin-height: 100%;\n\twidth: 100%;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n`;\n\nconst Container = styled.div`\n\toverflow-y: auto;\n\toverflow-x: hidden;\n\t-ms-overflow-style: none;\n\tscrollbar-width: none;\n\tmin-height: 100%;\n\twidth: 100%;\n\tbackground: ${colors.bg};\n\tbox-shadow: 0px 4px 16px rgba(0, 0, 0, 0.05);\n\t/* min-height: 75vw; */\n`;\n\nconst Header = styled.div`\n\tposition: relative;\n\tbackground: red;\n\twidth: 100%;\n\theight: fit-content;\n\tbackground: red;\n\tbox-sizing: border-box;\n`;\n\nconst InnerContainer = styled.div`s\n  overflow-y: auto;\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n  min-height: 100%;\n  width: 100%;\n  background: ${colors.bg};\n  /* box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.05); */\n  max-height: 73vh;\n  min-height: 73vh;\n  @media screen and (max-width: 768px) {\n    max-height: 70vh;\n    min-height: 70vh;\n  }\n`;\n\nconst Image = styled.div`\n\tbackground-image: ${(props) =>\n\t\t`linear-gradient(179.56deg, rgba(0, 0, 0, 0) 58.09%, rgba(0, 0, 0, 0.5) 98.13%), url(${props.src})`};\n\tbackground-size: cover;\n\tbackground-position: center;\n\tbackground-origin: unset;\n\theight: 120px;\n\twidth: 100%;\n`;\n\nconst HeaderText = styled.div`\n\ttext-align: center;\n\tfont-size: ${(props) => props.fontSize || \"1.8rem\"};\n\tcolor: ${colors.grey1};\n\tmargin: ${(props) => props.margin || \"30px 0 0 15px\"};\n`;\n\nconst BodyText = styled.div`\n\tfont-weight: 500;\n\tfont-size: 1.4rem;\n\tcolor: ${colors.grey2};\n`;\n\nconst BusinessPreviewContainer = styled.div`\n\tposition: absolute;\n\tbottom: -25px;\n\tleft: 15px;\n\twidth: 100%;\n`;\n\nconst BalanceContainer = styled.div`\n\tpadding: 10px 20px;\n\ttext-align: center;\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\tjustify-content: flex-start;\n\tbackground: ${colors.white};\n\tmargin-bottom: 20px;\n\tbox-shadow: 0px 4px 16px rgba(0, 0, 0, 0.05);\n\toverflow-y: auto;\n\tmax-height: 72vh;\n`;\n\nconst BackButton = styled.div`\n\tbackground: rgba(0, 0, 0, 0.8);\n\tborder-radius: 10px;\n\tcolor: ${colors.white};\n\tfont-size: 1.4rem;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tpadding: 5px 15px;\n\tmargin: 5px;\n\tcursor: pointer;\n`;\n\nconst TopButtonContainer = styled.div`\n\tposition: absolute;\n\theight: fit-content;\n\twidth: 100%;\n\ttop: 0px;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n`;\n\nconst OuterContainer = styled.div`\n\theight: 100%;\n\twidth: 100%;\n`;\n\nconst ValidCouponContainer = styled.div`\n\tpadding: 25px;\n\ttext-align: center;\n`;\n\n// looks hacky but is a more browser compatible way of copying text\n// as opposed to navigator.clipboard.writeText()\n\nfunction Discounts() {\n\tconst history = useHistory();\n\tconst { organization } = useContext(OrganizationContext);\n\t// TODO: refactor and clean up\n\tconst { data: coupData, loading: coupLoading } = useQuery(\n\t\tGET_ACTIVE_COUPONS,\n\t\t{\n\t\t\tvariables: {\n\t\t\t\torganizationId: organization._id,\n\t\t\t},\n\t\t},\n\t);\n\n\tif (!organization || coupLoading) {\n\t\treturn (\n\t\t\t<LoaderContainer>\n\t\t\t\t<Loader />\n\t\t\t</LoaderContainer>\n\t\t);\n\t}\n\n\treturn (\n\t\t<OuterContainer>\n\t\t\t<Container>\n\t\t\t\t<Header>\n\t\t\t\t\t<Image src={organization.posterImageUrl} />\n\t\t\t\t\t<TopButtonContainer>\n\t\t\t\t\t\t<BackButton\n\t\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\t\thistory.push(\n\t\t\t\t\t\t\t\t\t`/inviteFriends/?orgId=${organization._id}`,\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\ticon={Icons.LeftArrow}\n\t\t\t\t\t\t\t\tactiveColor={colors.white}\n\t\t\t\t\t\t\t\tactive\n\t\t\t\t\t\t\t\tsize={14}\n\t\t\t\t\t\t\t\tmargin=\"0px 10px 0px 0px\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<div>GO BACK</div>\n\t\t\t\t\t\t</BackButton>\n\t\t\t\t\t\t{/* <BackButton>\n              <Icon\n                icon={Icons.MobileSolid}\n                activeColor={colors.white}\n                active\n                size={14}\n                margin=\"0px 10px 0px 0px\"\n              />\n              <div>{userData.getCurrentUser.phoneNumber}</div>\n            </BackButton> */}\n\t\t\t\t\t</TopButtonContainer>\n\t\t\t\t\t<BusinessPreviewContainer>\n\t\t\t\t\t\t<BusinessPreview organization={organization} />\n\t\t\t\t\t</BusinessPreviewContainer>\n\t\t\t\t</Header>\n\t\t\t\t<InnerContainer>\n\t\t\t\t\t<HeaderText>Discounts</HeaderText>\n\n\t\t\t\t\t<BalanceContainer>\n\t\t\t\t\t\t{coupData && coupData.activeCoupons.length > 0 ? (\n\t\t\t\t\t\t\t<CouponList activeCoupons={coupData.activeCoupons} />\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<ValidCouponContainer>\n\t\t\t\t\t\t\t\t<HeaderText fontSize=\"2.5rem\" margin=\"30px 0 0 15px\">\n\t\t\t\t\t\t\t\t\tDiscount Not Found\n\t\t\t\t\t\t\t\t</HeaderText>\n\t\t\t\t\t\t\t\t<BodyText>\n\t\t\t\t\t\t\t\t\tAny discount associated with this phone number has\n\t\t\t\t\t\t\t\t\teither expired or does not exist. Start referring\n\t\t\t\t\t\t\t\t\tfriends to earn discounts.\n\t\t\t\t\t\t\t\t</BodyText>\n\t\t\t\t\t\t\t</ValidCouponContainer>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</BalanceContainer>\n\t\t\t\t</InnerContainer>\n\t\t\t\t<ReactTooltip place=\"bottom\" type=\"dark\" effect=\"solid\" />\n\t\t\t</Container>\n\t\t</OuterContainer>\n\t);\n}\n\nexport default Discounts;\n","import React, { useContext, useEffect, useState } from \"react\";\nimport { useMutation } from \"@apollo/react-hooks\";\nimport styled from \"styled-components\";\nimport colors from \"../styles/colors\";\nimport Button from \"./Button\";\nimport { PhoneNumberInput } from \"./Input\";\nimport { OrganizationContext } from \"../context/OrganizationContext\";\nimport Loader from \"./Loader\";\nimport { SEND_PHONE_CODE, VERIFY_PHONE_CODE_EMBED } from \"../graphql/queries\";\nimport CodeInputBoxes from \"./CodeInputBoxes\";\nimport { getErrorMessage } from \"../util/ErrorUtil\";\nimport { originalSources } from \"../util/contactConstants\";\n\nconst DefaultColors = Object.freeze({\n  backgroundColor: \"#0f233c\",\n  buttonTextColor: \"#FFFFFF\",\n  buttonColor: colors.seaGreen,\n});\n\nconst LoaderContainer = styled.div`\n  min-height: 100%;\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n\nconst OuterContainer = styled.div`\n  width: 100%;\n  font-family: \"Montserrat\", Helvetica;\n  background: ${(props) => props.background || DefaultColors.backgroundColor};\n  padding: 0px 30px;\n  @media only screen and (min-width: 200px) and (max-width: 425px)  {\n    padding: 0px 20px;\n  }\n`;\n\nconst Container = styled.div`\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  background: ${colors.bg};\n  position: relative;\n`;\n\nconst Content = styled.div`\n  display: flex;\n  width: 100%;\n  align-items: center;\n  flex-direction: column;\n  padding: 30px 0px 25px 0px;\n  @media only screen and (min-width: 200px) and (max-width: 767px)  {\n    padding: ${(props) => props.successMsg ? \"30px 0px 30px 0px\" : \"30px 0px 15px 0px\"};\n  }\n`;\n\nconst HeaderDiv = styled.div`\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  justify-content: center;\n  background-color: ${colors.white};\n  border-radius: 5px;\n  align-items: center;\n`;\n\nconst FormDiv = styled.form`\n  display: flex;\n  width: 100%;\n  justify-content: space-between;\n  border-radius: 5px;\n  align-items: center;\n  padding: 10px 20px 0px 20px;\n  background: ${(props) => props.background || DefaultColors.backgroundColor};\n  @media screen and (max-width: 450px) {\n    flex-direction: column;\n  }\n`;\n\nconst HeadingText = styled.div`\n  font-size: clamp(0px, 9vw, 300px);\n  font-weight: bold;\n  color: ${(props) => props.color || DefaultColors.buttonTextColor};\n  margin-bottom: 5px;\n  @media screen and (max-width: 450px) {\n    padding: 12px 20px 0px 20px;\n  }\n  @supports (-webkit-touch-callout: none) {\n    /* CSS specific to iOS devices */ \n    font-size: 40px;\n  }\n  @supports (-webkit-touch-callout: none) {\n    @media screen and (max-width: 768px) {\n      font-size: 30px;\n    }\n  }\n`;\n\nconst SubHeadingText = styled.div`\n  font-size: clamp(0px, 10vw, 1.5rem);\n  color: ${(props) => props.color || DefaultColors.buttonTextColor};\n  text-align: center;\n  padding: 0 10px;\n  padding-bottom: 10px;\n  word-break: break-word;\n`;\n\nconst CodeText = styled.div`\n  font-weight: 500;\n  font-size: 1.4rem;\n  color: ${colors.white};\n  padding-bottom: 5px;\n`;\nconst CodeBoxContainer = styled.div`\n  display: flex;\n  justify-content: center;\n`;\n\nconst CloseContiner = styled.div`\n  position: fixed;\n  cursor: pointer;\n  top: 6px;\n  right: 8px;\n  display: inline-block;\n  box-sizing:border-box;\n  width:20px;\n  height:20px;\n  border-width: 3px;\n  border-style: solid;\n  border-color: ${(props) => props.background || DefaultColors.buttonColor};\n  border-radius: 100%;\n  background-color: ${(props) => props.background || DefaultColors.buttonColor};;\n  transition: all 0.3s ease;\n  text-align: center;\n  font-weight: 600;\n  z-index: 999999;\n  color: ${(props) => props.color || DefaultColors.buttonTextColor};\n`\n\nconst Terms = styled.p`\n  text-align: center;\n  color: white;\n  font-size: 1rem;\n  @supports (-webkit-touch-callout: none) {\n    @media screen and (max-width: 768px) {\n      font-size: 0.8rem;\n    }\n  }\n`;\n\nconst ErrorContainer = styled.div`\n  color: ${colors.red};\n  fontSize: 12px;\n`\n\nconst DefaultText = {\n  headline: \"Become a VIP\",\n  introductoryText: \"Be the first to know about gift card giveaways, specials, exclusive events, and more!\",\n}\n\nconst successMsg = \"Thank you for enjoying your experience at {OrgName} and for joining our VIP list.  We'll keep you informed of our latest specials, events, and giveaways, and we promise to keep the texts enjoyable and to-the-point.  We look forward to seeing you at {OrgName} again soon!\"\n\nfunction Embed() {\n  const { organization } = useContext(OrganizationContext);\n  const [phoneNumber, setPhoneNumber] = useState(\"\");\n  const [error, setError] = useState(\"\");\n  const [codeInputIsVisible, setCodeInputIsVisible] = useState(false);\n  const [showSuccessMessage, setShowSuccessMessage] = useState(false);\n\n\n  const getWindowsDimensions = () => {\n    const width = window.innerWidth || document.documentElement.clientWidth ||\n      document.body.clientWidth;\n    const height = window.innerHeight || document.documentElement.clientHeight ||\n      document.body.clientHeight;\n    const contentHeight = document?.getElementById(\"CTO_PORTAL_CONTAINER\").offsetHeight\n    const orientation = (window?.screen.orientation || {}).type || window?.screen.mozOrientation || window?.screen.msOrientation;\n    return {\n      height,\n      width,\n      contentHeight,\n      screenWidth: window?.screen?.width || 200,\n      screenHeight: window?.screen?.height || 200,\n      availHeight: window?.screen?.availHeight || 200,\n      availWidth: window?.screen?.availWidth || 200,\n      orientation\n    }\n  }\n\n  const updateFrameDimensions = () => {\n    const data = getWindowsDimensions()\n    window.parent.postMessage({\n      action: \"RESIZE_IFRAME\", args: data\n    }, \"*\")\n  }\n\n  useEffect(() => {\n    if (organization) {\n      window.parent.postMessage({ action: \"SET_STATUS\", args: { status: \"ACTIVE\" } }, \"*\")\n      updateFrameDimensions()\n    }\n  }, [organization]);\n\n  const [sendPhoneCode, { loading }] = useMutation(SEND_PHONE_CODE, {\n    variables: {\n      organizationId: organization?._id,\n      phoneNumber,\n      originalSource: originalSources.MODAL,\n    },\n    onCompleted(data) {\n      setCodeInputIsVisible(true);\n      updateFrameDimensions()\n    },\n    onError(error) {\n      setError(getErrorMessage(error));\n      console.log(error);\n    },\n  });\n\n  const [verifyPhoneCode, { loading: verifyLoading }] = useMutation(\n    VERIFY_PHONE_CODE_EMBED,\n    {\n      async onCompleted(data) {\n        setShowSuccessMessage(data?.verifyPhoneCodeEmbed);\n        setCodeInputIsVisible(false);\n        updateFrameDimensions()\n      },\n      onError(error) {\n        setError(getErrorMessage(error));\n        console.log(error);\n      },\n    }\n  );\n\n  const close = () => {\n    window.parent.postMessage({ action: \"CLOSE_WINDOW\" }, \"*\");\n    window.parent.postMessage({ action: \"SET_STATUS\", args: { status: \"CLOSED\" } }, \"*\");\n  }\n\n  if (!organization || verifyLoading) {\n    return (\n      <LoaderContainer id=\"CTO_PORTAL_CONTAINER\">\n        <Loader />\n      </LoaderContainer>\n    );\n  }\n\n  const bgColor = organization?.integration?.backgroundColor || DefaultColors.backgroundColor\n  const btnTextColor = organization?.integration?.buttonTextColor || DefaultColors.buttonTextColor\n  const btnColor = organization?.integration?.buttonColor || DefaultColors.buttonColor\n\n  return (\n    <OuterContainer background={bgColor} id=\"CTO_PORTAL_CONTAINER\">\n      <CloseContiner\n        onClick={close}\n        color={btnTextColor}\n        background={btnColor}\n      ><span>x</span></CloseContiner>\n      <Container>\n        <>\n          <Content successMsg={showSuccessMessage}>\n            <HeaderDiv background={bgColor} >\n              <HeadingText color={bgColor}>\n                {showSuccessMessage ? \"SUCCESS!\" : organization?.integration?.headline || DefaultText.headline}\n              </HeadingText>\n              <SubHeadingText color={bgColor}>\n                {\n                  showSuccessMessage\n                    ? organization?.integration?.successText || successMsg.replaceAll('{OrgName}', organization?.name)\n                    : organization?.integration?.introductoryText || DefaultText.introductoryText\n                }\n              </SubHeadingText>\n            </HeaderDiv>\n            {!showSuccessMessage && (\n              <>\n                <FormDiv\n                  onSubmit={(e) => {\n                    e.preventDefault();\n                    sendPhoneCode();\n                  }}\n                  background={bgColor}\n                >\n                  {!codeInputIsVisible && (\n                    <>\n                      <PhoneNumberInput\n                        padding=\"0\"\n                        width=\"68%\"\n                        xsWidth=\"100%\"\n                        xsHeight=\"40px\"\n                        placeholder=\"Phone Number\"\n                        placeholderColor={bgColor}\n                        onChange={(e) => setPhoneNumber(e.target.value)}\n                        required\n                      />\n                      <Button\n                        type=\"submit\"\n                        xsWidth=\"100%\"\n                        width=\"30%\"\n                        text=\"Sign Up\"\n                        radius=\"25px\"\n                        xsMargin=\"10px 0 0 0\"\n                        loading={loading}\n                        textColor={btnTextColor}\n                        background={btnColor}\n                      />\n                    </>\n                  )}\n                  {codeInputIsVisible && (\n                    <div\n                      style={{\n                        display: \"flex\",\n                        flexDirection: \"column\",\n                      }}\n                    >\n                      <CodeText>\n                        We just sent a 4-digit code to your mobile phone, please enter it below.\n                      </CodeText>\n                      <CodeBoxContainer>\n                        <CodeInputBoxes\n                          height=\"30px\"\n                          width=\"30px\"\n                          xsWidth=\"35px\"\n                          onComplete={(phoneCode) => {\n                            verifyPhoneCode({\n                              variables: {\n                                phoneNumber,\n                                phoneCode,\n                                organizationId: organization._id,\n                              },\n                            });\n                          }}\n                        />\n                      </CodeBoxContainer>\n                    </div>\n                  )}\n                </FormDiv>\n                {error && (\n                  <ErrorContainer>{error}</ErrorContainer>\n                )}\n                <Terms>\n                  By providing your phone number, you agree to participate in\n                  the marketing program and to be contacted through this phone\n                  number as part of the program. This program information is subject\n                  to Check This Out's&nbsp;\n                  <a\n                    href=\"https://intercom.help/check-this-out/en/articles/4339634-check-this-out-terms-of-use-and-privacy-policy\"\n                    target=\"_blank\"\n                    rel=\"noopener noreferrer\"\n                    style={{\n                      color: btnColor,\n                    }}\n                  >\n                    Terms of Use and Privacy Policy\n                  </a>\n                </Terms>\n              </>\n            )}\n          </Content>\n        </>\n      </Container>\n    </OuterContainer>\n  );\n}\n\nexport default Embed;\n","import React, { useMemo, useState, useEffect } from \"react\";\nimport {\n\tBrowserRouter as Router,\n\tSwitch,\n\tRedirect,\n\tRoute,\n} from \"react-router-dom\";\nimport Layout from \"./Layout\";\nimport EmbedLayout from \"./EmbedLayout\";\nimport HomeLayout from \"./HomeLayout\";\nimport Home from \"./Home\";\nimport Invite from \"./Invite\";\nimport PhoneInput from \"./PhoneInput\";\nimport InviteFriends from \"./InviteFriends\";\nimport AcceptCoupon from \"./AcceptCoupon\";\nimport { OrganizationContext } from \"../context/OrganizationContext\";\nimport { AppContext } from \"../context/AppContext\";\nimport OrganizationList from \"./OrganizationList\";\nimport Unsubscribed from \"./Unsubscribed\";\nimport InviteError from \"./InviteError\";\nimport JoinReferral from \"./JoinReferral\";\nimport Discounts from \"./Discounts\";\nimport Embed from \"./Embed\";\n\nexport default function App() {\n\tconst [organization, setOrganization] = useState(null);\n\tconst [app, setApp] = useState(null);\n\tconst appValue = useMemo(() => ({ app, setApp }), [app, setApp]);\n\tconst orgValue = useMemo(\n\t\t() => ({ organization, setOrganization }),\n\t\t[organization, setOrganization],\n\t);\n\tuseEffect(() => {\n\t\t// prevent android keyboard shrinking viewport when\n\t\t// open and affecting percentage based div heights for whole app\n\t\t// https://stackoverflow.com/questions/32963400/android-keyboard-shrinking-the-viewport-and-elements-using-unit-vh-in-css\n\t\t// const viewport = document.querySelector(\"meta[name=viewport]\");\n\t\t// if (viewport) {\n\t\t//   viewport.setAttribute(\n\t\t//     'content',\n\t\t//     `height=${window.innerHeight}, width=${window.innerWidth}, initial-scale=1.0`,\n\t\t//   );\n\t\t// }\n\t}, []);\n\n\treturn (\n\t\t<Router basename=\"/user\">\n\t\t\t<Switch>\n\t\t\t\t<Route exact path=\"/\">\n\t\t\t\t\t<Redirect to=\"/home\" />\n\t\t\t\t</Route>\n\t\t\t\t<HomeLayout path=\"/home\" component={Home} />\n\t\t\t\t<HomeLayout path=\"/organizations\" component={OrganizationList} />\n\t\t\t\t<AppContext.Provider value={appValue}>\n\t\t\t\t\t<OrganizationContext.Provider value={orgValue}>\n\t\t\t\t\t  <Layout path=\"/embed\" component={Embed} />\n\t\t\t\t\t\t<Layout path=\"/invite\" component={Invite} />\n\t\t\t\t\t\t<Layout path=\"/join\" component={JoinReferral} />\n\t\t\t\t\t\t<Layout path=\"/phoneInput\" component={PhoneInput} />\n\t\t\t\t\t\t<Layout path=\"/acceptCoupon\" component={AcceptCoupon} />\n\t\t\t\t\t\t<Layout path=\"/discounts\" component={Discounts} />\n\t\t\t\t\t\t<Layout path=\"/inviteError\" component={InviteError} />\n\t\t\t\t\t\t<Layout path=\"/inviteFriends\" component={InviteFriends} />\n\t\t\t\t\t\t<Layout path=\"/unsubscribed\" component={Unsubscribed} />\n\t\t\t\t\t</OrganizationContext.Provider>\n\t\t\t\t</AppContext.Provider>\n\t\t\t\t<Redirect to=\"/\" />\n\t\t\t</Switch>\n\t\t</Router>\n\t);\n}\n","import { HttpLink } from 'apollo-link-http';\nimport { onError } from 'apollo-link-error';\nimport { ApolloLink } from 'apollo-link';\n\nconst apiHost = process.env.NODE_ENV === 'production' ? '' : 'http://localhost:4444';\n// const apiHost = 'http://192.168.1.4:4444';\n\n// For local mobile development testing, you will have to change a couple things.\n// set apiHost like the example below\n// const apiHost = 'http://localipaddress:4444'; (ex: const apiHost = 'http://192.168.1.4:4444';)\n// then you will have to allow cors to accept your request origin url in server.js like the example below\n// app.use(cors({\n//   origin: ['http://localhost:3000', 'http://localhost:3001', 'http://192.168.1.4:3000'],\n//   credentials: true,\n// }));\n// Then, on the same wifi network, connect to http://192.168.1.4:3000 on your mobile device\n\n/**\n * getHeaders for genrate dynamic headers\n * Fix for Incongito where localStorage throwing security error in chrome\n */\nconst getHeaders = () => {\n  let authorization\n  try {\n    authorization = localStorage.getItem('CHECK_THIS_OUT_AUTH_TOKEN')\n  } catch (error) {\n    console.log(error)\n  }\n  if (authorization) {\n    return { headers: { authorization } }\n  }\n  return { headers: {} }\n}\nexport const authLink = new ApolloLink((operation, forward) => {\n  const context = getHeaders()\n  operation.setContext(context);\n  return forward(operation);\n});\n\nexport const errorLink = onError(({ graphQLErrors, networkError }) => {\n  if (graphQLErrors) {\n    graphQLErrors.forEach(({ message, locations, path }) => console.log(\n      `[GraphQL error]: Message: ${message}, Location: ${locations}, Path: ${path}`,\n    ));\n  }\n  if (networkError) console.log(`[Network error]: ${networkError}`);\n});\n\nexport const httpLink = new HttpLink({\n  uri: `${apiHost}/graphql`,\n  credentials: 'same-origin',\n});\n\nexport const omitTypeNameLink = new ApolloLink((operation, forward) => {\n  if (operation.variables && operation.operationName !== 'uploadFiles') {\n    operation.variables = omitDeep(operation.variables, '__typename');\n  }\n  return forward(operation).map((data) => {\n    return data;\n  });\n});\n\n// helper functions\nfunction omitDeep(obj, key) {\n  const keys = Object.keys(obj);\n  const newObj = {};\n  keys.forEach((i) => {\n    if (i !== key) {\n      const val = obj[i];\n      if (Array.isArray(val)) newObj[i] = omitDeepArrayWalk(val, key);\n      else if (typeof val === 'object' && val !== null) newObj[i] = omitDeep(val, key);\n      else newObj[i] = val;\n    }\n  });\n  return newObj;\n}\n\nfunction omitDeepArrayWalk(arr, key) {\n  return arr.map((val) => {\n    if (Array.isArray(val)) return omitDeepArrayWalk(val, key);\n    if (typeof val === 'object') return omitDeep(val, key);\n    return val;\n  });\n}\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './styles/index.css';\nimport { ApolloProvider } from '@apollo/react-hooks';\nimport { ApolloClient } from 'apollo-client';\nimport { InMemoryCache } from 'apollo-cache-inmemory';\nimport { from } from 'apollo-link';\nimport App from './components/App';\nimport {\n  authLink,\n  omitTypeNameLink,\n  errorLink,\n  httpLink,\n} from './graphql/ApolloLinks';\n\nconst client = new ApolloClient({\n  link: from([\n    authLink,\n    omitTypeNameLink,\n    errorLink,\n    httpLink,\n  ]),\n  cache: new InMemoryCache(),\n});\n\nReactDOM.render(\n  <ApolloProvider client={client}>\n    <App />\n  </ApolloProvider>,\n  document.getElementById('root'),\n);\n","module.exports = __webpack_public_path__ + \"static/media/cto-full-logo.130e2b98.png\";"],"sourceRoot":""}