tf-checkout-react 1.6.6 → 1.7.2

package/src/components/timerWidget/index.tsx

@@ -3,6 +3,7 @@ import './style.css'
 import _identity from 'lodash/identity'
 import React, { memo, useState } from 'react'
 import Countdown from 'react-countdown'
+import ReactDOM from 'react-dom'
 import SVG from 'react-inlinesvg'
 
 import Cross from '../../assets/images/cross.svg'
@@ -12,6 +13,7 @@ export interface ITimerWidgetPage {
   expires_at: number;
   buyLoading?: boolean;
   onCountdownFinish?: () => void;
+  container?: string;
 }
 
 export interface IRenderer {
@@ -25,6 +27,7 @@ const TimerWidget = ({
   expires_at,
   buyLoading,
   onCountdownFinish = _identity,
+  container,
 }: ITimerWidgetPage) => {
   const [showTimer, setShowTimer] = useState(true)
 
@@ -59,9 +62,9 @@ const TimerWidget = ({
     }
   }
 
-  return showTimer && !!expires_at ? (
+  const timerComponent = (
     <div className="timer">
-      <div className="close-icon" onClick={hideTimer}>
+      <div aria-hidden className="close-icon" onClick={hideTimer}>
         <SVG src={Cross} width="10" height="10" fill="#fff" />
       </div>
       <div className="toast-message">
@@ -79,7 +82,16 @@ const TimerWidget = ({
         </p>
       </div>
     </div>
-  ) : null
+  )
+
+  return showTimer && !!expires_at
+    ? container
+      ? ReactDOM.createPortal(
+          timerComponent,
+          document.querySelector(container) as HTMLElement
+        )
+      : timerComponent
+    : null
 }
 
 export default memo(TimerWidget)

package/src/components/timerWidget/style.css

@@ -1,5 +1,5 @@
 .timer {
-  position: absolute;
+  position: fixed;
   pointer-events: auto;
   background-color: #000000;
   overflow: hidden;
@@ -18,6 +18,7 @@
   color: #fff;
   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=);
   right: 15px;
+  z-index: 9;
 }
 
 .timer .close-icon {

package/src/constants/index.ts

@@ -1 +1,3 @@
 export const X_TF_ECOMMERCE = 'X-TF-ECOMMERCE'
+export const FEES_STYLES = { TRADITIONAL: 'TRADITIONAL', DISPLAY_BOTH: 'DISPLAY_BOTH' }
+export const DEFAULT_FEES_STYLE = FEES_STYLES.TRADITIONAL

package/src/env.ts

@@ -1,13 +1,21 @@
 // preview
 export const ENV = {
-  EVENT_ID: 13030,
-  BASE_URL: 'https://test.ticketfairy.com',
-  CLIENT_ID: 'e9d8f8922797b4621e562255afe90dbf',
-  CLIENT_SECRET: 'b89c191eff22fdcf84ac9bfd88d005355a151ec2c83b26b9',
+  // EVENT_ID: 13090,
+  // BASE_URL: 'https://test.ticketfairy.com',
+  // CLIENT_ID: 'e9d8f8922797b4621e562255afe90dbf',
+  // CLIENT_SECRET: 'b89c191eff22fdcf84ac9bfd88d005355a151ec2c83b26b9',
+  // STRIPE_PUBLISHABLE_KEY:
+  //   'pk_test_51H4BkOGqveRD6EShliLrT9vd7mPOBPvQSuqmvc3wIinDqxWsCLeS2N7HonPPn6MhjU35ayYy5v4I6MLlD4jNWrd000NSgAF6UL',
+  // BRAND_SLUG: 'test-mana-brand',
+  // X_SOURCE_ORIGIN: 'manacommon.com'
+  EVENT_ID: 6607,
+  BASE_URL: 'https://ttf.localhost',
+  CLIENT_ID: '11b907373250ac4813129922b039a828',
+  CLIENT_SECRET: '48118a9b8ffd4b120dc63861e6d6c0202fef4a5dbc46b53b',
   STRIPE_PUBLISHABLE_KEY:
     'pk_test_51H4BkOGqveRD6EShliLrT9vd7mPOBPvQSuqmvc3wIinDqxWsCLeS2N7HonPPn6MhjU35ayYy5v4I6MLlD4jNWrd000NSgAF6UL',
-  BRAND_SLUG: 'mana-common',
-  X_SOURCE_ORIGIN: 'tickets-staging.manacommon.com',
+  BRAND_SLUG: 'nop',
+  X_SOURCE_ORIGIN: 'ttf.localhost'
 }
 
 // prod

package/src/hoc/CustomFields/index.tsx

@@ -9,6 +9,7 @@ import {
   getFieldsKeys,
   getQueryVariable,
 } from '../../utils'
+import { getAddOnDataWithCustomFields } from '../../utils/customFields'
 
 const withCustomFields = (Children: any) => (props: any) => {
   const {
@@ -27,18 +28,21 @@ const withCustomFields = (Children: any) => (props: any) => {
   const [customFieldsData, setCustomFieldsData] = useState({} as any)
   const [customFieldsOrderKeys, setCustomFieldsOrderKeys] = useState([] as any)
   const [customFieldsTicketHolderKeys, setCustomFieldsTicketHolderKeys] = useState([] as any)
+  const [customFieldsAddOnKeys, setCustomFieldsAddOnKeys] = useState([] as any)
 
   const getFields = async () => {
     try {
-      const eventId = getQueryVariable('event_id') || ''
+      const eventId = getQueryVariable('event_id') || getQueryVariable("eventId") || ''
       const customFields = await getCustomFields(eventId)
 
       const orderFieldsKeys = getFieldsKeys(_get(customFields, 'orderFields', []))
       const ticketHoldersFieldsKeys = getFieldsKeys(_get(customFields, 'ticketsFields', []))
+      const addOnFieldsKeys = getFieldsKeys(_get(customFields, 'addOnFields', []))
 
       setCustomFieldsTicketHolderKeys(ticketHoldersFieldsKeys)
       setCustomFieldsOrderKeys(orderFieldsKeys)
       setCustomFieldsData(customFields)
+      setCustomFieldsAddOnKeys(addOnFieldsKeys)
 
       onGetCustomFieldsSuccess(customFields)
     } catch (e) {
@@ -59,6 +63,8 @@ const withCustomFields = (Children: any) => (props: any) => {
     ticketHoldersWithCustomFields,
   } = getDataWithCustomFields(data, ticketHoldersFields, customFieldsData)
 
+  const { addOnDataWithCustomFields } = getAddOnDataWithCustomFields(customFieldsData)
+
   if (lodaing) {
     return <CircularProgress size={50} />
   }
@@ -70,6 +76,8 @@ const withCustomFields = (Children: any) => (props: any) => {
       ticketHoldersFields={ticketHoldersWithCustomFields}
       customFieldsOrderKeys={customFieldsOrderKeys}
       customFieldsTicketHolderKeys={customFieldsTicketHolderKeys}
+      customFieldsAddOnKeys={customFieldsAddOnKeys}
+      addOnDataWithCustomFields={addOnDataWithCustomFields}
     />
   )
 }

package/src/index.ts

@@ -6,7 +6,7 @@ export { currencyNormalizerCreator, createFixedFloatNormalizer } from './normali
 export { LoginModal } from './components/loginModal'
 export { MyTicketsContainer } from './components/myTicketsContainer'
 export { OrderDetailsContainer } from './components/orderDetailsContainer'
-export { setConfigs } from './utils/setConfigs'
+export { DEFAULT_FEES_STYLE } from './constants/index'
 export { TicketResaleContainer } from './components'
 export { RedirectModal } from './components/common/RedirectModal'
 export { RsvpContainer } from './components/rsvpContainer'
@@ -22,4 +22,9 @@ export { DelegationsContainer } from './components/delegationsContainer'
 export { PoweredBy } from './components/common/PoweredBy'
 export { SeatMapContainer } from './components/seatMapContainer'
 export { IDVerification } from './components/idVerificationContainer'
-export { VERIFICATION_STATUSES } from './components/idVerificationContainer/constants'
+export { VERIFICATION_STATUSES } from './components/idVerificationContainer/constants'
+
+export { setConfigs } from './utils/setConfigs'
+export { logoutUser } from './utils/auth'
+
+export { OrderDetails } from './components/paymentContainer/OrderDetails'

package/src/types/add_on.ts

@@ -3,5 +3,6 @@ export interface IAddOn {
   name: string;
   groupName: string | null;
   price: string;
+  cost: string;
   quantity: string | number;
 }

package/src/types/api/cart.d.ts

@@ -21,12 +21,19 @@ interface ICartRequestData {
   attributes: ICartData;
 }
 
+interface ICart {
+  id: string;
+  price: number;
+  quantity: number;
+}
+
 interface ICartResponseData {
   ageRequired: boolean;
   namesRequired: boolean;
   phoneRequired: boolean;
   skipBillingPage: boolean;
   minimumAge?: string | null;
+  cart?: ICart[];
 }
 
 interface ICartResponseExtendedData extends ICartResponseData {
@@ -40,6 +47,7 @@ interface ICartResponse extends IAxiosResponseData {
     attributes: ICartResponseData;
     relationships: Array<unknown>;
     type: string;
+    cart: ICart[];
   };
 }
 

package/src/types/api/checkout.d.ts

@@ -1,3 +1,5 @@
+import { StripeElementsOptions } from '@stripe/stripe-js'
+
 interface ITicketHolderData {
   firstName?: string;
   lastName?: string;
@@ -23,13 +25,62 @@ interface ICheckoutData {
 }
 
 interface ICheckoutResponseData {
-  id: string | number;
-  hash: string | number;
-  total: string | number;
-  debt: string | number;
-  pay_now: string | number;
-  guest_count: number | null;
-  status: string;
+  hash?: string;
+  total?: string;
+  cart_price_breakdown?: {
+    total: number;
+    debt: number;
+    guest_count: number;
+    guest_revenue: number;
+    currency: {
+      currency: string;
+      decimal_places: number;
+      symbol: string;
+    };
+    insurance_amount: number;
+    goods_tax: number;
+    goods_tax_name: string;
+    total_add_ons: number;
+    payment_option_additional_fees: number;
+    tickets_price_breakdown: [
+      {
+        fees_breakdown: Array<{
+          name: string;
+          amount: number;
+        }>;
+        is_table: boolean;
+        ticket_type_name: string;
+        ticket_type_id: string;
+        quantity: number;
+        fees_per_ticket: number;
+        discount: number;
+        description: string;
+        refund_on_checkin: boolean;
+        price_per_ticket: string;
+        cost_per_ticket: string;
+        total_price: number;
+      }
+    ];
+    add_ons_price_breakdown: [];
+    insurance_items_breakdown: [];
+    event_name: string;
+  };
+  additional_payment_information?: {
+    basic_config: {
+      apiKey: string;
+      accountId: string;
+    };
+    elements_config: StripeElementsOptions;
+    additional_config: {
+      decimalMultiplier: number;
+      canChangeCaptureMode: boolean;
+    };
+    stripe_wallets: {
+      applePay?: 'auto' | 'never';
+      googlePay?: 'auto' | 'never';
+    };
+    payment_plan_available: boolean;
+  };
 }
 
 interface ICheckoutResponse extends IAxiosResponseData {

package/src/types/api/common.d.ts

@@ -14,7 +14,20 @@ interface IEventResponseData {
   startDate: string;
   timezone: string;
   country: any;
+  timeslotSettings: ITimeslotSettings | undefined | null;
+  preregEnabled: boolean;
+  preregStarted: boolean;
+  preregEnded: boolean;
 }
+
+interface ITimeslotSettings {
+  minPricePerDate: any;
+  showPrice: boolean;
+  groupsInfo: any;
+  availableDates: string[];
+  timeSlotDateInfo: any;
+}
+
 interface IEventResponse extends IAxiosResponseData {
   data: {
     attributes: IEventResponseData;
@@ -62,6 +75,11 @@ interface ITicketsResponseData {
 interface ITicketsAdaptedResponseData extends ITicketsResponseData {
   tickets: ITicketData[];
 }
+
+interface ITimeslotsAdaptedData extends ITicketsResponseData {
+  timeslots: {[key: string]: { [key: string]: ITicketData[] }};
+}
+
 interface ITicketsResponse extends IAxiosResponseData {
   data: {
     attributes: ITicketsResponseData;
@@ -77,6 +95,14 @@ interface ITicketsAdaptedResponse extends IAxiosResponseData {
   };
 }
 
+interface ITimeslotsAdaptedResponse extends IAxiosResponseData {
+  data: {
+    attributes: ITimeslotsAdaptedData;
+    relationships: Array<unknown>;
+    type: string;
+  };
+}
+
 // Countries
 interface ICountriesAdaptedData {
   label: string;
@@ -117,3 +143,7 @@ interface IRSVPRequestData {
   email: string;
 }
 type IRSVPResponse = IAxiosResponseData
+
+interface TimeSlotsResponse extends IAxiosResponseData {
+  data: string[];
+}

package/src/types/api/orders.d.ts

@@ -57,18 +57,34 @@ interface IOrderAddOn {
 interface IOrderTicketAddOn {
   status: string;
   name: string;
+  groupName: string;
 }
 
-interface IOrderTicketData {
+interface ITicketTypes {
+  add_ons?: IOrderTicketAddOn[];
   hash: string;
+  ticket_type: string;
+  holder_name: string;
+  status: string;
+  pdf_link: string;
+  is_sellable: boolean;
+  is_on_sale?: boolean;
+  event_name: string;
+  currency: string;
+  ticket_type_hash: string;
+  ticket_type_is_active?: boolean;
+  canSellTicket?: boolean;
+  retain_amount_on_sale: number | string;
+  ticketsTitle: string;
+}
+
+interface IOrderTicketData extends ITicketTypes {
   qrData: string;
   ticketType: string;
   description: string | null;
   descriptionPlain: string | null;
   holderName: string;
-  status: string;
   eventName: string;
-  currency: string;
   resaleFeeAmount: number;
   holderEmail: string;
   holderPhone: string | null;

package/src/types/api/payment.d.ts

@@ -18,6 +18,7 @@ interface IPaymentOrderDetails {
     id: string;
     name: string;
     price: number | string;
+    cost: number | string;
     quantity: number | string;
     guest_count?: string | number;
   }>;
@@ -25,6 +26,8 @@ interface IPaymentOrderDetails {
   pay_now?: string | number;
   guest_count?: string | number;
   debt?: number;
+  subtotal?: number | string;
+  fees?: number | string;
 }
 
 interface IPaymentMethodData {
@@ -34,7 +37,8 @@ interface IPaymentMethodData {
   stripe_payment_plan_enabled: boolean;
   stripe_payment_plan_configuration: any;
   stripeConnectedAccount: string;
-  stripePublishableKey: string;
+  stripe_publishable_key: string;
+  payment_method_types?: string[];
 }
 
 interface IShippingBillingInfoData {
@@ -171,4 +175,4 @@ interface ICheckoutCompleteDataResponse extends IAxiosResponseData {
     relationships: Array<unknown>;
     type: string;
   };
-}
+}

package/src/types/api/preRegistrationComplete.d.ts

@@ -1,4 +1,4 @@
-interface IInfluancerData {
+interface IInfluencerData {
   customer_id: string;
   data_capture: any;
   email: string;
@@ -25,7 +25,7 @@ interface IPrizeData {
 
 interface IInfluancersData {
   attributes: {
-    influencers: IInfluancerData[];
+    influencers: IInfluencerData[];
     prizes: IPrizeData[];
   };
   relationships: Array<unknown>;

package/src/types/checkoutPageConfigs.ts

@@ -2,7 +2,7 @@ export interface ICheckoutPageConfigs {
   age_required: boolean;
   event_id: string;
   has_add_on: boolean;
-  minimum_age: number | string | null;
+  minimum_age?: number | string | null;
   names_required: boolean;
   phone_required: boolean;
   skip_billing_page: boolean;

package/src/types/order-data.ts

@@ -3,7 +3,7 @@ import { IAddOn } from './add_on'
 export interface IOrderData {
   id: string;
   product_name: string;
-  ticketType: string;
+  ticketType: string | Array<any>;
   quantity: string | number;
   price: string | number;
   total: string | number;
@@ -11,4 +11,6 @@ export interface IOrderData {
   guest_count: string | number;
   pay_now: string | number;
   add_ons: IAddOn[];
+  cost: string | number;
+  expires_at?: number;
 }

package/src/types/pre-registration-complete.d.ts

@@ -5,7 +5,7 @@ interface IPrewardsProps {
 }
 
 interface IInfluancersProps {
-  data: Array<IInfluancerData>;
+  data: Array<IInfluencerData>;
   classNamePrefix: string;
   headerNode?: string | Node;
 }
@@ -28,6 +28,11 @@ interface IPreRegistrationInformationProps {
   onGetPreregistrationDataError?: () => void;
   influancersHeaderNode?: string | Node;
   prewardsHeaderNode?: string | Node;
+
+  themeOptions?: ThemeOptions & {
+    input?: CSSProperties;
+    checkbox?: CSSProperties;
+  };
 }
 
 interface IPreRegistrationCompleteProps extends IShareOptionsProps {

package/src/utils/auth.ts

@@ -1,3 +1,9 @@
+import { AxiosError } from 'axios'
+
+import { logout } from '../api'
+import { deleteCookieByName } from './cookies'
+import { isBrowser } from './isBrowser'
+
 export const setLoggedUserData = (data: IProfileData) => ({
   id: data.id,
   first_name: data.firstName,
@@ -11,3 +17,29 @@ export const setLoggedUserData = (data: IProfileData) => ({
   state: data?.stateId || '',
   zip: data?.zipCode || '',
 })
+
+interface LogoutUserParams {
+  onLogoutSuccess?: () => void;
+  onLogoutError?: (error: AxiosError) => void;
+  setIsLogged?: (isLogged: boolean) => void;
+}
+
+export const logoutUser = async ({
+  onLogoutSuccess,
+  onLogoutError,
+  setIsLogged,
+}: LogoutUserParams) => {
+  try {
+    await logout()
+    onLogoutSuccess && onLogoutSuccess()
+    if (isBrowser) {
+      window.localStorage.removeItem('user_data')
+      setIsLogged && setIsLogged(false)
+      const event = new window.CustomEvent('tf-logout')
+      deleteCookieByName('X-TF-ECOMMERCE')
+      window.document.dispatchEvent(event)
+    }
+  } catch (e) {
+    onLogoutError && onLogoutError(e as AxiosError)
+  }
+}

package/src/utils/cookies.ts

@@ -1,5 +1,7 @@
 import { getDomain } from './getDomain'
 
+let generalDomain: string
+
 export function setCustomCookie(name: string, value: string, days = 5) {
   let expires = ''
   if (days) {
@@ -7,11 +9,25 @@ export function setCustomCookie(name: string, value: string, days = 5) {
     date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000)
     expires = '; expires=' + date.toUTCString()
   }
-  if (typeof window !== 'undefined') {
-    const domain = getDomain(window.location.hostname)
-    document.cookie =
-      name + '=' + (value || '') + expires + `; path=/; domain=${domain}`
+  if (typeof window === 'undefined') {
+    return
+  }
+
+  const { hostname } = window.location
+
+  if (generalDomain && generalDomain.endsWith(getDomain(hostname))) {
+    document.cookie = name + '=' + (value || '') + expires + `; path=/;domain=${generalDomain}`
+    return
   }
+
+  let previousDomain = undefined
+  let domain = undefined
+  do {
+    previousDomain = domain
+    domain = getDomain(hostname, undefined, previousDomain)
+    document.cookie = name + '=' + (value || '') + expires + `; path=/;domain=${domain}`
+  } while (getCookieByName(name) === '' && hostname !== domain)
+  generalDomain = domain
 }
 
 export function getCookieByName(cname: string) {
@@ -31,12 +47,27 @@ export function getCookieByName(cname: string) {
 }
 
 export function deleteCookieByName(name: string) {
-  if (typeof window !== 'undefined') {
-    const domain = getDomain(window.location.hostname)
-    document.cookie =
-      name +
-      '=; Path=/' +
-      `; domain=${domain}` +
-      '; Expires=Thu, 01 Jan 1970 00:00:01 GMT;'
+  if (getCookieByName(name) === '') {
+    return
   }
+
+  if (typeof window === 'undefined') {
+    return
+  }
+
+  const { hostname } = window.location
+
+  if (generalDomain && generalDomain.endsWith(getDomain(hostname))) {
+    document.cookie = name + `=; Path=/;domain=${generalDomain}; Expires=Thu, 01 Jan 1970 00:00:01 GMT;`
+    return
+  }
+
+  let previousDomain = undefined
+  let domain = undefined
+  do {
+    previousDomain = domain
+    domain = getDomain(hostname, undefined, previousDomain)
+    document.cookie = name + `=; Path=/;domain=${domain}; Expires=Thu, 01 Jan 1970 00:00:01 GMT;`
+  } while (getCookieByName(name) !== '' && hostname !== domain)
+  generalDomain = domain
 }

package/src/utils/createCheckoutDataBodyWithDefaultHolder.ts

@@ -24,6 +24,7 @@ interface IUserCredentialsValues {
   emailLogged?: string;
   firstNameLogged?: string;
   lastNameLogged?: string;
+  phoneLogged?: string;
 }
 
 export const createCheckoutDataBodyWithDefaultHolder = (
@@ -45,7 +46,8 @@ export const createCheckoutDataBodyWithDefaultHolder = (
     _get(logedInValues, 'last_name') ||
     _get(userCredentials, 'lastNameLogged') ||
     ''
-  const phone = _get(logedInValues, 'phone', '')
+  const phone =
+    _get(logedInValues, 'phone') || _get(userCredentials, 'phoneLogged') || ''
   const email =
     _get(logedInValues, 'email') || _get(userCredentials, 'emailLogged') || ''
 

package/src/utils/customFields.ts

@@ -54,5 +54,27 @@ export const getDataWithCustomFields = (
   return { dataWithCustomFields, ticketHoldersWithCustomFields }
 }
 
+export const getAddOnDataWithCustomFields = (customFields: any) => {
+  // Custom Fields are not specified case
+  if (_isEmpty(customFields)) {
+    return { addOnDataWithCustomFields: [] }
+  }
+
+  // Add Custom Fields for Order
+  const orderWithCustomFields = [
+    {
+      id: 1,
+      groupClassname: 'billing-info-container__customFields',
+      groupItems: [...customFields.addOnFields],
+    },
+  ]
+
+  const addOnDataWithCustomFields = {
+    fields: orderWithCustomFields,
+  }
+
+  return { addOnDataWithCustomFields }
+}
+
 export const getFieldsKeys = (customFields: any) =>
   _map(customFields, field => field.name)

package/src/utils/getDomain.ts

@@ -1,10 +1,16 @@
-export function getDomain(url: string, subdomain?: string): string {
+export function getDomain(url: string, subdomain?: string, publicSuffix?: string): string {
   let updatedUrl: any = url.replace(/(https?:\/\/)?(www.)?/i, '')
 
   if (!subdomain) {
-    updatedUrl = updatedUrl.split('.')
-
-    updatedUrl = updatedUrl.slice(updatedUrl.length - 2).join('.')
+    if (publicSuffix) {
+      const updatedPublicSuffix = publicSuffix.startsWith('.') ? publicSuffix : '.' + publicSuffix
+      updatedUrl = url.replace(updatedPublicSuffix, '').split('.')
+      updatedUrl = updatedUrl.length > 0 ? updatedUrl[updatedUrl.length - 1] : ''
+      updatedUrl += updatedPublicSuffix
+    } else {
+      updatedUrl = updatedUrl.split(".")
+      updatedUrl = updatedUrl.slice(updatedUrl.length - 2).join(".")
+    }
   }
 
   if (updatedUrl.indexOf('/') !== -1) {

package/src/utils/index.ts

@@ -9,7 +9,7 @@ export { createMarkup } from './createMarkup'
 export { replaceVarInString } from './replaceVarInString'
 export { isBrowser } from './isBrowser'
 export { getFormInitialValues } from './form'
-export { setLoggedUserData } from './auth'
+export { setLoggedUserData, logoutUser } from './auth'
 export { getDataWithCustomFields, getFieldsKeys } from './customFields'
 export { createElementFromHTML } from './htmlNodeFromString'
 export { isJson } from './jsonUtils'