{"version":3,"file":"static/js/default-index.tsx-f1a3900ddb9d07134732.js","mappings":"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","sources":["webpack://leadsbridge/./src/components/Basic/Button/index.tsx","webpack://leadsbridge/./src/components/Basic/ButtonNbe/index.tsx","webpack://leadsbridge/./src/components/Basic/Container/index.tsx","webpack://leadsbridge/./src/components/Basic/FakeInput/index.tsx","webpack://leadsbridge/./src/components/Basic/FiltersIcons/index.tsx","webpack://leadsbridge/./src/components/Basic/InputFeedback/index.tsx","webpack://leadsbridge/./src/components/Basic/Loader/index.tsx","webpack://leadsbridge/./src/components/Basic/Message/index.tsx","webpack://leadsbridge/./src/components/Basic/Modal/index.tsx","webpack://leadsbridge/./src/components/Basic/StateIcon/index.tsx","webpack://leadsbridge/./src/components/Basic/TinyTextualButton/index.tsx","webpack://leadsbridge/./src/components/ButtonProvider/index.tsx","webpack://leadsbridge/./src/components/ConnectedPopupWindow/index.tsx","webpack://leadsbridge/./src/components/Dropdown/index.tsx","webpack://leadsbridge/./src/components/Form/Checkbox/index.tsx","webpack://leadsbridge/./src/components/Form/InputDomain/index.tsx","webpack://leadsbridge/./src/components/Form/InputField/index.tsx","webpack://leadsbridge/./src/components/Form/InputSelect/index.tsx","webpack://leadsbridge/./src/components/Form/InputSmartSelect/index.tsx","webpack://leadsbridge/./src/components/Form/InputToggle/index.tsx","webpack://leadsbridge/./src/components/Form/Label/index.tsx","webpack://leadsbridge/./src/components/Form/LabelWithDocTooltip/index.tsx","webpack://leadsbridge/./src/components/Form/MultiCreatableCustom/index.tsx","webpack://leadsbridge/./src/components/Form/Textarea/index.tsx","webpack://leadsbridge/./src/components/Formik/FormikInputSmartSelect/index.tsx","webpack://leadsbridge/./src/components/InputAutoSelectCopy/index.tsx","webpack://leadsbridge/./src/components/PanelPopup/index.tsx","webpack://leadsbridge/./src/components/Panel/index.tsx","webpack://leadsbridge/./src/components/ReCaptcha/index.tsx","webpack://leadsbridge/./src/components/Translate/index.tsx","webpack://leadsbridge/./src/features/SignupSurvey/index.tsx","webpack://leadsbridge/./src/features/auth/SuperUserInfoBar/index.tsx","webpack://leadsbridge/./src/features/billing/BillingBox/BillingDetails/index.tsx","webpack://leadsbridge/./src/features/billing/BillingBox/index.tsx","webpack://leadsbridge/./src/features/billing/CreditCardBox/BoxWrapperWithSideImage/index.tsx","webpack://leadsbridge/./src/features/billing/CreditCardBox/index.tsx","webpack://leadsbridge/./src/features/checkout/CheckoutFooter/index.tsx","webpack://leadsbridge/./src/features/checkout/CheckoutTitle/index.tsx","webpack://leadsbridge/./src/features/googleAdsAccount/AccountActivate/index.tsx","webpack://leadsbridge/./src/features/googleAdsAccount/AccountConnect/index.tsx","webpack://leadsbridge/./src/features/googleAdsAccount/AccountCreationDone/index.tsx","webpack://leadsbridge/./src/features/googleAdsAccount/AccountCreationFormInner/index.tsx","webpack://leadsbridge/./src/features/googleAdsAccount/AccountCreationForm/index.tsx","webpack://leadsbridge/./src/features/googleAdsAccount/IntegrationPanel/index.tsx","webpack://leadsbridge/./src/features/nbee/BridgeChooserForm/index.tsx","webpack://leadsbridge/./src/features/nbee/BridgeChooserRedirector/index.tsx","webpack://leadsbridge/./src/features/nbee/EmailReceipt/index.tsx","webpack://leadsbridge/./src/features/nbee/FieldsMappingForm/FieldMappingEmptyState/index.tsx","webpack://leadsbridge/./src/features/nbee/FieldsMappingForm/FieldMappingRow/index.tsx","webpack://leadsbridge/./src/features/nbee/FieldsMappingForm/FormulaModal/index.tsx","webpack://leadsbridge/./src/features/nbee/FieldsMappingForm/HeaderSearch/index.tsx","webpack://leadsbridge/./src/features/nbee/AddFilterButton/AddFilterButtonModal/index.tsx","webpack://leadsbridge/./src/features/nbee/AddFilterButton/index.tsx","webpack://leadsbridge/./src/features/nbee/FieldsMappingForm/SendTestLeadFeedback/index.tsx","webpack://leadsbridge/./src/features/nbee/FieldsMappingForm/SendTestLeadSubForm/index.tsx","webpack://leadsbridge/./src/features/nbee/FieldsMappingForm/TestConnectionView/index.tsx","webpack://leadsbridge/./src/features/nbee/WelcomeMessageForm/index.tsx","webpack://leadsbridge/./src/features/nbee/FieldsMappingForm/index.tsx","webpack://leadsbridge/./src/features/nbee/IncomingDataContent/IncomingDataFinalStep/index.tsx","webpack://leadsbridge/./src/features/nbee/IncomingDataContent/IncomingDataInitialStep/index.tsx","webpack://leadsbridge/./src/components/IncomingDataTable/index.tsx","webpack://leadsbridge/./src/features/nbee/IncomingDataContent/LoadingStep/index.tsx","webpack://leadsbridge/./src/features/nbee/IncomingDataContent/IncomingDataTableStep/index.tsx","webpack://leadsbridge/./src/features/nbee/IntegrationCredentialsContent/AppAuthCredentialForm/index.tsx","webpack://leadsbridge/./src/features/nbee/IntegrationCredentialsContent/index.tsx","webpack://leadsbridge/./src/features/nbee/LoadingStep/index.tsx","webpack://leadsbridge/./src/features/nbee/ModalTrialInfo/index.tsx","webpack://leadsbridge/./src/features/nbee/NbeeError/index.tsx","webpack://leadsbridge/./src/components/Basic/Skeleton/index.tsx","webpack://leadsbridge/./src/features/nbee/SimpleBridgeBuilderForm/fields/IntegrationSelector/index.tsx","webpack://leadsbridge/./src/features/nbee/SimpleBridgeBuilderForm/fields/IntegrationSettings/index.tsx","webpack://leadsbridge/./src/features/nbee/SimpleBridgeBuilderForm/fields/AppConfigurator/index.tsx","webpack://leadsbridge/./src/features/nbee/SimpleBridgeBuilderForm/fields/AppSelector/index.tsx","webpack://leadsbridge/./src/features/nbee/SimpleBridgeBuilderForm/index.tsx","webpack://leadsbridge/./src/components/StatusBar/index.tsx","webpack://leadsbridge/./src/features/nbee/StatusBarBridge/index.tsx","webpack://leadsbridge/./src/features/nbee/StepCompleted/index.tsx","webpack://leadsbridge/./src/features/pricing/ModalChangePlan/index.tsx","webpack://leadsbridge/./src/features/pricing/ModalUpdatedPlan/index.tsx","webpack://leadsbridge/./src/features/pricing/PlanInfoBanner/index.tsx","webpack://leadsbridge/./src/features/pricing/PricingCard/index.tsx","webpack://leadsbridge/./src/features/signup/SignupForm/index.tsx","webpack://leadsbridge/./src/features/signup/SignupLayout/index.tsx","webpack://leadsbridge/./src/components/ToastComponent/index.tsx","webpack://leadsbridge/./src/index.tsx","webpack://leadsbridge/./src/utils/sentry/index.tsx","webpack://leadsbridge/./src/components/Alert/index.tsx","webpack://leadsbridge/./src/components/Basic/EditableText/index.tsx","webpack://leadsbridge/./src/components/Topbar/index.tsx","webpack://leadsbridge/./src/components/StepBar/index.tsx","webpack://leadsbridge/./src/layouts/PageEditor/index.tsx","webpack://leadsbridge/./src/layouts/SimplePage/index.tsx","webpack://leadsbridge/./src/pages/Admin/TestFacebookToken/index.tsx","webpack://leadsbridge/./src/pages/Admin/index.tsx","webpack://leadsbridge/./src/components/Basic/ProgressBar/index.tsx","webpack://leadsbridge/./src/components/FastAppSurvey/index.tsx","webpack://leadsbridge/./src/pages/BridgeByUrlCallback/index.tsx","webpack://leadsbridge/./src/pages/Checkout/index.tsx","webpack://leadsbridge/./src/pages/GoogleAdsAccount/index.tsx","webpack://leadsbridge/./src/pages/IncomingData/index.tsx","webpack://leadsbridge/./src/pages/Integration/index.tsx","webpack://leadsbridge/./src/pages/Logout/index.tsx","webpack://leadsbridge/./src/pages/Nbee/index.tsx","webpack://leadsbridge/./src/pages/Pricing/index.tsx","webpack://leadsbridge/./src/pages/Signup/index.tsx","webpack://leadsbridge/./src/pages/SignupAppSumo/index.tsx","webpack://leadsbridge/./src/features/signup/BbuContent/index.tsx","webpack://leadsbridge/./src/pages/SignupBbu/index.tsx","webpack://leadsbridge/./src/pages/SignupBbuFallbackSurvey/index.tsx","webpack://leadsbridge/./src/pages/ThankYouPage/index.tsx","webpack://leadsbridge/./src/store/index.tsx"],"sourcesContent":["import React, { ButtonHTMLAttributes } from 'react'\nimport { ButtonStyled } from './styled'\nimport { FaFacebook, FaTiktok } from 'react-icons/fa'\nimport { FcGoogle } from 'react-icons/fc'\n\ntype ButtonStyle =\n  | 'facebook'\n  | 'google'\n  | 'tiktok'\n  | 'primary'\n  | 'secondary'\n  | 'link'\n\nexport type ButtonSize = 'inline-small' | 'large'\n\nexport interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  $fluid?: boolean\n  $loading?: boolean\n  $variant?: ButtonStyle\n  $size?: ButtonSize\n  disabled?: boolean\n}\n\nexport const Button: React.FC<ButtonProps> = ({\n  $variant,\n  children,\n  ...props\n}) => {\n  let icon\n  switch ($variant) {\n    case 'google':\n      // we need to compensate some icon disaligment\n      icon = <FcGoogle style={{ marginLeft: '-2px' }} />\n      break\n    case 'facebook':\n      icon = <FaFacebook />\n      break\n    case 'tiktok':\n      icon = <FaTiktok />\n      break\n    default:\n      icon = null\n  }\n\n  return (\n    <ButtonStyled $variant={$variant} {...props} disabled={props.disabled}>\n      {icon}\n      {children}\n    </ButtonStyled>\n  )\n}\n","import React, { ButtonHTMLAttributes } from 'react'\nimport {\n  ButtonLoadingHiddenChildren,\n  ButtonLoadingSpinner,\n  ButtonLoadingWrapper,\n  ButtonStyled,\n} from './styled'\n\ntype ButtonStyle =\n  | 'primary'\n  | 'action'\n  | 'secondary'\n  | 'blue'\n  | 'outlined-primary'\n  | 'outlined-secondary'\n  | 'filter'\n  | 'link-primary'\n  | 'link-secondary'\ntype ButtonSize = 'small' | 'standard' | 'large'\n\nexport interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  $fluid?: boolean\n  $loading?: boolean\n  $loadingText?: string\n  $variant?: ButtonStyle\n  $size?: ButtonSize\n  // when has an icon inside and needs to be aligned and separated a bit from text\n  $hasIcon?: boolean\n  disabled?: boolean\n  $minWidth?: boolean\n}\n\nexport const Button: React.FC<ButtonProps> = ({\n  $variant,\n  $size = 'standard',\n  $hasIcon,\n  $loading,\n  $loadingText,\n  $minWidth,\n  children,\n  ...props\n}) => {\n  // when there's a loading text we force a min width\n  const hasMinWidth = $minWidth || Boolean($loadingText)\n  return (\n    <ButtonStyled\n      $variant={$variant}\n      $size={$size}\n      $hasIcon={$hasIcon}\n      $minWidth={hasMinWidth}\n      disabled={props.disabled}\n      {...props}\n    >\n      {$loading ? (\n        <>\n          <ButtonLoadingWrapper>\n            <ButtonLoadingSpinner /> {$loadingText}\n          </ButtonLoadingWrapper>\n          {/* this is only used to keep a fixed button width */}\n          <ButtonLoadingHiddenChildren>{children}</ButtonLoadingHiddenChildren>\n        </>\n      ) : (\n        children\n      )}\n    </ButtonStyled>\n  )\n}\n","import styled, { css } from 'styled-components'\n\ninterface ContainerProps {\n  $size?: 'md' | 'lg' | 'fluid'\n  $marginY?: string\n}\n\nconst getContainerSize = ({ $size = 'md' }: ContainerProps) => {\n  switch ($size) {\n    case 'lg':\n      return css`\n        max-width: ${(props) => props.theme.container.large};\n      `\n    case 'md':\n      return css`\n        max-width: ${(props) => props.theme.container.medium};\n      `\n  }\n}\n\nexport const Container = styled.div<ContainerProps>`\n  ${getContainerSize};\n\n  margin: 0 auto;\n  ${({ $marginY }) =>\n    $marginY !== ''\n      ? css`\n          margin-top: ${$marginY};\n          margin-bottom: ${$marginY};\n        `\n      : ''}\n`\n","import React from 'react'\nimport { FakeInputStyled } from './styled'\n\nexport interface FakeInputProps extends React.HTMLAttributes<HTMLDivElement> {\n  required?: boolean\n  text?: string\n}\n\nexport const FakeInput: React.FC<FakeInputProps> = ({\n  required,\n  text,\n  ...props\n}) => {\n  return (\n    <FakeInputStyled required={required} {...props}>\n      <p>{text}</p>\n    </FakeInputStyled>\n  )\n}\n","import React from 'react'\nimport { FaCopy, FaMinus, FaPlus } from 'react-icons/fa'\nimport ReactTooltip, { Place, Type, Effect } from 'react-tooltip'\nimport { useTranslation } from 'react-i18next'\nimport {\n  IconButtonStyled,\n  IconsWrapperStyled,\n} from '@components/Basic/FiltersIcons/styled'\n\ninterface Props {\n  handleCopy: () => void\n  handleAdd: () => void\n  handleDelete: () => void\n  isDeleteDisabled?: boolean\n  isAddDisabled?: boolean\n  isCopyDisabled?: boolean\n  isBridgeDisabled?: boolean\n}\n\nconst tooltipProps = {\n  place: 'top' as Place,\n  type: 'light' as Type,\n  effect: 'solid' as Effect,\n  border: true,\n  borderColor: '#f6f7f8',\n  className: 'reactTooltipFilterIcons',\n}\n\nexport const FiltersIcons: React.FC<Props> = ({\n  handleCopy,\n  handleAdd,\n  handleDelete,\n  isDeleteDisabled = false,\n  isAddDisabled = false,\n  isCopyDisabled = false,\n  isBridgeDisabled,\n}) => {\n  const { t } = useTranslation()\n\n  return (\n    <div>\n      <IconsWrapperStyled>\n        <ReactTooltip id={'filter-copy'} {...tooltipProps}>\n          {t('nbee.filters.tooltipIconCopy')}\n        </ReactTooltip>\n        <IconButtonStyled\n          type={'button'}\n          disabled={isCopyDisabled || isBridgeDisabled}\n          onClick={handleCopy}\n          data-tip\n          data-for='filter-copy'\n        >\n          <FaCopy size={15} />\n        </IconButtonStyled>\n        <ReactTooltip id={'filter-delete'} {...tooltipProps}>\n          {t('nbee.filters.tooltipIconDelete')}\n        </ReactTooltip>\n        <IconButtonStyled\n          type={'button'}\n          disabled={isDeleteDisabled || isBridgeDisabled}\n          onClick={handleDelete}\n          data-tip\n          data-for='filter-delete'\n        >\n          <FaMinus size={15} />\n        </IconButtonStyled>\n        <ReactTooltip id={'filter-add'} {...tooltipProps}>\n          {t('nbee.filters.tooltipIconAdd')}\n        </ReactTooltip>\n        <IconButtonStyled\n          type={'button'}\n          disabled={isAddDisabled || isBridgeDisabled}\n          onClick={handleAdd}\n          data-tip\n          data-for='filter-add'\n        >\n          <FaPlus size={15} />\n        </IconButtonStyled>\n      </IconsWrapperStyled>\n    </div>\n  )\n}\n","import React, { ReactNode } from 'react'\nimport styled from 'styled-components'\n\nexport type InputFeedbackStatus = {\n  error?: string | ReactNode\n  success?: string\n}\n\nexport interface InputFeedbackProps {\n  $status: InputFeedbackStatus\n}\n\nconst InputText = styled.p<{\n  variant: 'success' | 'error'\n}>`\n  font-size: 0.9rem;\n  text-align: left;\n  color: ${({ variant, theme }) => {\n    switch (variant) {\n      case 'success':\n        return theme.input.success.borderColor\n      case 'error':\n        return theme.input.error.borderColor\n      default:\n        return theme.input.default.borderColor\n    }\n  }};\n`\n\nexport const InputFeedback: React.FC<InputFeedbackProps> = ({ $status }) => {\n  return (\n    <>\n      {$status?.error && (\n        <InputText data-testid={'input'} data-error='true' variant='error'>\n          {$status?.error}\n        </InputText>\n      )}\n      {$status?.success && (\n        <InputText variant='success'>{$status?.success}</InputText>\n      )}\n    </>\n  )\n}\n","import React from 'react'\nimport { LoaderStyled, LoaderDimmer } from './styled'\n\nexport interface LoaderProps {\n  $active?: boolean\n  $text?: string\n  $size?: 'large' | 'small' | 'x-large'\n  $inverted?: boolean\n  $dimmer?: boolean\n}\n\nexport const Loader: React.FC<LoaderProps> = ({ $text, $dimmer, ...props }) => {\n  return $dimmer ? (\n    <LoaderDimmer>\n      <LoaderStyled {...props}>{$text}</LoaderStyled>\n    </LoaderDimmer>\n  ) : (\n    <LoaderStyled {...props}>{$text}</LoaderStyled>\n  )\n}\n","import React from 'react'\nimport { MessageStyled } from './styled'\n\nexport interface MessageProps {\n  $status?: 'success' | 'error'\n  $header?: string\n}\n\nexport const Message: React.FC<MessageProps> = ({\n  $header,\n  children,\n  ...props\n}) => {\n  return (\n    <MessageStyled $header={$header} {...props}>\n      {$header && <div className={'message-title'}>{$header}</div>}\n      <div className={'message-body'}>{children}</div>\n    </MessageStyled>\n  )\n}\n","import React, { useEffect, useState } from 'react'\nimport ReactModal, { Styles } from 'react-modal'\nimport styled, { css } from 'styled-components'\nimport { IoCloseOutline } from 'react-icons/io5'\nimport { defaultTheme } from '@app/styles/theme/default'\nimport { ReactComponent as MinimizeIcon } from '@assets/images/minimize.svg'\nimport { ReactComponent as CloseBlackIcon } from '@assets/images/close_black.svg'\nimport { ReactComponent as ExpandIcon } from '@assets/images/expand.svg'\n\ninterface ModalProps {\n  isOpen: boolean\n  onCloseModal: () => void\n  hideCloseButton?: boolean\n  isTransparent?: boolean\n  isResizable?: boolean\n  noPadding?: boolean\n  modalTitle?: string\n  isWide?: boolean\n}\n\nconst customStyles: Styles = {\n  content: {\n    top: '50%',\n    left: '50%',\n    right: 'auto',\n    bottom: 'auto',\n    margin: '0',\n    width: '600px',\n    borderRadius: '8px',\n    boxShadow: '2px 2px 15px 0px rgba(31,31,31,0.28)',\n    marginRight: '-50%',\n    transform: 'translate(-50%, -50%)',\n    backgroundColor: '#fff',\n  },\n  overlay: {\n    zIndex: defaultTheme.zIndex.modal,\n  },\n}\n\nconst noPaddingStyles: Styles = {\n  content: {\n    ...customStyles.content,\n    borderRadius: '5px',\n    boxShadow: undefined,\n    minWidth: '570px',\n    width: 'auto',\n    height: '65vh',\n    maxHeight: '75vh',\n    maxWidth: '95vw',\n    padding: 0,\n    margin: 0,\n    overflow: 'hidden',\n  },\n  overlay: {\n    backgroundColor: 'rgba(94,94,94,0.6)',\n    zIndex: defaultTheme.zIndex.modal,\n  },\n}\n\nconst secondaryCustomStyles: Styles = {\n  content: {\n    top: '50%',\n    left: '50%',\n    right: 'auto',\n    bottom: 'auto',\n    margin: '0',\n    width: '600px',\n    border: 'none',\n    backgroundColor: 'transparent',\n    marginRight: '-50%',\n    transform: 'translate(-50%, -50%)',\n  },\n  overlay: {\n    zIndex: defaultTheme.zIndex.modal,\n  },\n}\n\nconst minimizeCustomStyles: Styles = {\n  content: {\n    top: '60%',\n    left: '50%',\n    right: 'auto',\n    bottom: 'auto',\n    margin: '0',\n    width: '40%',\n    padding: '0',\n    borderRadius: '6px',\n    boxShadow: '0 2px 6px 0 rgba(0, 0, 0, 0.4)',\n    backgroundColor: '#fff',\n    transform: 'translate(20%, -50%)',\n  },\n  overlay: {\n    backgroundColor: 'rgba(0, 0, 0, 0)',\n  },\n}\n\nconst expandCustomStyles: Styles = {\n  content: {\n    position: 'absolute',\n    top: 0,\n    bottom: 0,\n    right: 0,\n    left: 0,\n    padding: '0',\n    borderRadius: '6px',\n    boxShadow: '0 2px 6px 0 rgba(0, 0, 0, 0.4)',\n    backgroundColor: '#fff',\n  },\n  overlay: {\n    backgroundColor: 'rgba(0, 0, 0, 0)',\n  },\n}\n\nconst ResizeWrapper = styled.div`\n  background-color: #41a6dc;\n  display: flex;\n  align-items: center;\n  padding: 0.5rem 1rem;\n\n  p {\n    margin: 0;\n    flex: 1;\n    font-weight: 600;\n    color: #fff;\n  }\n\n  svg {\n    cursor: pointer;\n  }\n`\n\nconst IconsWrapper = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 3rem;\n`\n\nconst CloseIcon = styled.div<Pick<ModalProps, 'isTransparent' | 'noPadding'>>`\n  text-align: right;\n  cursor: pointer;\n  ${({ isTransparent, noPadding }) =>\n    isTransparent || noPadding\n      ? css`\n          font-size: 2rem;\n          background-color: #f8f8f8;\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          padding: 1rem;\n          border-radius: 0 10%;\n        `\n      : null}\n  ${({ noPadding }) =>\n    noPadding &&\n    css`\n      margin: 0;\n    `}\n`\n\n/*const ModalHeader = styled.div`\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  padding: 0;\n  margin: 0;\n\n  h3 {\n    font-size: 1.35rem;\n    padding-left: 1.5rem;\n    padding-top: 1.5rem;\n  }\n`*/\n\nexport const Modal: React.FC<ModalProps> = ({\n  isOpen,\n  children,\n  onCloseModal,\n  hideCloseButton,\n  isTransparent,\n  isResizable,\n  noPadding,\n  // modalTitle,\n  isWide,\n}) => {\n  const [isExpand, setIsExpand] = useState(false)\n\n  const [windowWidth, setWindowWidth] = useState(window.innerWidth)\n\n  useEffect(() => {\n    const handleResize = () => {\n      setWindowWidth(window.innerWidth)\n    }\n\n    window.addEventListener('resize', handleResize)\n\n    return () => {\n      window.removeEventListener('resize', handleResize)\n    }\n  }, [])\n\n  const wideCustomStyles: Styles = {\n    content: {\n      top: '50%',\n      left: '50%',\n      right: 'auto',\n      bottom: 'auto',\n      margin: '0',\n      width: windowWidth <= 768 ? '80%' : '750px',\n      padding: windowWidth <= 768 ? '0' : '1rem',\n      borderRadius: '6px',\n      boxShadow: '2px 2px 15px 0px rgba(31,31,31,0.28)',\n      backgroundColor: '#fff',\n      transform: 'translate(-50%, -50%)',\n    },\n    overlay: {\n      backgroundColor: 'rgba(94,94,94,0.6)',\n      zIndex: defaultTheme.zIndex.modal,\n    },\n  }\n\n  return (\n    <ReactModal\n      isOpen={isOpen}\n      onRequestClose={onCloseModal}\n      style={\n        isResizable && !isExpand\n          ? minimizeCustomStyles\n          : isResizable && isExpand\n          ? expandCustomStyles\n          : isTransparent\n          ? secondaryCustomStyles\n          : noPadding\n          ? noPaddingStyles\n          : isWide\n          ? wideCustomStyles\n          : customStyles\n      }\n      preventScroll={false}\n    >\n      {/* {noPadding && modalTitle ? (\n        <ModalHeader>\n          <h3>{modalTitle}</h3>\n          <CloseIcon noPadding={noPadding} onClick={onCloseModal}>\n            <IoCloseOutline />\n          </CloseIcon>\n        </ModalHeader>\n      ) : null}*/}\n\n      {!hideCloseButton && !noPadding ? (\n        <CloseIcon isTransparent={isTransparent} onClick={onCloseModal}>\n          <IoCloseOutline />\n        </CloseIcon>\n      ) : null}\n\n      {isResizable ? (\n        <>\n          <ResizeWrapper>\n            <p>Getting started video</p>\n            <IconsWrapper>\n              {isExpand ? (\n                <MinimizeIcon onClick={() => setIsExpand(false)} />\n              ) : (\n                <ExpandIcon onClick={() => setIsExpand(true)} />\n              )}\n              <CloseBlackIcon onClick={onCloseModal} />\n            </IconsWrapper>\n          </ResizeWrapper>\n        </>\n      ) : null}\n      {children}\n    </ReactModal>\n  )\n}\n\nReactModal.setAppElement('#root')\n","import React from 'react'\nimport { StateIconStyled } from '@components/Basic/StateIcon/styled'\nimport { IoIosCheckmarkCircleOutline } from 'react-icons/io'\nimport { IoAlertCircleOutline } from 'react-icons/io5'\nimport { AiOutlineMinusCircle } from 'react-icons/ai'\n\nexport type ValidationStates = 'empty' | 'default' | 'success' | 'error'\n\ninterface StateIconProps {\n  state?: ValidationStates\n  iconSize?: string\n}\n\nexport const StateIcon: React.FC<StateIconProps> = ({\n  state = 'empty',\n  iconSize = '24',\n}) => {\n  // set of allowed icons\n  const icons: Record<ValidationStates, JSX.Element> = {\n    default: <AiOutlineMinusCircle color={'#ABB4BD'} size={iconSize} />,\n    success: <IoIosCheckmarkCircleOutline color={'#2ECD72'} size={iconSize} />,\n    error: <IoAlertCircleOutline color={'#EF4836'} size={iconSize} />,\n    // return an empty svg to keep height consistent with other\n    empty: <svg width={2} height={iconSize} />,\n  }\n\n  return (\n    <StateIconStyled>\n      <span />\n      {icons[state]}\n      <span />\n    </StateIconStyled>\n  )\n}\n","import React, { ButtonHTMLAttributes } from 'react'\nimport styled from 'styled-components'\n\nexport type Props = ButtonHTMLAttributes<HTMLButtonElement>\n\nconst RefreshButton = styled.button`\n  cursor: pointer;\n  font-size: 0.8rem;\n  background: #fff;\n  outline: none;\n  border: 0;\n  padding: 0;\n  font-family: ${({ theme }) => theme.font.family};\n  display: inline-flex;\n  align-items: center;\n  &:hover {\n    color: ${({ theme }) => theme.color.link};\n  }\n\n  svg {\n    margin-right: 0.3rem;\n  }\n`\n\nexport const TinyTextualButton: React.FC<Props> = ({\n  children,\n  type = 'button',\n  ...rest\n}) => {\n  return (\n    <RefreshButton type={type} {...rest}>\n      {children}\n    </RefreshButton>\n  )\n}\n","import React, { useEffect, useRef, useState } from 'react'\nimport { FacebookButtonCustom } from '@components/ButtonProvider/Facebook/FacebookButtonCustom'\nimport { FacebookButtonNative } from '@components/ButtonProvider/Facebook/FacebookButtonNative'\nimport { GoogleButtonNative } from '@components/ButtonProvider/Google/GoogleButtonNative'\nimport { GoogleButtonCustom } from '@components/ButtonProvider/Google/GoogleButtonCustom'\nimport { apiPublicClient } from '@app/services/apiPublicClient'\nimport { endpoints } from '@app/api/config'\nimport { parseApiError } from '@app/api/utils/error'\nimport AuthService from '@app/services/AuthService'\nimport { appRoutes, bridgeByUrlPartnersPaths } from '@app/routes'\nimport { deletePersistendSignupParms } from '@features/signup/SignupForm/useHideParamsFromString'\nimport { LocationDescriptor } from 'history'\nimport { matchPath } from 'react-router'\nimport { BbuRouteParams } from 'LeadsBridgeApp'\nimport { useLocation } from 'react-router-dom'\nimport { ApiErrorResponse, ApiUser, ApiUserResponse } from 'BackendApi'\nimport { identifyUserByUserData, trackEvent } from '@app/dataTracking'\nimport { ButtonErrorUi } from '@components/ButtonProvider/Facebook/ButtonErrorUi'\nimport { GetCaptchaToken } from '@components/ReCaptcha'\nimport { signInUserSessionCognito } from '@app/services/apiAuthClient/utils'\nimport { getAffiliateIdFromCookies } from '@app/utils/cookieUtils'\n\nexport type SignupProviderName = 'Facebook' | 'Google'\nexport type AuthScope = 'SignIn' | 'SignUp' | 'NoScope'\ntype SignUpParams = {\n  trialDays: number\n  cbPlan: string\n  couponCode?: string\n}\n\nexport interface ButtonProviderProps {\n  scope: AuthScope\n  provider: SignupProviderName\n  signupParams?: SignUpParams\n  onBeforeAuth?: () => void\n  onAuthError?: (errorMessage: string, errorCode?: string | number) => void\n  onAuthSuccess?: (apiResponse: ApiUser) => void\n  redirectPath?: LocationDescriptor<unknown>\n  dataWidth?: number\n  getCaptchaToken?: GetCaptchaToken\n}\n\nexport const ButtonProvider: React.FC<ButtonProviderProps> = ({\n  provider,\n  scope,\n  onBeforeAuth,\n  onAuthSuccess,\n  onAuthError,\n  dataWidth,\n  signupParams,\n  getCaptchaToken,\n}) => {\n  const location = useLocation()\n\n  const matchBBuPath = matchPath<BbuRouteParams>(location.pathname, {\n    path: [appRoutes.signupBbu.path, ...bridgeByUrlPartnersPaths],\n    exact: true,\n    strict: false,\n  })\n  const bbuUri = matchBBuPath?.isExact\n    ? `${window.location.origin}${location.pathname}`\n    : undefined\n\n  const [isGoogleButtonCustomLoaded, setIsGoogleButtonCustomLoaded] =\n    useState<boolean>(false)\n  const [googleButtonToUseForSignup, setGoogleButtonToUseForSignup] = useState<\n    'native' | 'custom'\n  >('native')\n  const [sdkFailedToLoad, setSdkFailedToLoad] = useState(false)\n\n  const canUpdateState = useRef(true)\n  useEffect(() => {\n    canUpdateState.current = true\n    return () => {\n      if (canUpdateState) {\n        canUpdateState.current = false\n      }\n    }\n  })\n  const handleSdkLoadError = () => {\n    if (canUpdateState.current) {\n      setSdkFailedToLoad(true)\n    }\n  }\n\n  const handleExternalProviderAuth = async (oauthToken: string) => {\n    if (onBeforeAuth) {\n      onBeforeAuth()\n    }\n\n    let recaptchaToken: string | undefined\n    if (getCaptchaToken) {\n      recaptchaToken = await getCaptchaToken()\n    }\n\n    const tapExistingCookieData = getAffiliateIdFromCookies()\n\n    console.log(\n      'calling authWithExternalProvider',\n      'tapVisitorId',\n      tapExistingCookieData?.tapVisitorId,\n      'tapClickId',\n      tapExistingCookieData?.tapClickId\n    )\n\n    const authResponse = await apiPublicClient\n      .post<ApiUserResponse>(endpoints.authWithExternalProvider, {\n        scope,\n        bbuUri,\n        referralUri: document.referrer || undefined,\n        oauthToken: oauthToken,\n        provider: provider,\n        recaptchaToken: recaptchaToken || '',\n        tapClickId: tapExistingCookieData?.tapClickId || undefined,\n        tapVisitorId: tapExistingCookieData?.tapVisitorId || undefined,\n        // signup params if any\n        ...signupParams,\n      })\n      .catch((error: ApiErrorResponse) => {\n        const parsedError = parseApiError(error)\n\n        if (onAuthError) {\n          onAuthError(parsedError.message, parsedError.code)\n        }\n\n        trackEvent({\n          eventName: 'UnexpectedErrorThrown',\n          feature: 'Authentication',\n          // detecting scope, or not passing step when scope is 'NoScope' (eg. bbu)\n          step:\n            scope === 'SignIn'\n              ? 'Signin'\n              : scope === 'SignUp'\n              ? 'Signup'\n              : undefined,\n          params: {\n            custom: {\n              errorCode: parsedError.code,\n              errorDescription: parsedError.message,\n              provider,\n              scope,\n              planId: signupParams?.cbPlan,\n            },\n          },\n          sendEventToIntercom: true,\n        })\n      })\n\n    if (!authResponse) {\n      return\n    }\n\n    const userInfo = authResponse.data?.data\n    const userCredentials = userInfo?.credentials\n\n    if (\n      !userCredentials ||\n      !userCredentials.username ||\n      !userCredentials.idToken ||\n      !userCredentials.accessToken ||\n      !userCredentials.refreshToken\n    ) {\n      if (onAuthError) {\n        console.error('missing auth response', authResponse)\n      }\n      return\n    }\n\n    identifyUserByUserData(userInfo).then((r) =>\n      console.log('App: Identify User: By UserData', r)\n    )\n    trackEvent({\n      eventName: 'SignIn',\n      feature: 'Authentication',\n      step: 'Signin',\n    })\n\n    signInUserSessionCognito({\n      username: userCredentials.username,\n      idToken: userCredentials.idToken,\n      accessToken: userCredentials.accessToken,\n      refreshToken: userCredentials.refreshToken,\n    })\n\n    if (scope === 'SignUp') {\n      // on signup we handle a redirect\n      try {\n        await AuthService.setSessionCookie()\n      } catch (error) {\n        console.error(error instanceof Error ? error.message : 'Unknown error')\n      }\n    } else {\n      // on signin or no scope we also update the UI_AUTH_CHANNEL (Amplify Auth provider)\n      await AuthService.onLoginAsync(false)\n    }\n\n    if (onAuthSuccess && userInfo) {\n      onAuthSuccess(userInfo)\n    }\n\n    deletePersistendSignupParms()\n  }\n\n  const providerRender = () => {\n    switch (provider) {\n      case 'Facebook':\n        // we don't show button fb is signup is sdk fails to load, in other pages (bbu) we show the ButtonErrorUi\n        return sdkFailedToLoad ? (\n          <ButtonErrorUi scope={scope} />\n        ) : scope === 'SignUp' ? (\n          <FacebookButtonCustom\n            onTokenRetrived={handleExternalProviderAuth}\n            scope={scope}\n            onSdkLoadError={handleSdkLoadError}\n          />\n        ) : (\n          <FacebookButtonNative\n            onTokenRetrived={handleExternalProviderAuth}\n            scope={scope}\n            dataWidth={dataWidth}\n            onSdkLoadError={handleSdkLoadError}\n          />\n        )\n      case 'Google':\n        if (scope === 'SignUp' && googleButtonToUseForSignup === 'custom') {\n          return (\n            <div style={{ opacity: isGoogleButtonCustomLoaded ? 1 : 0 }}>\n              <GoogleButtonCustom\n                onTokenRetrived={handleExternalProviderAuth}\n                scope={scope}\n                onGoogleLegacySdkInitSuccess={() => {\n                  // we know that legacy sdk has success:\n                  // If we have a success state, we can make the button visible otherwise, we make the native key load.\n                  // NB: The user will see the loading of a single button!\n                  setIsGoogleButtonCustomLoaded(true)\n                }}\n                onGoogleLegacySdkInitError={() => {\n                  // we know that legacy sdk has fail to laod\n                  setGoogleButtonToUseForSignup('native')\n                }}\n              />\n            </div>\n          )\n        } else {\n          return (\n            <GoogleButtonNative\n              onTokenRetrived={handleExternalProviderAuth}\n              scope={scope}\n            />\n          )\n        }\n    }\n  }\n\n  return <>{providerRender()}</>\n}\n","import React, { useEffect, useRef } from 'react'\nimport {\n  makePopupFeatures,\n  postInitialDataToPopup,\n  usePopupMessageReceiver,\n} from '@components/ConnectedPopupWindow/utils'\n\ninterface AuthorizationPopupProps {\n  urlToOpen: string\n  widthPx?: number\n  heightPx?: number\n  onPopupOpen: (popup: Window) => void\n  onPopupClose: (newData?: unknown) => void\n  popupName?: string\n  initialData?: unknown\n  skipOriginCheck?: boolean // must be true if is embedded in an inframe (eg: storybook)\n}\n\nexport const ConnectedPopupWindow: React.FC<AuthorizationPopupProps> = ({\n  urlToOpen,\n  widthPx = 700,\n  heightPx = 550,\n  onPopupOpen,\n  onPopupClose,\n  initialData,\n  skipOriginCheck,\n  popupName = 'authPopup',\n}) => {\n  const popup = useRef<Window | null>(null)\n  const isClosedRef = useRef<boolean>(false)\n  const intervalId = useRef<NodeJS.Timer | null>()\n\n  const { dataFromPopup } = usePopupMessageReceiver(popup)\n\n  // Handle opening on new popup and posting of initialData\n  useEffect(() => {\n    // opening a new window as popup\n    const features = makePopupFeatures(widthPx, heightPx)\n    popup.current = window.open(urlToOpen, popupName, features)\n    const currentPopup = popup.current\n\n    if (!currentPopup) {\n      onPopupClose()\n      return\n    }\n\n    //  we send the instance of the just opened popup as callback\n    onPopupOpen(currentPopup)\n    currentPopup.focus()\n\n    // send initial data to popup\n    postInitialDataToPopup({\n      initialData,\n      popup: currentPopup,\n      skipOriginCheck,\n    })\n\n    // cleanup functions\n    return () => {\n      // In case our component in un-mounted, we want to automatically close our popup\n      if (popup.current) {\n        popup.current.close()\n        onPopupClose()\n      }\n    }\n  }, [])\n\n  // constantly check if popup is closed, to sync outer state\n  useEffect(() => {\n    const currentPopup = popup.current\n    if (currentPopup) {\n      intervalId.current = setInterval(() => {\n        if (currentPopup.closed && !isClosedRef.current) {\n          isClosedRef.current = true\n          onPopupClose()\n        }\n      }, 500)\n    }\n\n    return () => {\n      if (intervalId.current) {\n        clearInterval(intervalId.current)\n      }\n    }\n  }, [popup])\n\n  // controlling the receival of data from popup\n  useEffect(() => {\n    if (dataFromPopup) {\n      console.log('received new data from popup: ', dataFromPopup)\n      onPopupClose(dataFromPopup)\n      popup.current!.close()\n    }\n  }, [dataFromPopup])\n\n  return null\n}\n","import React, { useState } from 'react'\nimport {\n  DropdownMenuDirection,\n  DropdownMenuStyled,\n  DropdownWrapper,\n} from './styled'\nimport { KebabButton } from '@components/Dropdown/KebabButton'\nimport { useClickAway } from '@components/Dropdown/useClickAway'\ntype DropdownLineSeparatorChild = 'last' | 'none'\n\ninterface DropdownProps {\n  $direction?: DropdownMenuDirection\n  dropdownButton?: React.ReactNode\n  $lineSeparatorMenuItem?: DropdownLineSeparatorChild\n}\n\nexport const Dropdown: React.FC<DropdownProps> = ({\n  $direction = 'left',\n  children,\n  dropdownButton,\n  $lineSeparatorMenuItem,\n}) => {\n  const [isOpen, setIsOpen] = useState(false)\n  const closeDropdownHandler = () => setIsOpen(false)\n  const clickAwayRef = useClickAway(closeDropdownHandler)\n\n  return (\n    <DropdownWrapper ref={isOpen ? clickAwayRef : undefined}>\n      <span onClick={() => setIsOpen((p) => !p)}>\n        {dropdownButton || <KebabButton />}\n      </span>\n      <DropdownMenuStyled\n        $direction={$direction}\n        $isOpen={isOpen}\n        $lineSeparatorMenuItem={$lineSeparatorMenuItem}\n        // close menu on item click (leveraging event-bubbling)\n        onClick={closeDropdownHandler}\n      >\n        {children}\n      </DropdownMenuStyled>\n    </DropdownWrapper>\n  )\n}\n","import React from 'react'\nimport { CheckboxStyled } from './styled'\nimport {\n  InputFeedback,\n  InputFeedbackStatus,\n} from '@components/Basic/InputFeedback'\n\nexport interface CheckboxProps {\n  name: string\n  value?: string\n  checked?: boolean\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void\n  disabled?: boolean\n  $status?: InputFeedbackStatus\n}\nexport const Checkbox: React.FC<CheckboxProps> = ({\n  value,\n  checked,\n  onChange,\n  name,\n  disabled,\n  children,\n  $status,\n  ...inputProps\n}) => {\n  return (\n    <React.Fragment>\n      <CheckboxStyled className={`${disabled ? 'disabled' : ''}`}>\n        <label className='container'>\n          {children}\n          <input\n            disabled={disabled}\n            type='checkbox'\n            name={name}\n            id={name}\n            value={value}\n            checked={checked}\n            onChange={onChange}\n            {...inputProps}\n          />\n          <span className='checkmark' />\n        </label>\n      </CheckboxStyled>\n      {$status && <InputFeedback $status={$status} />}\n    </React.Fragment>\n  )\n}\n","import React, { InputHTMLAttributes } from 'react'\nimport { InputDomainStyled } from '@components/Form/InputDomain/styled'\n\nexport interface InputDomainProps\n  extends InputHTMLAttributes<HTMLInputElement> {\n  $protocolLabel: string\n  $domainLabel: string\n}\n\nexport const InputDomain: React.FC<InputDomainProps> = ({\n  $protocolLabel,\n  $domainLabel,\n  ...props\n}) => {\n  return (\n    <InputDomainStyled>\n      <label>{$protocolLabel}</label>\n      <input {...props} type='text' />\n      <label>{$domainLabel}</label>\n    </InputDomainStyled>\n  )\n}\n","import React, { InputHTMLAttributes, useEffect, useRef, useState } from 'react'\nimport {\n  InputStyled,\n  InputWrapperStyled,\n  InputStyledProps,\n  InputSlot,\n} from './styled'\nimport { Label } from '@components/Form/Label'\nimport {\n  InputFeedbackStatus,\n  InputFeedback,\n} from '@components/Basic/InputFeedback'\nimport { FloatingLabelStyled } from '@components/Form/InputSmartSelect/styled'\n\nexport interface InputFieldAttrProps\n  extends InputHTMLAttributes<HTMLInputElement> {\n  $status?: InputFeedbackStatus\n  name: string\n  type: 'text' | 'email' | 'number' | 'password' | 'tel' | 'url'\n  $direction?: InputStyledProps['$direction']\n  $fluid?: boolean\n  slotLeft?: React.ReactNode\n  slotRight?: React.ReactNode\n  label?: string\n  $hasMargin?: boolean\n  defaultLabel?: string\n  floatingLabel?: string\n  fieldIsUnavailable?: boolean\n}\n\nexport const InputField: React.FC<\n  InputFieldAttrProps & {\n    inputRefCallback?: (input: HTMLInputElement | null) => void\n  }\n> = ({\n  label,\n  slotLeft,\n  slotRight,\n  $status,\n  $direction,\n  $fluid,\n  $hasMargin,\n  defaultLabel,\n  floatingLabel,\n  fieldIsUnavailable,\n  inputRefCallback,\n  ...props\n}) => {\n  const inputId = `${props.name}`\n  const [isFocused, setIsFocused] = useState(false)\n  const [hasValue, setHasValue] = useState(false)\n  const inputRef = useRef<HTMLInputElement>(null)\n\n  useEffect(() => {\n    if (inputRefCallback && inputRef.current) {\n      inputRefCallback(inputRef.current)\n    }\n  }, [inputRef.current, inputRefCallback])\n\n  const handleFocus = (event: React.FocusEvent<HTMLInputElement, Element>) => {\n    setIsFocused(true)\n    if (props.onFocus) {\n      props.onFocus(event)\n    }\n  }\n\n  const handleBlur = (event: React.FocusEvent<HTMLInputElement, Element>) => {\n    setIsFocused(false)\n    if (props.onBlur) {\n      props.onBlur(event)\n    }\n  }\n\n  useEffect(() => {\n    if (inputRef.current?.value) {\n      setHasValue(true)\n    } else {\n      setHasValue(false)\n    }\n  }, [inputRef.current?.value])\n\n  return (\n    <InputStyled\n      $direction={$direction || 'column'}\n      $status={$status}\n      type={props.type}\n      name={props.name}\n      id={inputId}\n      $hasMargin={$hasMargin}\n      className={props.className}\n    >\n      {label && (\n        <Label $disabled={props.disabled} htmlFor={inputId} $label={label} />\n      )}\n      <InputWrapperStyled>\n        {floatingLabel && (\n          <FloatingLabelStyled\n            htmlFor={inputId}\n            isFloating={isFocused || hasValue}\n            onClick={() => inputRef?.current?.focus()}\n          >\n            {isFocused || hasValue ? floatingLabel.toUpperCase() : defaultLabel}\n          </FloatingLabelStyled>\n        )}\n        {slotLeft ? <InputSlot $slot={'left'}>{slotLeft}</InputSlot> : null}\n        <input\n          {...props}\n          ref={inputRef}\n          type={props.type}\n          name={props.name}\n          id={inputId}\n          onFocus={handleFocus}\n          onBlur={handleBlur}\n          style={\n            defaultLabel && floatingLabel && (isFocused || hasValue)\n              ? {\n                  paddingTop: '.6rem',\n                  paddingBottom: '.1rem',\n                  marginTop: '.6rem',\n                  height: '34px',\n                  color: (fieldIsUnavailable && 'red') || undefined,\n                }\n              : defaultLabel && floatingLabel && !isFocused && !hasValue\n              ? {\n                  height: '43px',\n                }\n              : {}\n          }\n        />\n        {slotRight ? <InputSlot $slot={'right'}>{slotRight}</InputSlot> : null}\n      </InputWrapperStyled>\n\n      {$status && <InputFeedback $status={$status} />}\n    </InputStyled>\n  )\n}\n","import React, { SelectHTMLAttributes } from 'react'\nimport { SelectStyled, SelectWrapper } from './styled'\nimport { Label } from '@components/Form/Label'\nimport {\n  InputFeedback,\n  InputFeedbackStatus,\n} from '@components/Basic/InputFeedback'\nimport { FiChevronDown } from 'react-icons/fi'\n\nexport type InputSelectOption = {\n  value: string\n  label: string\n  disabled?: boolean\n}\n\nexport interface SelectFieldProps\n  extends SelectHTMLAttributes<HTMLSelectElement> {\n  name: string\n  disabled?: boolean\n  $loading?: boolean\n  $label?: string\n  $direction?: 'column' | 'row'\n  $options: InputSelectOption[]\n  $optionsLabel?: string\n  $status?: InputFeedbackStatus\n  $hasMargin?: boolean\n}\n\nexport const InputSelect: React.FC<SelectFieldProps> = ({\n  name,\n  disabled,\n  $loading,\n  $direction,\n  $label,\n  $options,\n  $optionsLabel,\n  $status,\n  $hasMargin,\n  ...props\n}) => {\n  const selectId = `${name}Select`\n  return (\n    <SelectStyled\n      $options={$options}\n      $direction={$direction || 'column'}\n      name={name}\n      $optionsLabel={$optionsLabel}\n      $status={$status}\n      $hasMargin={$hasMargin}\n    >\n      {$label && (\n        <Label $disabled={disabled} htmlFor={selectId} $label={$label} />\n      )}\n      <SelectWrapper>\n        <select\n          name={name}\n          id={selectId}\n          {...props}\n          disabled={disabled || $loading}\n        >\n          {$optionsLabel && (\n            <option value=''>{$loading ? 'Loading...' : $optionsLabel}</option>\n          )}\n          {$options &&\n            $options.map((option) => (\n              <React.Fragment key={option.value}>\n                <option value={option.value} disabled={option.disabled}>\n                  {option.label}\n                </option>\n              </React.Fragment>\n            ))}\n        </select>\n        <div>\n          <FiChevronDown />\n        </div>\n      </SelectWrapper>\n      {$status && <InputFeedback $status={$status} />}\n    </SelectStyled>\n  )\n}\n","import React, { ClipboardEventHandler, FocusEventHandler } from 'react'\nimport Select from 'react-select'\nimport AsyncSelect from 'react-select/async'\nimport {\n  CustomControl,\n  CustomIndicatorsContainer,\n  CustomMenu,\n  CustomOption,\n  CustomSingleValue,\n  CustomValueContainer,\n  MenuList,\n} from './ComponentOverrides'\nimport { customStyles, greyStyles, SmartSelectWrapper } from './styled'\nimport {\n  InputFeedback,\n  InputFeedbackStatus,\n} from '@components/Basic/InputFeedback'\nimport { useIsLabelTooLong } from '@components/Form/InputSmartSelect/Tooltip'\n\nexport type GroupedSelectValues = { label: string; options: SelectValue[] }[]\n\nexport type SelectValues = {\n  sourceFields: SelectValue[]\n  formula: SelectValue[]\n}\n\nexport type SelectValue = {\n  value: string | number\n  label: string\n  logoUri?: string\n  dropdownPrimaryLabel?: string\n  secondaryLabel?: string\n  icon?: 'new' | 'waiting'\n  isVerified?: boolean\n  type?: string\n  index?: number\n  [key: string]: any\n}\n\nexport interface SmartSelectProps {\n  initialValues: GroupedSelectValues | SelectValue[]\n  defaultValue?: SelectValue | SelectValue[]\n  placeholder?: string\n  isLoading?: boolean\n  isClearable?: boolean\n  isDisabled?: boolean\n  secondaryStyles?: boolean\n  isSearchable?: boolean\n  isMulti?: boolean\n  noOptionsMessageText?: string\n  onSelect: (value: SelectValue | SelectValue[]) => void\n  addNewOptionButton?: {\n    label: string\n    onClick: () => void\n  }\n  addActionClick?: {\n    label: string\n    onClick: () => void\n  }\n  onInputChange?: (value: string) => void\n  hasCustomSearch?: boolean\n  loadOptions?: (\n    inputValue: string\n  ) => Promise<GroupedSelectValues | SelectValue[]>\n  $status?: InputFeedbackStatus\n  onBlur?: FocusEventHandler<HTMLInputElement>\n  name?: string\n  menuIsOpen?: boolean\n  noIcon?: boolean\n  tooltipMessage?: string\n  extraLabel?: boolean\n  emailValidation?: boolean\n  keyDown?: (e: any) => any\n  isVerified?: boolean\n  defaultLabel?: string\n  floatingLabel?: string\n  upDownIconsStyle?: boolean\n  fieldIsUnavailable?: boolean\n  largeUpDownIconsStyle?: boolean\n  isFormulas?: boolean\n  onPaste?: ClipboardEventHandler<HTMLInputElement>\n  dataTestId?: string\n}\n\nexport const InputSmartSelect: React.FC<SmartSelectProps> = ({\n  initialValues,\n  isClearable = true,\n  onSelect,\n  placeholder,\n  defaultValue,\n  isSearchable = false,\n  noOptionsMessageText,\n  addNewOptionButton,\n  onInputChange,\n  hasCustomSearch,\n  isLoading,\n  loadOptions,\n  isMulti,\n  isDisabled,\n  $status,\n  onBlur,\n  name,\n  menuIsOpen,\n  noIcon,\n  tooltipMessage,\n  addActionClick,\n  extraLabel,\n  secondaryStyles,\n  emailValidation,\n  keyDown,\n  isVerified,\n  isFormulas,\n  defaultLabel,\n  floatingLabel,\n  upDownIconsStyle,\n  fieldIsUnavailable,\n  largeUpDownIconsStyle,\n  onPaste,\n  dataTestId,\n}) => {\n  const { wrapperEl, selectedSingleValueEl, isLabelTooLong } =\n    useIsLabelTooLong({\n      defaultValue: defaultValue as SelectValue,\n    })\n\n  // use this object to pass extra props and read them inside custom components (overrides)\n  const extraProps = {\n    addNewOptionButton,\n    addActionClick,\n    extraLabel,\n    noIcon,\n    emailValidation,\n    isVerified,\n    defaultLabel,\n    floatingLabel,\n    upDownIconsStyle,\n    largeUpDownIconsStyle,\n    selectedSingleValueEl,\n    isFormulas,\n    // this is the selected value to be displayed when text is too long\n    tooltipInternalLabel: isLabelTooLong\n      ? (defaultValue as SelectValue).label\n      : undefined,\n    tooltipExternalMessage: tooltipMessage,\n    fieldIsUnavailable,\n  }\n\n  const noDropdownIndicator =\n    isSearchable || loadOptions\n      ? { DropdownIndicator: () => null, IndicatorSeparator: () => null }\n      : {}\n\n  return (\n    <SmartSelectWrapper\n      ref={wrapperEl}\n      isLoading={isLoading}\n      datatest-id={dataTestId}\n    >\n      {loadOptions ? (\n        <AsyncSelect\n          components={{\n            Option: CustomOption,\n            SingleValue: CustomSingleValue,\n            Control: CustomControl,\n            Menu: CustomMenu,\n            MenuList: MenuList,\n            ValueContainer: CustomValueContainer,\n            IndicatorsContainer: CustomIndicatorsContainer,\n            ...noDropdownIndicator,\n          }}\n          styles={secondaryStyles ? greyStyles : customStyles}\n          isClearable={isClearable}\n          // always searchable when async\n          isSearchable\n          defaultOptions={initialValues}\n          defaultValue={defaultValue}\n          onChange={(selectedValue) => {\n            onSelect(selectedValue as SelectValue)\n          }}\n          loadOptions={loadOptions}\n          placeholder={isLoading ? 'Loading...' : placeholder}\n          onBlur={onBlur}\n          name={name}\n          menuIsOpen={menuIsOpen}\n          isDisabled={isLoading || isDisabled}\n          {...extraProps}\n        />\n      ) : (\n        <Select\n          menuIsOpen={menuIsOpen}\n          options={initialValues}\n          defaultValue={defaultValue}\n          components={{\n            Option: CustomOption,\n            SingleValue: CustomSingleValue,\n            Control: CustomControl,\n            Menu: CustomMenu,\n            MenuList: MenuList,\n            ValueContainer: CustomValueContainer,\n            IndicatorsContainer: CustomIndicatorsContainer,\n            ...noDropdownIndicator,\n          }}\n          styles={secondaryStyles ? greyStyles : customStyles}\n          isClearable={isClearable}\n          placeholder={isLoading ? 'Loading...' : placeholder}\n          noOptionsMessage={\n            noOptionsMessageText ? () => noOptionsMessageText : undefined\n          }\n          isDisabled={isLoading || isDisabled}\n          isSearchable={isSearchable || hasCustomSearch}\n          onChange={(selectedValue) => {\n            onSelect(selectedValue as SelectValue)\n          }}\n          onInputChange={(newValue) => {\n            if (onInputChange) {\n              onInputChange(newValue)\n            }\n          }}\n          filterOption={hasCustomSearch ? () => true : undefined}\n          isMulti={isMulti}\n          onBlur={onBlur}\n          name={name}\n          onKeyDown={keyDown}\n          {...extraProps}\n        />\n      )}\n      {$status && <InputFeedback $status={$status} />}\n    </SmartSelectWrapper>\n  )\n}\n","import React, { InputHTMLAttributes } from 'react'\nimport {\n  LabelStyled,\n  SpanStyled,\n  WrapperStyled,\n} from '@components/Form/InputToggle/styled'\n\nexport type SpanStyle = 'primary' | 'dark'\n\nexport interface InputToggleProps\n  extends InputHTMLAttributes<HTMLInputElement> {\n  $labelRight?: string\n  $labelLeft?: string\n  $isChecked?: boolean\n  $variant?: SpanStyle\n  $size?: 'large' | 'small'\n  $isDisabled?: boolean\n}\n\nexport const InputToggle: React.FC<InputToggleProps> = ({\n  $isChecked,\n  $variant,\n  $labelLeft,\n  $labelRight,\n  $size,\n  $isDisabled,\n  ...props\n}) => {\n  return (\n    <WrapperStyled $size={$size} $variant={$variant} $isChecked={$isChecked}>\n      {$labelLeft && (\n        <label style={{ marginRight: '1rem' }}>{$labelLeft}</label>\n      )}\n      <LabelStyled $isDisabled={$isDisabled} $size={$size}>\n        <input\n          disabled={$isDisabled}\n          checked={$isChecked}\n          type='checkbox'\n          {...props}\n        />\n        <SpanStyled $size={$size} $variant={$variant} $isChecked={$isChecked} />\n      </LabelStyled>\n      {$labelRight && (\n        <label style={{ marginLeft: '1rem' }}>{$labelRight}</label>\n      )}\n    </WrapperStyled>\n  )\n}\n","import React from 'react'\nimport { LabelStyled } from './styled'\n\nexport interface LabelProps {\n  $disabled?: boolean\n  $label?: string\n  htmlFor?: string\n  allowsHtml?: boolean\n}\n\nexport const Label: React.FC<LabelProps> = ({\n  $disabled,\n  htmlFor,\n  $label,\n  allowsHtml,\n}) => {\n  const labelId = `${htmlFor}`\n  return allowsHtml ? (\n    <LabelStyled\n      $disabled={$disabled}\n      htmlFor={labelId}\n      dangerouslySetInnerHTML={{\n        __html: $label || '',\n      }}\n    />\n  ) : (\n    <LabelStyled $disabled={$disabled} htmlFor={labelId}>\n      {$label}\n    </LabelStyled>\n  )\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { Label } from '@components/Form/Label'\nimport ReactTooltip from 'react-tooltip'\nimport { IoIosHelpCircleOutline } from 'react-icons/io'\nimport { useTranslation } from 'react-i18next'\n\nconst LabelWrapper = styled.div`\n  display: flex;\n  align-items: center;\n  svg {\n    margin-left: 0.5rem;\n    cursor: pointer;\n  }\n`\n\nconst DocUrl = styled.div`\n  margin-left: auto;\n  font-size: 0.8rem; /* same as label */\n  text-align: right;\n`\n\ninterface Props {\n  label: string\n  docUrl?: string\n  isRequired?: boolean\n  htmlFor?: string\n  tooltip?: string\n}\n\nexport const LabelWithDocTooltip: React.FC<Props> = ({\n  label,\n  docUrl,\n  isRequired,\n  htmlFor,\n  tooltip,\n}) => {\n  const { t } = useTranslation()\n  const labelWithRequired = isRequired ? `${label} <strong>(*)</strong>` : label\n\n  return (\n    <LabelWrapper>\n      <div>\n        <Label htmlFor={htmlFor} $label={labelWithRequired} allowsHtml />\n        {tooltip ? (\n          <>\n            <IoIosHelpCircleOutline size={'0.9em'} data-tip={tooltip} />\n            <ReactTooltip\n              place={'bottom'}\n              border\n              backgroundColor={'rgba(0, 0, 0, 0.7)'}\n              borderColor={'#f6f7f8'}\n              className={'reactTooltipSmall'}\n            />\n          </>\n        ) : null}\n      </div>\n      {docUrl ? (\n        <DocUrl>\n          <a href={docUrl} target={'_blank'} rel={'noopener noreferrer'}>\n            {t('nbee.bridgeBuilder.settingDocUrlText')}\n          </a>\n        </DocUrl>\n      ) : null}\n    </LabelWrapper>\n  )\n}\n","import React, { ReactElement, useEffect, useState } from 'react'\nimport CreatableSelect from 'react-select/creatable'\nimport {\n  InputFeedback,\n  InputFeedbackStatus,\n} from '@components/Basic/InputFeedback'\nimport {\n  CustomMenuList,\n  CustomMultiValue,\n  CustomOption,\n} from '@components/Form/MultiCreatableCustom/ComponentOverrides'\nimport { ApiFormulasSchemaResponseData } from 'BackendApi'\nimport {\n  customStyles,\n  SourceIcon,\n} from '@components/Form/MultiCreatableCustom/styled'\nimport { MappedField, MappedFieldMapping, MappedFieldType } from 'Nbee'\nimport {\n  createDefaultValues,\n  createOptions,\n  convertToMapping,\n} from '@components/Form/MultiCreatableCustom/utils'\nimport { useTranslation } from 'react-i18next'\nimport { SelectInstance } from 'react-select'\n\nexport type SelectValueMulti = {\n  label: string\n  value: string\n  selectId?: string\n  fieldType?: MappedFieldType\n  formulaDescription?: string\n  formulaCategory?: string\n  isNewFormula?: boolean\n  sourceLogoComponent?: ReactElement\n}\n\nexport type CustomCreatableAdditionalProps = {\n  handleTabChange?: (tabName: TabType) => void\n  activeTab?: TabType\n  hasPicklist?: boolean\n  sourceLogoComponent?: ReactElement\n  userHasFormulaEnabled?: boolean\n  onRedirectToPricing?: (redirect: boolean) => void\n}\n\nexport type TabType = 'fields' | 'formulas' | 'custom'\n\ninterface Props {\n  mappedField?: MappedField\n  fieldIndex?: number\n  onMappingChange?: (mapping: MappedFieldMapping[]) => void\n  onFormulaSelect?: (mappingItem: MappedFieldMapping) => void\n  onRedirectToPricing?: (redirect: boolean) => void\n  sourceOptions?: SelectValueMulti[]\n  picklistOptions?: SelectValueMulti[]\n  userHasFormulaEnabled?: boolean\n  formulaSchema?: ApiFormulasSchemaResponseData[]\n  sourceLogoUri?: string\n  placeholder?: string\n  isLoading?: boolean\n  isDisabled?: boolean\n  $status?: InputFeedbackStatus\n  dataTestId?: string\n}\n\nexport const MultiCreatableCustom: React.FC<Props> = ({\n  mappedField,\n  fieldIndex = 0, // default value must be 0\n  onMappingChange,\n  onFormulaSelect,\n  onRedirectToPricing,\n  sourceOptions,\n  picklistOptions,\n  userHasFormulaEnabled,\n  formulaSchema,\n  sourceLogoUri,\n  placeholder,\n  isLoading,\n  isDisabled,\n  $status,\n  dataTestId,\n}) => {\n  const [selectedOptions, setSelectedOptions] = useState<SelectValueMulti[]>([])\n  const [menuIsOpen, setMenuIsOpen] = useState(false)\n  const { t } = useTranslation()\n\n  const hasPicklist =\n    picklistOptions &&\n    mappedField?.picklist &&\n    mappedField?.picklist?.length > 0\n  const defaultActiveTab = hasPicklist ? 'custom' : 'fields'\n  const [activeTab, setActiveTab] = useState<TabType>(defaultActiveTab)\n\n  const options = createOptions(\n    sourceOptions || [],\n    picklistOptions || [],\n    formulaSchema || [],\n    activeTab\n  )\n  const defaultValues =\n    createDefaultValues(mappedField?.mapping || [], sourceOptions || [], t) ||\n    []\n\n  const optionsDisabled = !userHasFormulaEnabled && activeTab === 'formulas'\n\n  const sourceLogoComponent = (\n    <SourceIcon src={sourceLogoUri} alt='Source logo' />\n  )\n\n  // Wrapper function to update both local (react-select) and parent (formik) state\n  const handleMappingChange = (\n    newOptions: SelectValueMulti[], // New selected options\n    selectedOption?: SelectValueMulti // The option that was selected/deselected (if any)\n  ) => {\n    // console.log('handle mapping change is called', newOptions, selectedOption)\n    // Convert the new selected options to an array of MappedFieldMapping objects for the Formik context\n    if (!onMappingChange) return\n    const newMapping = convertToMapping(\n      newOptions,\n      mappedField ?? { mappingType: 'manual', mapping: [] }\n    )\n\n    setSelectedOptions(newOptions) // Update local state with the new options\n    onMappingChange(newMapping) // Notify parent component with new mapping array\n\n    if (!onFormulaSelect) return\n    // Check if the selected option is a formula and pass the mapping object to the parent component\n    if (selectedOption?.fieldType === 'formula') {\n      const newMappingWithFormula: MappedFieldMapping = {\n        id: selectedOption.selectId,\n        sourceFieldId: null,\n        fieldType: 'formula',\n        text: null,\n        formula: {\n          id: selectedOption.value,\n          params:\n            mappedField?.mapping.find((m) => m.id === selectedOption.selectId)\n              ?.formula?.params || [],\n          isNew: selectedOption.isNewFormula ?? true, // Set isNew to true if it's a new formula, otherwise false when editing an existing one\n        },\n      }\n      onFormulaSelect(newMappingWithFormula)\n    }\n  }\n\n  const handleTabChange = (tabName: TabType) => {\n    setActiveTab(tabName)\n  }\n\n  const selectRef = React.useRef<SelectInstance>(null)\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLElement>) => {\n    // Dynamically determine the available tabs based on conditions\n    const availableTabs: TabType[] = ['fields', 'formulas'] // Always available\n    if (hasPicklist) availableTabs.unshift('custom') // Add 'custom' at the beginning if available\n\n    const currentTabIndex = availableTabs.indexOf(activeTab)\n\n    if (e.key === 'Tab') {\n      e.preventDefault()\n      // Move to the next tab (cyclically)\n      const nextTabIndex = (currentTabIndex + 1) % availableTabs.length\n      handleTabChange(availableTabs[nextTabIndex])\n    }\n    if (e.key === 'Backspace' && selectRef.current?.props.inputValue === '') {\n      e.preventDefault()\n      // console.log('selectValue', selectRef.current)\n      handleMappingChange(selectedOptions.slice(0, -1))\n    }\n    if (e.key === ' ' && selectRef.current?.props.inputValue === '') {\n      e.preventDefault()\n      handleMappingChange([\n        ...selectedOptions,\n        {\n          label: 'SPACE',\n          value: ' ',\n          fieldType: 'text',\n          selectId: `${fieldIndex}-SPACE-${selectedOptions.length}`,\n        },\n      ])\n    }\n  }\n\n  const extraProps: CustomCreatableAdditionalProps = {\n    handleTabChange,\n    activeTab,\n    hasPicklist,\n    sourceLogoComponent,\n    userHasFormulaEnabled,\n    onRedirectToPricing,\n  }\n\n  // Update selectedOptions when mappedField changes\n  // This is necessary to keep the selected options in sync with the mappedField\n  // (e.g. when the user adds a new formula, we want to display the label including the selected\n  // field from the FormulaModal)\n  useEffect(() => {\n    const newOptions = createDefaultValues(\n      mappedField?.mapping || [],\n      sourceOptions || [],\n      t\n    )\n    setSelectedOptions(newOptions as SelectValueMulti[])\n  }, [mappedField?.mapping])\n\n  return (\n    <div data-testid={dataTestId}>\n      <CreatableSelect\n        ref={selectRef}\n        options={options}\n        styles={customStyles}\n        components={{\n          MultiValue: CustomMultiValue,\n          IndicatorsContainer: () => null, // disable indicators\n          Option: CustomOption,\n          MenuList: CustomMenuList,\n          MultiValueRemove: () => null, // disable default MultiValueRemove component\n        }}\n        value={selectedOptions}\n        defaultValue={defaultValues}\n        placeholder={isLoading ? 'Loading...' : placeholder}\n        onKeyDown={handleKeyDown}\n        openMenuOnClick={true}\n        menuIsOpen={menuIsOpen}\n        onMenuOpen={() => setMenuIsOpen(true)}\n        onMenuClose={() => setMenuIsOpen(false)}\n        hideSelectedOptions={false}\n        isDisabled={isLoading || isDisabled}\n        isMulti\n        isClearable={false}\n        isOptionSelected={() => false}\n        isOptionDisabled={() => optionsDisabled || false}\n        isValidNewOption={(inputValue) => {\n          // Necessary to allow adding value with the same text\n          return inputValue.trim().length > 0\n        }}\n        onChange={(selectedValue, actionMeta) => {\n          switch (actionMeta.action) {\n            case 'select-option': {\n              const selectedOption = actionMeta.option as SelectValueMulti\n              // when selectedOption is an array, is because the editFormula button was clicked.\n              // Otherwise, a new option has been added\n              // console.log('selectedOption', selectedOption)\n              if (selectedOption.value) {\n                // If we're adding a new option, we want to generate a new selectId\n                // to avoid conflicts with existing options,\n                // and to update the local and parent states\n                // console.log('selectedOption', selectedOption)\n                const mappingIndex = selectedOptions.length\n                const identifier = selectedOption.value\n                // Generate unique identifier for the new option\n                const selectId = `${fieldIndex}-${identifier}-${mappingIndex}`\n\n                const updatedOption = {\n                  ...selectedOption,\n                  selectId,\n                }\n\n                // Update selectedOptions with the new or updated option\n                handleMappingChange(\n                  [...selectedOptions, updatedOption],\n                  updatedOption\n                )\n              } else {\n                // we are editing an existing formula, so we already have the selectId\n                handleMappingChange(\n                  [...selectedOptions],\n                  selectedValue as unknown as SelectValueMulti\n                )\n              }\n              break\n            }\n\n            case 'deselect-option': {\n              // Filter out the deselected option using the selectId previously generated,\n              // then update local and parent states\n              handleMappingChange(\n                selectedOptions.filter(\n                  (option) =>\n                    option.selectId !==\n                    (selectedValue as SelectValueMulti).selectId\n                )\n              )\n              break\n            }\n\n            case 'create-option': {\n              // Handle new 'text' options created by the user\n              const newOption = {\n                label: (actionMeta.option as SelectValueMulti).label,\n                value: (actionMeta.option as SelectValueMulti).value,\n                fieldType: 'text' as MappedFieldType, // Default to 'text' for new custom options\n                isFormula: false,\n                selectId: `${fieldIndex}-${\n                  (actionMeta.option as SelectValueMulti).value\n                }-${selectedOptions.length}`, // Generate a new selectId for the custom option\n              }\n              // update local and parent states\n              handleMappingChange([...selectedOptions, newOption])\n              break\n            }\n          }\n        }}\n        {...extraProps}\n      />\n      {$status && <InputFeedback $status={$status} />}\n    </div>\n  )\n}\n","import React, { forwardRef, InputHTMLAttributes } from 'react'\nimport { TextareaWrapper, TextareaStyled } from './styled'\nimport { Label } from '@components/Form/Label'\nimport {\n  InputFeedbackStatus,\n  InputFeedback,\n} from '@components/Basic/InputFeedback'\n\nexport interface InputFieldAttrProps\n  extends InputHTMLAttributes<HTMLTextAreaElement> {\n  $status?: InputFeedbackStatus\n  name: string\n  label?: string\n}\n\nexport const Textarea = forwardRef<HTMLTextAreaElement, InputFieldAttrProps>(\n  ({ label, $status, ...props }, ref) => {\n    const inputId = `${props.name}`\n\n    return (\n      <TextareaWrapper>\n        {label && (\n          <Label $disabled={props.disabled} htmlFor={inputId} $label={label} />\n        )}\n        <TextareaStyled ref={ref} $status={$status} {...props} />\n        {$status && <InputFeedback $status={$status} />}\n      </TextareaWrapper>\n    )\n  }\n)\n\nTextarea.displayName = 'Textarea'\n","import React from 'react'\nimport {\n  InputSmartSelect,\n  SelectValue,\n} from '@components/Form/InputSmartSelect'\nimport { useField, useFormikContext } from 'formik'\nimport { Label } from '@components/Form/Label'\nimport { InputFeedback } from '@components/Basic/InputFeedback'\nimport { FormikInputSmartSelectStyled } from './styled'\n\nexport interface Props {\n  initialValues: SelectValue[]\n  name: string\n  label?: string\n  isLoading?: boolean\n  secondaryStyles?: boolean\n  noIcon?: boolean\n  isClearable?: boolean\n}\nexport const FormikInputSmartSelect: React.FC<Props> = ({\n  initialValues,\n  name,\n  label,\n  isLoading,\n  secondaryStyles,\n  noIcon,\n  isClearable,\n}) => {\n  const [field, meta, helpers] = useField(name)\n  const errorMessage = meta.touched && meta.error\n  const defaultValue = initialValues.find((item) => item.value === field.value)\n\n  return (\n    <FormikInputSmartSelectStyled secondaryStyles={secondaryStyles}>\n      <Label $label={label} />\n      <InputSmartSelect\n        onBlur={() => {\n          helpers.setTouched(true)\n        }}\n        isLoading={isLoading}\n        key={defaultValue?.value}\n        defaultValue={defaultValue}\n        initialValues={initialValues || []}\n        onSelect={(selectedValue) => {\n          const currentValue = selectedValue as SelectValue | null\n          helpers.setValue(currentValue?.value || '')\n        }}\n        secondaryStyles={secondaryStyles}\n        noIcon={noIcon}\n        isClearable={isClearable}\n      />\n      {errorMessage ? (\n        <InputFeedback $status={{ error: errorMessage }} />\n      ) : null}\n    </FormikInputSmartSelectStyled>\n  )\n}\n","import React, { useRef, useState } from 'react'\nimport { BsQuestionCircle } from 'react-icons/bs'\nimport { ImCopy } from 'react-icons/im'\nimport ReactTooltip from 'react-tooltip'\nimport {\n  InputWrapper,\n  IconWrapper,\n  InputField,\n  CopyText,\n  LabelWrapper,\n} from './styled'\n\ninterface Props {\n  label?: string\n  inputValue?: string\n  tooltip?: string\n  docUrl?: string\n  linkKey?: string\n}\n\nexport const InputAutoSelectCopy: React.FC<Props> = ({\n  label,\n  inputValue,\n  tooltip,\n  docUrl,\n  linkKey,\n  ...props\n}) => {\n  const inputRef = useRef<HTMLInputElement | null>(null)\n  const [isCopied, setIsCopied] = useState(false)\n\n  const handleCopyLink = () => {\n    inputRef?.current?.select()\n    document.execCommand('copy')\n    setIsCopied(true)\n  }\n\n  return (\n    <InputWrapper>\n      <LabelWrapper>\n        {label && <label>{label}</label>}\n        {docUrl && (\n          <a href={docUrl} target={'_blank'} rel={'noopener noreferrer'}>\n            {linkKey}\n          </a>\n        )}\n      </LabelWrapper>\n      <InputField>\n        <ReactTooltip\n          id='url'\n          place='top'\n          type={'light'}\n          effect='solid'\n          className='customTooltipInput'\n        >\n          {inputValue}\n        </ReactTooltip>\n        <input\n          data-tip\n          data-for='url'\n          ref={inputRef}\n          type='text'\n          value={inputValue}\n          readOnly\n          onClick={handleCopyLink}\n          {...props}\n        />\n        <IconWrapper>\n          {tooltip ? (\n            <ReactTooltip\n              id='url-info'\n              place='bottom'\n              type={'light'}\n              effect='solid'\n              className='customTooltipIcon'\n            >\n              {tooltip}\n            </ReactTooltip>\n          ) : null}\n          <BsQuestionCircle size={20} data-tip data-for='url-info' />\n          <ImCopy size={20} onClick={handleCopyLink} />\n        </IconWrapper>\n      </InputField>\n      {isCopied && <CopyText>Copied</CopyText>}\n    </InputWrapper>\n  )\n}\n","import React, { useEffect, useRef, useState } from 'react'\n\nimport {\n  PanelPopupBody,\n  PanelPopupButtonClose,\n  PanelPopupContent,\n  PanelPopupHeader,\n  PanelPopupImageWrapper,\n  PanelPopupStyled,\n  PanelPopupWrapper,\n} from './styled'\nimport { useTranslation } from 'react-i18next'\nimport { IoCloseOutline } from 'react-icons/io5'\n\nexport interface PanelPopupProps {\n  image?: string\n  dismissable?: boolean\n  onClose?: () => void\n  content?: React.ReactNode\n  position?: 'floating' | 'bottom'\n}\n\nexport const PanelPopup: React.VFC<PanelPopupProps> = ({\n  image,\n  content,\n  onClose,\n  dismissable,\n  position,\n}) => {\n  const { t } = useTranslation()\n  const [isVisible, setIsVisible] = useState(false)\n  const timeoutId = useRef<NodeJS.Timeout>()\n\n  useEffect(() => {\n    timeoutId.current = setTimeout(() => {\n      setIsVisible(true)\n    }, 1)\n\n    return () => {\n      if (timeoutId.current) {\n        clearTimeout(timeoutId.current)\n      }\n    }\n  }, [])\n\n  return (\n    <PanelPopupStyled\n      position={position || 'floating'}\n      className={isVisible ? 'visible' : ''}\n    >\n      <PanelPopupWrapper>\n        <PanelPopupHeader>\n          {dismissable ? (\n            <PanelPopupButtonClose\n              onClick={() => {\n                if (onClose) {\n                  onClose()\n                }\n              }}\n            >\n              <IoCloseOutline /> {t('common.close')}\n            </PanelPopupButtonClose>\n          ) : null}\n        </PanelPopupHeader>\n\n        <PanelPopupBody>\n          <PanelPopupContent>{content}</PanelPopupContent>\n          {image ? (\n            <PanelPopupImageWrapper>\n              <img src={image} />\n            </PanelPopupImageWrapper>\n          ) : null}\n        </PanelPopupBody>\n      </PanelPopupWrapper>\n    </PanelPopupStyled>\n  )\n}\n","import React, { createContext, useEffect, useRef, useState } from 'react'\nimport {\n  PanelBody,\n  PanelBodyInner,\n  PanelFooter,\n  PanelFooterContainer,\n  PanelFooterLeft,\n  PanelFooterRight,\n  PanelFooterWrapper,\n  PanelHead,\n  PanelStyled,\n  PanelWrapper,\n} from './styled'\nimport { PanelPopup, PanelPopupProps } from '@components/PanelPopup'\nimport { ProgressBar } from '@components/Panel/ProgressBar'\n\ninterface PanelPopupContext {\n  popup?: PanelPopupProps\n  sendPopup?: (popup?: PanelPopupProps) => void\n}\n\nexport const PanelPopupContext = createContext<PanelPopupContext>({})\n\ninterface PanelProps {\n  head?: React.ReactNode\n  body?: React.ReactNode\n  progressBarPercentage?: number\n  footer?: {\n    left?: React.ReactNode\n    right?: React.ReactNode\n  } | null\n}\n\nexport const Panel: React.FC<PanelProps> = ({\n  head,\n  body,\n  footer,\n  progressBarPercentage,\n}) => {\n  const [popup, setPopup] = useState<PanelPopupProps | undefined>()\n  const [bodyPaddingBottom, setBodyPaddingBottom] = useState<number>()\n\n  const bodyOuterRef = useRef<HTMLDivElement | null>(null)\n  const bodyInnerRef = useRef<HTMLDivElement | null>(null)\n  const footerRef = useRef<HTMLDivElement | null>(null)\n\n  // when bodyInner has scroll, we set a top seprator for footer\n  const bodyOuterHeight = bodyOuterRef.current?.clientHeight\n  const bodyInnerHeight = bodyInnerRef.current?.clientHeight\n  const footerHasTopSeparator =\n    bodyOuterHeight && bodyInnerHeight\n      ? bodyInnerHeight > bodyOuterHeight\n      : false\n\n  // To avoid that footer will overlaps body content we set a padding bottom equal to footer height\n  useEffect(() => {\n    if (footerRef.current) {\n      setBodyPaddingBottom(footerRef.current?.clientHeight)\n    }\n  }, [footerRef])\n\n  return (\n    <PanelPopupContext.Provider\n      value={{\n        popup,\n        sendPopup: setPopup,\n      }}\n    >\n      <PanelStyled extraPadding={Boolean(footer)}>\n        <PanelWrapper>\n          {progressBarPercentage ? (\n            <ProgressBar percentage={progressBarPercentage} />\n          ) : null}\n          {head ? (\n            <PanelHead>{head}</PanelHead>\n          ) : (\n            // in case of no head we keep some top space\n            <div style={{ paddingTop: '1rem' }} />\n          )}\n          {body || footer ? (\n            <PanelBody\n              $hasExtraTopPadding={!head}\n              ref={bodyOuterRef}\n              $panelHasHead={!!head}\n            >\n              <PanelBodyInner\n                ref={bodyInnerRef}\n                paddingBottom={footer ? bodyPaddingBottom : 0}\n              >\n                {body}\n              </PanelBodyInner>\n            </PanelBody>\n          ) : null}\n        </PanelWrapper>\n      </PanelStyled>\n      {/* footer */}\n      {footer ? (\n        <PanelFooter ref={footerRef}>\n          <PanelFooterContainer $showTopSeparator={footerHasTopSeparator}>\n            {popup ? (\n              <PanelPopup\n                {...popup}\n                onClose={() => {\n                  setPopup(undefined)\n                  if (popup.onClose) {\n                    popup.onClose()\n                  }\n                }}\n              />\n            ) : null}\n\n            <PanelFooterWrapper>\n              <PanelFooterLeft>{footer.left}</PanelFooterLeft>\n              <PanelFooterRight>{footer.right}</PanelFooterRight>\n            </PanelFooterWrapper>\n          </PanelFooterContainer>\n        </PanelFooter>\n      ) : null}\n    </PanelPopupContext.Provider>\n  )\n}\n","import React, { useEffect } from 'react'\n\ntype WindowWithGrecaptchh = Window &\n  typeof globalThis & {\n    grecaptcha: any\n  }\n\nexport type GetCaptchaToken = () => Promise<string | undefined>\n\ninterface Props {\n  children: (renderProps: {\n    getCaptchaToken: GetCaptchaToken\n  }) => React.ReactNode\n}\n\nconst googleReCaptchaKey = process.env.REACT_GOOGLE_RECAPTCHA_KEY || ''\n\nexport const ReCaptcha: React.VFC<Props> = ({ children }) => {\n  // we generate the token everytime a child component calls this method\n  const getCaptchaToken: GetCaptchaToken = async () => {\n    if (!googleReCaptchaKey) {\n      return 'recaptcha-not-enabled'\n    }\n\n    const w = window as WindowWithGrecaptchh\n    if (!w.grecaptcha) {\n      console.log('recaptcha lib not found')\n      return\n    }\n\n    try {\n      const token: string = await w.grecaptcha.execute(\n        `${process.env.REACT_GOOGLE_RECAPTCHA_KEY}`,\n        {\n          action: 'submit',\n        }\n      )\n      return token\n    } catch (e: any) {\n      console.log(e, e.message)\n      return 'cannot-retrieve-recaptcha-token'\n    }\n  }\n\n  useEffect(() => {\n    if (!googleReCaptchaKey) {\n      return\n    }\n\n    if (document.getElementById('google-recaptcha')) {\n      console.log('Captcha script exists already')\n      return\n    }\n\n    // Inject recaptcha script in DOM\n    const script = document.createElement('script')\n    script.src = `https://www.google.com/recaptcha/api.js?render=${googleReCaptchaKey}`\n    script.id = 'google-recaptcha'\n    document.body.appendChild(script)\n\n    // cleanup function to remove script on component unmount\n    return () => {\n      const googleScript = document.getElementById('google-recaptcha')\n      // remove element in DOM\n      document.querySelector('.grecaptcha-badge')?.remove()\n      if (googleScript) {\n        googleScript.remove()\n      }\n    }\n  }, [])\n\n  return <>{children({ getCaptchaToken })}</>\n}\n","import React from 'react'\nimport { Trans } from 'react-i18next'\n\ninterface Props {\n  i18nKey: string\n  values?: Record<string, string | number>\n  count?: number\n}\n\nexport const Translate: React.FC<Props> = ({ i18nKey, values, count }) => {\n  return (\n    <Trans\n      i18nKey={i18nKey as never}\n      components={{\n        b: <strong />,\n        strong: <strong />,\n        a: <a />,\n        br: <br />,\n      }}\n      values={values}\n      count={count}\n    />\n  )\n}\n","import React, { Fragment } from 'react'\nimport { PageEditor } from '@app/layouts/PageEditor'\nimport { Formik, Form, FormikHelpers } from 'formik'\nimport { Panel } from '@components/Panel'\nimport { FormInner } from './FormInner'\nimport { SignupSurveyFormValues } from 'SignupSurvey'\nimport { initialValues, makeValidationSchema } from './formUtils'\nimport { useTranslation } from 'react-i18next'\nimport { AppLogos, BbuData } from '@features/SignupSurvey/AppLogos'\n\ninterface Props {\n  bbuData?: BbuData\n  onSubmit: (\n    values: SignupSurveyFormValues,\n    formikHelpers: FormikHelpers<SignupSurveyFormValues>\n  ) => void\n}\n\nexport const SignupSurvey: React.VFC<Props> = ({ bbuData, onSubmit }) => {\n  const { t } = useTranslation()\n  const steps = [\n    {\n      title: t('auth.signupSurvey.stepName'),\n      label: t('auth.signupSurvey.stepName'),\n    },\n    {},\n    {},\n  ]\n\n  return (\n    <Formik\n      initialValues={initialValues}\n      validationSchema={makeValidationSchema(t)}\n      onSubmit={(values, formikHelpers) => {\n        onSubmit(values, formikHelpers)\n      }}\n    >\n      {() => {\n        return (\n          <Fragment>\n            <PageEditor steps={steps} activeStep={0} hasTopBar>\n              <Form>\n                <Panel\n                  head={bbuData && <AppLogos bbuData={bbuData} />}\n                  body={<FormInner />}\n                />\n              </Form>\n            </PageEditor>\n          </Fragment>\n        )\n      }}\n    </Formik>\n  )\n}\n","import React, { lazy, Suspense } from 'react'\nimport { useGetUserInfo } from '@app/api/getUserInfo'\nimport { Route, Switch } from 'react-router-dom'\nimport { appRoutes } from '@app/routes'\n\nconst InfoBarComponentLazy = lazy(() => import('./InfoBarComponent'))\n\nconst SuperUserInfoBarWithQuery: React.VFC = () => {\n  const { data: userData } = useGetUserInfo()\n\n  if (userData?.user && userData?.superUser?.email) {\n    return (\n      <Suspense fallback={null}>\n        <InfoBarComponentLazy\n          fullName={`${userData.user.firstName} ${userData.user.lastName}`}\n          email={userData.user.email || ''}\n        />\n      </Suspense>\n    )\n  }\n\n  return null\n}\n\n// In case we are in logout path we can't load the SuperUserInfoBarWithQuery\n// because it will call `useGetUserInfo` (user/me) api that will generate an endless loop\n// `user/me` returns 401 -> redirect to logout -> calls user/me again -> 401 -> new redirection\nexport const SuperUserInfoBar: React.VFC = () => {\n  return (\n    <Switch>\n      <Route path={appRoutes.logout.path}>\n        <div />\n      </Route>\n      <Route path='/*' exact>\n        <SuperUserInfoBarWithQuery />\n      </Route>\n    </Switch>\n  )\n}\n","import React from 'react'\nimport { Button } from '@components/Basic/ButtonNbe'\nimport { useTranslation } from 'react-i18next'\nimport { MdMode } from 'react-icons/md'\nimport { ApiBillingInfo, ApiUserInfo } from 'BackendApi'\nimport { BillingDetailsStyled, ButtonWrapper } from './styled'\n\ninterface Props {\n  billingInfo?: ApiBillingInfo | undefined\n  onEditRequest: () => void\n  userInfo: ApiUserInfo\n}\n\nexport const BillingDetails: React.FC<Props> = ({\n  billingInfo,\n  onEditRequest,\n  userInfo,\n}) => {\n  const { t } = useTranslation()\n\n  const {\n    companyName,\n    country = '',\n    state = '',\n    zip = '',\n    phone,\n  } = billingInfo ?? {}\n\n  const displayInfo = {\n    name: companyName || `${userInfo.firstName} ${userInfo.lastName}`,\n    address: [country, state, zip].filter(Boolean).join(', '),\n    phone,\n  }\n\n  return (\n    <>\n      <BillingDetailsStyled>\n        <div>\n          <p>{displayInfo.name}</p>\n          <p>{displayInfo.address.trim()}</p>\n          <p>{displayInfo.phone}</p>\n        </div>\n      </BillingDetailsStyled>\n      <ButtonWrapper>\n        <MdMode size={24} color={'#41a6dc'} />\n        <Button\n          style={{ margin: '0', padding: '1rem 0.5rem' }}\n          onClick={() => {\n            onEditRequest()\n          }}\n          $variant={'link-primary'}\n          $size={'large'}\n        >\n          {t('billing.payment.editBilling')}\n        </Button>\n      </ButtonWrapper>\n    </>\n  )\n}\n","import { Form, Formik } from 'formik'\nimport React, { useEffect, useState } from 'react'\nimport {\n  BillingFormValues,\n  statesValidationSchema,\n  validationSchema,\n} from '@features/billing/BillingBox/formConfig'\nimport { FormikInputField } from '@components/Formik/FormikInputField'\nimport { FormikInputCheckbox } from '@components/Formik/FormikInputCheckbox'\nimport { FormikInputSelect } from '@components/Formik/FormikInputSelect'\nimport { SyncValuesWithParent } from '@features/billing/BillingBox/SyncValuesWithParent'\nimport { BillingDetails } from '@features/billing/BillingBox/BillingDetails'\n\nimport {\n  CustomInputField,\n  FormInputGroup,\n  WrapperInputCheckbox,\n  Wrapper,\n  InputWrapper,\n} from './styled'\nimport { useGetCountries } from '@app/api/getCountries'\nimport { useGetStates } from '@app/api/getStates'\nimport { ApiUserInfo } from 'BackendApi'\nimport { FormikInputSmartSelect } from '@components/Formik/FormikInputSmartSelect'\n\ninterface Props {\n  initialFormValues: BillingFormValues\n  onValuesChange: (newValues: BillingFormValues, isValid: boolean) => void\n  isDataEmpty: boolean\n  userInfo: ApiUserInfo\n  onStripeSubmit: boolean\n}\n\nexport const BillingBox: React.FC<Props> = ({\n  initialFormValues,\n  onValuesChange,\n  isDataEmpty,\n  userInfo,\n  onStripeSubmit,\n}) => {\n  const [isAddingNewInfo, setIsAddingNewInfo] = useState(false)\n  const [countryCode, setCountryCode] = useState(initialFormValues.country)\n  const [noCompany, setNoCompany] = useState(initialFormValues.noCompany)\n  const [validation, setValidation] = useState(validationSchema)\n\n  const handleValues = (newValues: BillingFormValues) => {\n    setNoCompany(newValues.noCompany)\n    setCountryCode(newValues.country)\n  }\n\n  const {\n    data: countries,\n    isLoading: isLoadingCountries,\n    error: countriesError,\n  } = useGetCountries()\n\n  const {\n    data: states,\n    refetch: refetchStates,\n    isLoading: isLoadingStates,\n    error: statesError,\n    remove: removeData,\n  } = useGetStates(countryCode || ' ')\n\n  useEffect(() => {\n    if (isDataEmpty) {\n      setIsAddingNewInfo(true)\n    }\n  }, [isDataEmpty])\n\n  useEffect(() => {\n    refetchStates()\n  }, [countryCode])\n\n  return (\n    <Wrapper>\n      {isAddingNewInfo ? (\n        <Formik\n          initialValues={initialFormValues}\n          validationSchema={validation}\n          validateOnChange\n          validateOnBlur\n          onSubmit={async () => {\n            // No submit needed , we pass sync values to parent\n          }}\n        >\n          {(formikProps) => {\n            const isCountryStates = formikProps.values.country === 'US'\n\n            return (\n              <Form>\n                <SyncValuesWithParent\n                  onStripeSubmit={onStripeSubmit}\n                  onValuesChange={(newValues, isValid) => {\n                    if (newValues.noCompany) {\n                      formikProps.setFieldValue('companyName', '')\n                    }\n                    if (newValues.country === 'US') {\n                      setValidation(statesValidationSchema)\n                    } else {\n                      setValidation(validationSchema)\n                      formikProps.setFieldValue('state', '')\n                    }\n                    handleValues(newValues)\n                    onValuesChange(newValues, isValid)\n                  }}\n                />\n                <CustomInputField\n                  name={'companyName'}\n                  type={'text'}\n                  label={'Company Name'}\n                  disabled={noCompany}\n                />\n                <WrapperInputCheckbox>\n                  <FormikInputCheckbox name={'noCompany'}>\n                    I'm not a company\n                  </FormikInputCheckbox>\n                </WrapperInputCheckbox>\n                <InputWrapper>\n                  <FormikInputField\n                    type={'tel'}\n                    name={'phone'}\n                    label={'Phone (with prefix)'}\n                    style={{ backgroundColor: '#ededee' }}\n                  />\n                </InputWrapper>\n                <FormInputGroup twoColumns={!isCountryStates}>\n                  <InputWrapper>\n                    <FormikInputSmartSelect\n                      initialValues={\n                        (countries || []).map((item) => ({\n                          value: item.id,\n                          label: item.text,\n                        })) || []\n                      }\n                      name={'country'}\n                      label={'Country'}\n                      secondaryStyles\n                      noIcon\n                      isClearable={false}\n                    />\n                  </InputWrapper>\n                  {isCountryStates ? (\n                    <InputWrapper>\n                      <FormikInputSelect\n                        $optionsLabel={\n                          !states?.length || !isCountryStates\n                            ? undefined\n                            : 'State'\n                        }\n                        name={'state'}\n                        $options={\n                          !isCountryStates\n                            ? []\n                            : (states || []).map((item) => ({\n                                value: item.id,\n                                label: item.id,\n                              }))\n                        }\n                        $label={'State'}\n                        style={{ backgroundColor: '#ededee' }}\n                        disabled={!states?.length || !isCountryStates}\n                      />\n                    </InputWrapper>\n                  ) : null}\n\n                  <InputWrapper>\n                    <FormikInputField\n                      type={'text'}\n                      name={'zip'}\n                      label={'Zip'}\n                      style={{ backgroundColor: '#ededee' }}\n                    />\n                  </InputWrapper>\n                </FormInputGroup>\n              </Form>\n            )\n          }}\n        </Formik>\n      ) : (\n        <BillingDetails\n          billingInfo={initialFormValues}\n          onEditRequest={() => setIsAddingNewInfo(true)}\n          userInfo={userInfo}\n        />\n      )}\n    </Wrapper>\n  )\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { ReactComponent as CardBoxImage } from '@assets/images/card_payments.svg'\nimport { SecurePaymentLogo } from './SecurePaymentLogo'\n\nexport const Wrapper = styled.div<{ hasPadding?: boolean }>`\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: space-between;\n  align-items: stretch;\n  border-radius: 8px;\n  gap: 2rem;\n  background: transparent;\n\n  padding: ${({ hasPadding }) => (hasPadding ? '1rem' : '0')};\n  @media (min-width: 500px) {\n    padding: ${({ hasPadding }) => (hasPadding ? '2rem' : '0')};\n  }\n\n  .full-width {\n    width: 100%;\n  }\n\n  h2 {\n    font-size: 1.7rem;\n    margin-bottom: 2rem;\n  }\n`\n\nconst CardInfo = styled.div`\n  flex: 1;\n`\nconst CardBoxASideWrapper = styled.div`\n  width: 30%;\n  text-align: center;\n\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  @media (max-width: 600px) {\n    display: none;\n  }\n`\nconst CardBoxASideImageWrapper = styled.div`\n  svg {\n    display: block;\n    width: 75%;\n    height: auto;\n  }\n`\n\ninterface Props {\n  showSecurePaymentLogo?: boolean\n  title?: string\n  hasPadding?: boolean\n}\n\nexport const BoxWrapperWithSideImage: React.FC<Props> = ({\n  children,\n  showSecurePaymentLogo,\n  title,\n  hasPadding,\n}) => {\n  return (\n    <Wrapper hasPadding={hasPadding}>\n      <CardInfo>\n        {title && <h2>{title}</h2>}\n        {children}\n      </CardInfo>\n      <CardBoxASideWrapper>\n        <CardBoxASideImageWrapper>\n          <CardBoxImage />\n        </CardBoxASideImageWrapper>\n        {showSecurePaymentLogo && <SecurePaymentLogo />}\n      </CardBoxASideWrapper>\n    </Wrapper>\n  )\n}\n","import React, { useEffect, useState } from 'react'\nimport { CardDetails } from '@features/billing/CreditCardBox/CardDetails'\nimport { BoxWrapperWithSideImage } from '@features/billing/CreditCardBox/BoxWrapperWithSideImage'\nimport { StripePaymentProvider } from '@features/billing/stripe/StripePaymentProvider'\nimport { StripeForm } from '@features/billing/stripe/StripeForm'\nimport { CreditCardSubmitButtons } from '@features/billing/stripe/CreditCardSubmitButtons'\nimport { Button } from '@components/Basic/ButtonNbe'\nimport { useStoreCreditCard } from '@app/api/postCreditCard'\nimport { sendToast } from '@app/store/actions/ApplicationConfigurationActions'\nimport { parseApiError } from '@app/api/utils/error'\nimport { useAppDispatch } from '@app/store/hooks'\nimport { useGetUserInfo } from '@app/api/getUserInfo'\nimport { useTranslation } from 'react-i18next'\nimport { Loader } from '@components/Basic/Loader'\nimport styled from 'styled-components'\nimport { BsCreditCard2Back } from 'react-icons/bs'\nimport { trackEvent } from '@app/dataTracking'\nimport { makePricingTrackingStep } from '@app/dataTracking/utils'\n\nexport type CreditCardItem = {\n  fullName?: string\n  number: string\n  expiration: string\n  logoUri?: string\n}\n\nconst ButtonWrapper = styled.div`\n  position: relative;\n\n  svg {\n    position: absolute;\n    z-index: 100;\n    top: 50%;\n    left: 8%;\n    transform: translate(-50%, -50%);\n  }\n`\n\nexport const CreditCardBox: React.FC = () => {\n  const [isAddingNewCard, setIsAddingNewCard] = useState(false)\n  const dispatch = useAppDispatch()\n  const { t } = useTranslation()\n\n  const {\n    data: userData,\n    isLoading: isLoadingUser,\n    refetch: refetchUserInfo,\n  } = useGetUserInfo()\n  const userBillingInfo = userData?.pricing\n\n  const cards: CreditCardItem[] = (\n    userBillingInfo && userBillingInfo.creditCard\n      ? [\n          {\n            fullName: userBillingInfo.creditCardOwner || 'Saved card',\n            number: userBillingInfo.creditCard,\n            expiration: userBillingInfo.creditCardExpiration,\n          },\n        ]\n      : []\n  ).filter((card) => card.number && card.number !== 'N/A')\n\n  const {\n    mutate: storeCreditCardMutation,\n    error: errorStoreCreditCard,\n    isLoading: storeLoadingStateCreditCard,\n  } = useStoreCreditCard()\n\n  const storeCreditCard = (creditCardToken: string) => {\n    storeCreditCardMutation(\n      { creditCardToken },\n      {\n        onSuccess: () => {\n          refetchUserInfo()\n          setIsAddingNewCard(false)\n        },\n      }\n    )\n  }\n\n  // on error\n  useEffect(() => {\n    if (errorStoreCreditCard) {\n      const parsedError = parseApiError(errorStoreCreditCard)\n      dispatch(\n        sendToast({\n          title: 'Error',\n          message: parsedError.message,\n          color: 'negative',\n        })\n      )\n\n      trackEvent({\n        eventName: 'UnexpectedErrorThrown',\n        feature: 'Pricing',\n        step: makePricingTrackingStep(location.pathname),\n        params: {\n          custom: {\n            errorCode: parsedError.code,\n            errorDescription: parsedError.message,\n          },\n        },\n        sendEventToIntercom: true,\n      })\n    }\n  }, [errorStoreCreditCard])\n\n  return isLoadingUser ? (\n    <div>\n      <Loader $active $dimmer $size={'large'} />\n    </div>\n  ) : isAddingNewCard ? (\n    <StripePaymentProvider>\n      <StripeForm onCreditCardTokenRetrieved={storeCreditCard}>\n        {({ isLoading }) => (\n          <CreditCardSubmitButtons\n            isLoading={isLoading || storeLoadingStateCreditCard}\n            onCancelRequest={() => {\n              setIsAddingNewCard(false)\n            }}\n          />\n        )}\n      </StripeForm>\n    </StripePaymentProvider>\n  ) : (\n    <BoxWrapperWithSideImage\n      hasPadding\n      title={t('billing.payment.creditCardBoxTitle')}\n    >\n      {cards && cards.length ? (\n        cards.map((card, idx) => (\n          <CardDetails\n            key={idx}\n            card={cards[0]}\n            onEditCardRequest={() => {\n              setIsAddingNewCard(true)\n            }}\n          />\n        ))\n      ) : (\n        <div>\n          <p>{t('billing.payment.noPaymentMethods')}</p>\n          <ButtonWrapper>\n            <BsCreditCard2Back color={'#fff'} />\n            <Button\n              onClick={() => {\n                setIsAddingNewCard(true)\n              }}\n              $variant={'action'}\n              $size={'large'}\n              $fluid\n              style={{ maxWidth: '270px' }}\n            >\n              {t('billing.payment.addCard')}\n            </Button>\n          </ButtonWrapper>\n        </div>\n      )}\n    </BoxWrapperWithSideImage>\n  )\n}\n","import React from 'react'\nimport {\n  CheckoutPrePrice,\n  CeckoutTotalPrice,\n  CheckoutTrialLimitsDisclaimer,\n} from './styled'\nimport { CheckoutTitle } from '@features/checkout/CheckoutTitle'\nimport { Button } from '@components/Basic/ButtonNbe'\nimport { useTranslation } from 'react-i18next'\n\ninterface Props {\n  amountToPay: string\n  buttonLabel: string\n  billingCircle: string\n  nextInvoiceAmount?: string\n  nextBillingDate?: string\n  onSubmit?: () => void\n  isLoading?: boolean\n  isTrialAvailable?: boolean\n  isProrated?: boolean\n}\n\nexport const CheckoutFooter: React.FC<Props> = ({\n  billingCircle,\n  nextBillingDate,\n  amountToPay,\n  buttonLabel,\n  onSubmit,\n  isLoading,\n  isTrialAvailable,\n  nextInvoiceAmount,\n  isProrated,\n}) => {\n  const { t } = useTranslation()\n  return (\n    <>\n      {isTrialAvailable || isProrated ? (\n        <CheckoutPrePrice data-id={'checkout-pre-price'}>\n          <p>{t('billing.checkout.paymentOnDate', { nextBillingDate })}</p>\n          <p className={'text-right'}>\n            <b>{nextInvoiceAmount}</b>\n            <span style={{ opacity: 0.5 }}> {`per ${billingCircle}`}</span>\n          </p>\n        </CheckoutPrePrice>\n      ) : null}\n      {isTrialAvailable ? (\n        <CheckoutTrialLimitsDisclaimer>\n          {t('billing.checkout.trialLimitDisclaimer')}\n        </CheckoutTrialLimitsDisclaimer>\n      ) : null}\n      <hr style={{ margin: '20px 0' }} />\n      <CeckoutTotalPrice data-id={'checkout-total-price'}>\n        <CheckoutTitle>{t('billing.checkout.todayYouPay')}</CheckoutTitle>\n        <p>{amountToPay}</p>\n      </CeckoutTotalPrice>\n      <Button\n        type={onSubmit ? 'button' : 'submit'}\n        $size={'large'}\n        $variant={'blue'}\n        $loading={isLoading}\n        disabled={isLoading}\n        onClick={() => {\n          if (onSubmit) {\n            onSubmit()\n          }\n        }}\n      >\n        {buttonLabel}\n      </Button>\n    </>\n  )\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { FiChevronDown, FiChevronUp } from 'react-icons/fi'\n\ninterface CheckoutTitleProps {\n  onClick?: () => void\n  isOpen?: boolean\n}\n\nconst CheckoutTitleWrapper = styled.div<{ isClickable?: boolean }>`\n  display: inline-block;\n  cursor: ${({ isClickable }) => (isClickable ? 'pointer' : 'default')};\n`\n\nconst TitleStyled = styled.div`\n  display: flex;\n  align-items: center;\n\n  h2 {\n    margin: 0 12px 0 0;\n    font-size: 1rem;\n    font-weight: 600;\n  }\n`\n\nexport const CheckoutTitle: React.FC<CheckoutTitleProps> = ({\n  onClick,\n  isOpen = false,\n  children,\n}) => {\n  return (\n    <CheckoutTitleWrapper onClick={onClick} isClickable={!!onClick}>\n      <TitleStyled>\n        <h2>{children}</h2>\n        {isOpen && onClick ? (\n          <FiChevronUp />\n        ) : !isOpen && onClick ? (\n          <FiChevronDown />\n        ) : null}\n      </TitleStyled>\n    </CheckoutTitleWrapper>\n  )\n}\n","import React, { useEffect } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { PageEditor } from '@app/layouts/PageEditor'\nimport { Panel } from '@components/Panel'\nimport { makeGoogleAccountSteps } from '@features/googleAdsAccount/utils'\nimport { PanelBody } from '@features/googleAdsAccount/AccountActivate/PanelBody'\nimport { Button } from '@components/Basic/ButtonNbe'\nimport { appRoutes } from '@app/routes'\nimport { useHistory } from 'react-router-dom'\nimport { trackEvent } from '@app/dataTracking'\n\ninterface AccountActivateProps {\n  billingData: number\n  handlePollingState: (state: boolean) => void\n}\nexport const AccountActivate: React.FC<AccountActivateProps> = ({\n  billingData,\n  handlePollingState,\n}) => {\n  const { t } = useTranslation()\n  const steps = makeGoogleAccountSteps(1)\n  const history = useHistory()\n  const customerId = window.localStorage.getItem('customerId') || ''\n\n  useEffect(() => {\n    if (billingData === 2) {\n      handlePollingState(false)\n      trackEvent({\n        eventName: 'GaacBillingAdded',\n        feature: 'GAAC',\n        step: 'Activate',\n        params: {\n          custom: {\n            customerId,\n          },\n        },\n      })\n      history.push(appRoutes.googleAdsAccountConnect.makeUrl())\n    }\n  }, [billingData])\n  return (\n    <PageEditor\n      steps={steps}\n      activeStep={1}\n      topbarValue={t('gaac.topbarTitle')}\n      hasTopBar\n      backlink={{\n        url: '/app/googleAdsAccounts',\n        label: t('gaac.topbarExitButton'),\n      }}\n    >\n      <Panel body={<PanelBody />} />\n    </PageEditor>\n  )\n}\n","import React from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { PageEditor } from '@app/layouts/PageEditor'\nimport { Panel } from '@components/Panel'\nimport { makeGoogleAccountSteps } from '@features/googleAdsAccount/utils'\nimport { PanelBody } from '@features/googleAdsAccount/AccountConnect/PanelBody'\nimport { Button } from '@components/Basic/ButtonNbe'\nimport { useHistory } from 'react-router-dom'\n\nexport const AccountConnect: React.FC = () => {\n  const { t } = useTranslation()\n  const steps = makeGoogleAccountSteps(2)\n  const history = useHistory()\n  return (\n    <PageEditor\n      steps={steps}\n      activeStep={2}\n      topbarValue={t('gaac.topbarTitle')}\n      hasTopBar\n      backlink={{\n        url: '/app/googleAdsAccounts',\n        label: t('gaac.topbarExitButton'),\n      }}\n    >\n      <Panel\n        body={<PanelBody />}\n        footer={{\n          left: null,\n          right: (\n            <a href={'/app/bridges'}>\n              <Button\n                data-testid='connect_later_btn'\n                type={'submit'}\n                $variant={'link-primary'}\n              >\n                {t('gaac.steps.stepConnect.buttonConnectLater')}\n              </Button>\n            </a>\n          ),\n        }}\n      />\n    </PageEditor>\n  )\n}\n","import React from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { PageEditor } from '@app/layouts/PageEditor'\nimport { Panel } from '@components/Panel'\nimport { makeGoogleAccountSteps } from '@features/googleAdsAccount/utils'\nimport { PanelBody } from '@features/googleAdsAccount/AccountCreationDone/PanelBody'\nimport { useHistory, useLocation } from 'react-router-dom'\n\nexport const AccountCreationDone: React.FC = () => {\n  const { t } = useTranslation()\n  const steps = makeGoogleAccountSteps(0)\n  const history = useHistory()\n  const location = useLocation()\n\n  return (\n    <PageEditor\n      steps={steps}\n      activeStep={0}\n      topbarValue={t('gaac.topbarTitle')}\n      hasTopBar\n      backlink={{\n        url: '/app/googleAdsAccounts',\n        label: t('gaac.topbarExitButton'),\n      }}\n    >\n      <Panel body={<PanelBody />} />\n    </PageEditor>\n  )\n}\n","import { FormikInputField } from '@components/Formik/FormikInputField'\nimport React from 'react'\nimport { FormikInputSelect } from '@components/Formik/FormikInputSelect'\nimport {\n  AccountCreationFormWrapperStyled,\n  AccountCreationInputGroup,\n  IntegrationLogoWrapper,\n} from './styled'\nimport { useGetCurrencies } from '@app/api/getCurrencies'\nimport { useGetTimezones } from '@app/api/getTimezones'\nimport { useTranslation } from 'react-i18next'\nimport { FormikInputSmartSelect } from '@components/Formik/FormikInputSmartSelect'\nimport { useFormikContext } from 'formik'\nimport { IntegrationLogo } from '@features/googleAdsAccount/AccountActivate/styled'\nimport googleAdsLogo from '@assets/images/gads-logo_2.svg'\n\nexport const AccountCreationFormInner: React.FC = () => {\n  const { t } = useTranslation()\n  const { values } = useFormikContext()\n\n  const { data: currenciesData, isLoading: isLoadingCurrencies } =\n    useGetCurrencies()\n  const { data: timezonesData, isLoading: isLoadingTimezones } =\n    useGetTimezones()\n\n  return (\n    <>\n      <IntegrationLogoWrapper>\n        <IntegrationLogo>\n          <img src={googleAdsLogo} alt={'logo'} width={170} />\n        </IntegrationLogo>\n        <h2>{t('gaac.steps.stepCreate.title')}</h2>\n      </IntegrationLogoWrapper>\n\n      <AccountCreationFormWrapperStyled>\n        <AccountCreationInputGroup>\n          <FormikInputField\n            data-testid='display_name_input'\n            label={t('gaac.steps.stepCreate.labelFullname')}\n            name={'fullname'}\n            type={'text'}\n          />\n          <FormikInputField\n            data-testid='email_input'\n            label={t('gaac.steps.stepCreate.labelEmail')}\n            name={'email'}\n            type={'text'}\n          />\n        </AccountCreationInputGroup>\n        <AccountCreationInputGroup>\n          <FormikInputSmartSelect\n            initialValues={currenciesData || []}\n            name={'currency'}\n            label={t('gaac.steps.stepCreate.labelCurrency')}\n            isLoading={isLoadingCurrencies}\n          />\n          <FormikInputSmartSelect\n            initialValues={timezonesData || []}\n            name={'timezone'}\n            label={t('gaac.steps.stepCreate.labelTimezone')}\n            isLoading={isLoadingTimezones}\n          />\n        </AccountCreationInputGroup>\n      </AccountCreationFormWrapperStyled>\n    </>\n  )\n}\n","import React, { Fragment } from 'react'\nimport { Formik, Form, FormikHelpers } from 'formik'\nimport { useTranslation } from 'react-i18next'\nimport { PageEditor } from '@app/layouts/PageEditor'\nimport { Panel } from '@components/Panel'\nimport { Button } from '@components/Basic/ButtonNbe'\nimport { makeGoogleAccountSteps } from '@features/googleAdsAccount/utils'\nimport { AccountCreationFormInner } from '@features/googleAdsAccount/AccountCreationFormInner'\nimport { useHistory } from 'react-router-dom'\nimport { GoogleAdsAccountFormValues } from 'GoogleAdsAccount'\nimport { googleAdsAccountFormValidationSchema } from '@features/googleAdsAccount/AccountCreationForm/validation'\n\ninterface StepAccountConnectProps {\n  initialValues: GoogleAdsAccountFormValues\n  onSubmit: (\n    formValues: GoogleAdsAccountFormValues,\n    formikHelpers: FormikHelpers<GoogleAdsAccountFormValues>\n  ) => void\n  isSavingApi?: boolean\n}\n\nexport const AccountCreationForm: React.FC<StepAccountConnectProps> = ({\n  initialValues,\n  onSubmit,\n  isSavingApi,\n}) => {\n  const { t } = useTranslation()\n  const steps = makeGoogleAccountSteps(0)\n  const history = useHistory()\n  return (\n    <Formik\n      initialValues={initialValues}\n      validationSchema={googleAdsAccountFormValidationSchema}\n      enableReinitialize={true}\n      validateOnMount\n      onSubmit={(values, formikHelpers) => {\n        onSubmit(values, formikHelpers)\n      }}\n    >\n      {(formikProps) => {\n        // here we handle all cases where button is disabled\n\n        return (\n          <Fragment>\n            <PageEditor\n              steps={steps}\n              activeStep={0}\n              topbarValue={t('gaac.topbarTitle')}\n              hasTopBar\n              backlink={{\n                url: '/app/googleAdsAccounts',\n                label: t('gaac.topbarExitButton'),\n              }}\n            >\n              <Form>\n                <Panel\n                  body={<AccountCreationFormInner />}\n                  footer={{\n                    left: null,\n                    right: (\n                      <Button\n                        type={'submit'}\n                        $loading={isSavingApi}\n                        disabled={!formikProps.isValid || isSavingApi}\n                        data-testid={'create_btn'}\n                        $variant={'primary'}\n                      >\n                        {t('common.continue')}\n                      </Button>\n                    ),\n                  }}\n                />\n              </Form>\n            </PageEditor>\n          </Fragment>\n        )\n      }}\n    </Formik>\n  )\n}\n","import React, { useState } from 'react'\nimport {\n  IntegrationPanelStyled,\n  IntegrationPanelBody,\n  IntegrationPanelHead,\n  IntegrationPanelWrapper,\n  PanelHeadLeft,\n  PanelHeadRight,\n  PanelHeadTitle,\n  IntegrationPanelFooter,\n  ButtonGroup,\n  PanelHeadRightLink,\n} from './styled'\nimport { Button } from '@components/Basic/ButtonNbe'\nimport { FaChevronUp } from 'react-icons/fa'\nimport ReactTooltip from 'react-tooltip'\nimport { Checkbox } from '@components/Form/Checkbox'\n\nexport interface IntegrationPanelBodyProps {\n  $open: boolean\n}\ninterface Props {\n  integrationLogo: string\n  panelTitle: string\n  isTosAccepted?: boolean\n  btnMoreUrl?: string\n  panelDescription?: string\n  btnPrimaryLabel?: string\n  btnPrimaryLink?: string\n  isbtnPrimaryAccordion?: boolean\n  btnLinkLabel?: string\n  btnLinkUrl?: string\n  accordionButtonLabel?: string\n  accordionButtonUrl?: string\n  closeTooltipText?: string\n  handleAction?: (status: string) => void\n  children?: React.ReactNode\n  testIdPrimaryButton?: string\n  testIdLinkButton?: string\n  testIdPolicyButton?: string\n  accordionCheckboxLabel?: string\n}\nexport const IntegrationPanel: React.FC<Props> = ({\n  integrationLogo,\n  isTosAccepted,\n  panelTitle,\n  panelDescription,\n  btnPrimaryLabel,\n  btnPrimaryLink,\n  isbtnPrimaryAccordion,\n  btnLinkLabel,\n  btnLinkUrl,\n  accordionButtonLabel,\n  accordionButtonUrl,\n  closeTooltipText,\n  handleAction,\n  children,\n  testIdPrimaryButton,\n  testIdLinkButton,\n  testIdPolicyButton,\n  accordionCheckboxLabel,\n}) => {\n  const [open, setOpen] = useState(false)\n\n  return (\n    <IntegrationPanelStyled>\n      <IntegrationPanelWrapper>\n        <IntegrationPanelHead>\n          <PanelHeadLeft>\n            <div>\n              <img src={integrationLogo} width={30} />\n              {panelTitle ? (\n                <PanelHeadTitle>{panelTitle}</PanelHeadTitle>\n              ) : null}\n            </div>\n            {panelDescription ? <div>{panelDescription}</div> : null}\n          </PanelHeadLeft>\n          <PanelHeadRight>\n            {isbtnPrimaryAccordion && btnPrimaryLabel ? (\n              <ButtonGroup>\n                <ReactTooltip effect='solid' id='panel-integration-chevron'>\n                  {closeTooltipText}\n                </ReactTooltip>\n                {open ? (\n                  <div style={{ textAlign: 'center' }}>\n                    <FaChevronUp\n                      data-tip=''\n                      data-for='panel-integration-chevron'\n                      data-place='top'\n                      onClick={() => setOpen(!open)}\n                      style={{\n                        cursor: 'pointer',\n                      }}\n                    />\n                  </div>\n                ) : (\n                  <Button\n                    $variant={'primary'}\n                    onClick={() => {\n                      setOpen(!open)\n                    }}\n                    disabled={open}\n                  >\n                    {btnPrimaryLabel}\n                  </Button>\n                )}\n              </ButtonGroup>\n            ) : btnPrimaryLink && btnPrimaryLabel ? (\n              <a rel='noreferrer' target={'_blank'} href={btnPrimaryLink}>\n                <Button data-testid={testIdPrimaryButton} $variant={'primary'}>\n                  {btnPrimaryLabel}\n                </Button>\n              </a>\n            ) : null}\n            <PanelHeadRightLink\n              data-testid={testIdLinkButton}\n              target={'_blank'}\n              href={btnLinkUrl}\n              rel='noreferrer'\n            >\n              {btnLinkLabel}\n            </PanelHeadRightLink>\n          </PanelHeadRight>\n        </IntegrationPanelHead>\n        {isbtnPrimaryAccordion ? (\n          <IntegrationPanelBody $open={open}>\n            <IntegrationPanelFooter>\n              <Checkbox\n                data-testid={testIdPolicyButton}\n                name={'tos'}\n                onChange={() => {\n                  if (handleAction) {\n                    handleAction(status)\n                  }\n                }}\n                checked={isTosAccepted}\n              >\n                {accordionCheckboxLabel}\n              </Checkbox>\n\n              {accordionButtonLabel ? (\n                <a target={'_blank'} rel='noreferrer' href={accordionButtonUrl}>\n                  <Button\n                    data-testid={testIdPrimaryButton}\n                    disabled={!isTosAccepted}\n                    $variant={'primary'}\n                  >\n                    {accordionButtonLabel}\n                  </Button>\n                </a>\n              ) : null}\n            </IntegrationPanelFooter>\n          </IntegrationPanelBody>\n        ) : null}\n      </IntegrationPanelWrapper>\n      {children}\n    </IntegrationPanelStyled>\n  )\n}\n","import React, { Fragment, useState } from 'react'\nimport { Formik, Form } from 'formik'\nimport styled from 'styled-components'\nimport { BridgeFormValues } from 'Nbee'\nimport { FormInner } from './FormInner'\nimport { Button } from '@components/Basic/ButtonNbe'\nimport { PageEditor } from '@app/layouts/PageEditor'\nimport { Panel } from '@components/Panel'\nimport { useTranslation } from 'react-i18next'\nimport { validateBridgeChooserForm } from './validation'\nimport { isInIframe } from '@app/utils/isInFrame'\nimport { AppCombination } from '@features/nbee/AppCombination'\nimport { useFetchPopularConnections } from '@app/api/getPopularConnections'\nimport { ApiConnection } from 'BackendApi'\nimport { Loader } from '@components/Basic/Loader'\n\nconst CombinationsWrapper = styled.div`\n  position: relative;\n  margin-top: 4rem;\n\n  h3 {\n    font-size: 1.1rem;\n  }\n`\n\ninterface SimpleBridgeBuilderFormProps {\n  initialValues: BridgeFormValues\n  onSubmit: (formValues: BridgeFormValues) => void\n}\n\nexport const BridgeChooserForm: React.FC<SimpleBridgeBuilderFormProps> = ({\n  initialValues,\n  onSubmit,\n}) => {\n  const { t } = useTranslation()\n  const isEmbedded = isInIframe()\n\n  const [initialData, setInitialData] =\n    useState<BridgeFormValues>(initialValues)\n\n  /* const { data: popularConnections, isLoading: isLoadingConnections } =\n    useFetchPopularConnections() */\n\n  const handleClick = (appCombination: ApiConnection) => {\n    setInitialData({\n      ...initialValues,\n      source: { appId: appCombination.source.id },\n      destination: { appId: appCombination.destination.id },\n    })\n  }\n\n  return (\n    <Formik\n      initialValues={initialData}\n      validate={validateBridgeChooserForm}\n      validateOnMount\n      enableReinitialize={true}\n      onSubmit={(values) => {\n        onSubmit(values)\n      }}\n    >\n      {(formikProps) => {\n        return (\n          <Fragment>\n            <PageEditor\n              formikContext={formikProps}\n              pageTitle={t('nbee.bridgeChooser.title')}\n              hasTopBar={!isEmbedded}\n              backlink={{\n                url: '/bridges',\n                label: t('nbee.bridgeBuilder.exitNbee'),\n              }}\n            >\n              <Form>\n                <Panel\n                  body={\n                    <>\n                      <FormInner />\n                      {/* <CombinationsWrapper>\n                        <h3>\n                          {t('nbee.bridgeChooser.popularCombinationsTitle')}\n                        </h3>\n                        {isLoadingConnections ? (\n                          <div style={{ height: '5rem' }}>\n                            <Loader $dimmer $active />\n                          </div>\n                        ) : (\n                          popularConnections?.data?.connections &&\n                          popularConnections.data.connections.map(\n                            (item, index) => (\n                              <AppCombination\n                                key={index}\n                                appConnection={item}\n                                handleClick={handleClick}\n                              />\n                            )\n                          )\n                        )}\n                      </CombinationsWrapper> */}\n                    </>\n                  }\n                  footer={{\n                    left: null,\n                    right: (\n                      <>\n                        <Button\n                          type={'submit'}\n                          $variant={'primary'}\n                          disabled={\n                            formikProps.isSubmitting || !formikProps.isValid\n                          }\n                          $loading={formikProps.isSubmitting}\n                          $loadingText={'Checking...'}\n                          $minWidth\n                        >\n                          {t('common.continue')}\n                        </Button>\n                      </>\n                    ),\n                  }}\n                />\n              </Form>\n            </PageEditor>\n          </Fragment>\n        )\n      }}\n    </Formik>\n  )\n}\n","import React, { useEffect } from 'react'\nimport { useCheckAppsCompatibility } from '@app/api/checkAppsCompatibility'\nimport { LoadingStep } from '@features/nbee/LoadingStep'\nimport { Redirect, useHistory, useParams } from 'react-router-dom'\nimport { BridgeChooserStep2RouteParams } from 'LeadsBridgeApp'\nimport { appRoutes } from '@app/routes'\n\nexport const BridgeChooserRedirector: React.VFC = () => {\n  const urlParams = useParams<BridgeChooserStep2RouteParams>()\n  const history = useHistory()\n\n  const sourceAppId = parseInt(urlParams.sourceAppId, 10)\n  const destinationAppId = parseInt(urlParams.destinationAppId, 10)\n\n  const {\n    data: appCompatibilityCheck,\n    isLoading: isCheckingAppsCompatibility,\n  } = useCheckAppsCompatibility(sourceAppId, destinationAppId)\n\n  const obeUri = appCompatibilityCheck?.combination.obeUri\n  const nbeeUri = appCompatibilityCheck?.combination.nbeeUri\n\n  useEffect(() => {\n    if (obeUri && !nbeeUri) {\n      window.location.href = obeUri\n    } else if ((!obeUri && nbeeUri) || (obeUri && nbeeUri)) {\n      // if we only have nbeeUri, or if we both have obeUri and nbeeUri,\n      // we want to redirect the user directly to NBEE and never display the chooser.\n      history.push(nbeeUri)\n    }\n  }, [obeUri, nbeeUri])\n\n  if (appCompatibilityCheck?.combination.compatibility === 'none') {\n    return <Redirect to={appRoutes.nbeeBridgeChooserStep1.makeUrl()} />\n  }\n\n  return isCheckingAppsCompatibility || !nbeeUri ? <LoadingStep /> : null\n}\n","import React from 'react'\nimport { useFormikContext } from 'formik'\nimport { BridgeFormValues, EmailReceiptSettings } from 'Nbee'\nimport { emailReceiptValidationSchema } from '@features/nbee/EmailReceipt/validation'\nimport { FormInner } from '@features/nbee/EmailReceipt/FormInner'\nimport { FeatureNotAvailable } from '@features/nbee/EmailReceipt/FeatureNotAvailable'\nimport { minimumPlanName } from '@features/nbee/FieldsMappingForm'\nimport { StarterLabel } from '@features/nbee/AddFilterButton/styled'\nimport { FaLock } from 'react-icons/fa'\nimport { EmailReceiptStyled } from '@features/nbee/EmailReceipt/styled'\nimport { useUpdateBridgeToPricing } from '@features/nbee/utils'\nimport { ApiUserModuleItem, ApiUser } from 'BackendApi'\n\ninterface Props {\n  bridgeId?: string | number\n  emailReceiptUserModule?: ApiUserModuleItem\n  userData?: ApiUser\n}\n\nexport const EmailReceipt: React.VFC<Props> = ({\n  bridgeId,\n  emailReceiptUserModule,\n  userData,\n}) => {\n  const { values, setValues, isValid, isSubmitting, errors } =\n    useFormikContext<BridgeFormValues>()\n\n  const isBridgeEnabled = values?.ui?.isBridgeEnabled\n  const { TitleWrapper, IconLockWrapper } = EmailReceiptStyled\n\n  const moduleReceiptId = emailReceiptUserModule?.id\n\n  const userEmail = userData?.user.email ? [userData?.user.email] : []\n\n  const isAvailableToUser = Boolean(emailReceiptUserModule?.enabled)\n  const minimumPlanRequired = emailReceiptUserModule?.minimumPlan\n\n  const updateBridgeToPricing = useUpdateBridgeToPricing(\n    bridgeId,\n    moduleReceiptId,\n    minimumPlanRequired\n  )\n\n  const planLabelName = minimumPlanRequired\n    ? minimumPlanName[minimumPlanRequired.toString()].toUpperCase()\n    : ''\n\n  const settings = values?.settings\n  const emailReceiptRecipients = settings?.emailReceipt?.recipients || []\n  const userDefaultRecipients =\n    emailReceiptUserModule?.userDefaults.recipients || []\n\n  const recipients =\n    emailReceiptRecipients.length > 0\n      ? emailReceiptRecipients\n      : userDefaultRecipients.length > 0\n      ? userDefaultRecipients\n      : userEmail\n\n  const initialValues: EmailReceiptSettings = {\n    active:\n      settings?.emailReceipt?.active ??\n      emailReceiptUserModule?.userDefaults.active ??\n      false,\n    recipients: recipients || [],\n    subject:\n      settings?.emailReceipt?.subject ||\n      emailReceiptUserModule?.userDefaults.subject ||\n      'New Lead',\n    canShow: values.settings?.emailReceipt?.canShow ?? false, // canShow value is in Formik context due to useHandleAppsCompatibility hook result\n  }\n\n  const isEmailReceiptCompatible = values?.settings?.emailReceipt?.canShow\n\n  const canShowEmailReceipt =\n    initialValues &&\n    isEmailReceiptCompatible &&\n    isValid &&\n    !isSubmitting &&\n    Object.keys(errors).length === 0\n\n  const handleSaveSettings = (emailReceiptValues: EmailReceiptSettings) => {\n    setValues({\n      ...values,\n      settings: {\n        emailReceipt: {\n          ...values.settings?.emailReceipt,\n          ...emailReceiptValues,\n        },\n      },\n    })\n  }\n\n  return canShowEmailReceipt ? (\n    <div style={{ marginTop: '3rem' }}>\n      <TitleWrapper>\n        <h2 style={{ margin: '0 1rem 1rem 0' }}>Email Receipt</h2>\n        <IconLockWrapper>\n          {!isAvailableToUser && (\n            <StarterLabel small onClick={() => updateBridgeToPricing()}>\n              <FaLock /> {planLabelName}\n            </StarterLabel>\n          )}\n        </IconLockWrapper>\n      </TitleWrapper>\n\n      {isAvailableToUser || initialValues.active ? (\n        <FormInner\n          isBridgeEnabled={isBridgeEnabled}\n          handleSubmit={handleSaveSettings}\n          initialValues={initialValues}\n        />\n      ) : (\n        <FeatureNotAvailable\n          moduleReceiptId={moduleReceiptId}\n          requiredLbPlanId={minimumPlanRequired}\n          bridgeId={bridgeId}\n        />\n      )}\n    </div>\n  ) : null\n}\n","import React from 'react'\nimport { Button } from '@components/Basic/ButtonNbe'\nimport NoResults from '@assets/images/illustrations/nbee-no-results.svg'\nimport styled from 'styled-components'\nimport { useTranslation } from 'react-i18next'\n\ninterface Props {\n  onResetFilterRequest: () => void\n  isFiltered?: boolean\n}\n\nconst Wrapper = styled.div`\n  width: 80%;\n  margin: 0 auto;\n  padding-top: 2rem;\n  display: flex;\n  text-align: center;\n  flex-direction: column;\n  align-items: center;\n  & > *:not(:last-child) {\n    margin-bottom: 2rem;\n  }\n`\n\nconst Text = styled.div`\n  font-weight: 600;\n`\n\nconst Image = styled.img`\n  max-width: 100%;\n  width: 200px;\n`\n\nexport const FieldMappingEmptyState: React.VFC<Props> = ({\n  onResetFilterRequest,\n  isFiltered,\n}) => {\n  const { t } = useTranslation()\n\n  return (\n    <Wrapper>\n      <Text>\n        {isFiltered\n          ? t('nbee.fieldsMapping.noFieldsFoundForFilters')\n          : t('nbee.fieldsMapping.noFieldsFound')}\n      </Text>\n      <Image src={NoResults} alt={t('nbee.fieldsMapping.noFieldsFound')} />\n      {isFiltered ? (\n        <Button\n          type={'button'}\n          $variant={'filter'}\n          onClick={onResetFilterRequest}\n        >\n          {t('nbee.fieldsMapping.resetFilters')}\n        </Button>\n      ) : null}\n    </Wrapper>\n  )\n}\n","import { SelectValueMulti } from '@components/Form/MultiCreatableCustom'\nimport { ApiFormulasSchemaResponseData, ApiUserModuleItem } from 'BackendApi'\n\nexport interface RowProps {\n  index: number\n  selectOptions: SelectValueMulti[]\n  formulaUserModule?: ApiUserModuleItem | undefined\n  showWelcomeMessage?: boolean\n  formulaSchema?: ApiFormulasSchemaResponseData[]\n  sourceLogoUri?: string\n  onRedirectToPricing?: (redirect: boolean) => void\n}\n\ntype ErrorObject = {\n  [key: string]: any\n}\n\n// function to flatten the hasError object and extract the errors from the params\nexport const flattenErrors = (errorObject: ErrorObject): string[] => {\n  return Object.entries(errorObject).reduce(\n    (messages: string[], [key, value]) => {\n      if (typeof value === 'object') {\n        // when we have a formula,\n        // checks if we need to retrieve the error message\n        // from the values in the param array\n        const subErrors = flattenErrors(value as ErrorObject)\n        return [...messages, ...subErrors]\n      } else {\n        return [...messages, value as string]\n      }\n    },\n    []\n  )\n}\n","import React, { useState, useEffect, Fragment } from 'react'\nimport { useField, useFormikContext } from 'formik'\nimport { useTranslation } from 'react-i18next'\n\nimport {\n  BridgeFormValues,\n  MappedField,\n  MappedFieldFormula,\n  MappedFieldMapping,\n} from 'Nbee'\n\nimport { Button } from '@components/Basic/ButtonNbe'\nimport { Loader } from '@components/Basic/Loader'\nimport { Modal } from '@components/Basic/Modal'\nimport { InputField } from '@app/components/Form/InputField'\nimport {\n  InputSmartSelect,\n  SelectValue,\n} from '@components/Form/InputSmartSelect'\nimport { InputSmartCreatableSelect } from '@app/components/Form/InputSmartSelect/Creatable'\n\nimport {\n  FormulaModalBody,\n  FormulaModalCloseIcon,\n  FormulaModalFooter,\n  FormulaModalHeader,\n  FormulaModalHero,\n  FormulaModalWrapper,\n} from '@features/nbee/FieldsMappingForm/FormulaModal/styled'\nimport { IoCloseOutline } from 'react-icons/io5'\n\nimport { useGetSingleFormulaSchema } from '@app/api/getSingleFormulaSchema'\n\ninterface ModalProps {\n  selectedMapping?: MappedFieldMapping\n  isOpen: boolean\n  onCloseModal: (formula: MappedFieldFormula) => void\n  sourceFieldOptions?: SelectValue[] | []\n  index: number\n}\n\nexport const FormulaModal: React.FC<ModalProps> = ({\n  selectedMapping,\n  isOpen,\n  onCloseModal,\n  sourceFieldOptions,\n  index,\n}) => {\n  const mappingId = selectedMapping?.id\n  const formulaId = selectedMapping?.formula?.id\n  const isNew = selectedMapping?.formula?.isNew\n  const modalTitle = isNew ? 'Add' : 'Edit'\n\n  const { t } = useTranslation()\n\n  // Extract information from Formik context\n  const { values } = useFormikContext<BridgeFormValues>()\n\n  const fieldName = `fieldsMapping.${index}`\n  const [field, meta, helpers] = useField<MappedField>(fieldName)\n\n  const currentFieldValue = field.value\n  const currentFieldMappingWithFormula = field.value.mapping.find(\n    (m) => m.formula && m.id === mappingId // Matches the mapping ID\n  )\n\n  // Now you can access the formula and its params directly\n  const currentFieldFormula = currentFieldMappingWithFormula?.formula\n  const currentFieldFormulaParams = currentFieldFormula?.params\n\n  // Create a temporary state to not save immediately in Formik context\n  const [formulaTemporaryState, setFormulaTemporaryState] =\n    useState<MappedFieldFormula>(currentFieldFormula as MappedFieldFormula)\n\n  // Disable submit button if there are errors in the form\n  const [isSubmitButtonDisabled, setIsSubmitButtonDisabled] =\n    useState<boolean>(false)\n\n  // Retrieve single formula schema, passing bridge ID and formula ID\n  const { data: singleFormulaSchema, isLoading: isGettingSingleFormulaSchema } =\n    useGetSingleFormulaSchema(`${values.ui?.bridgeId}`, formulaId)\n\n  // Memoize formula name, formula description and param title to avoid re-rendering\n  const formulaName = React.useMemo(\n    () =>\n      singleFormulaSchema && singleFormulaSchema.data.length\n        ? `${singleFormulaSchema?.data[0]?.category} >> ${t(\n            `nbee.formulas.${singleFormulaSchema?.data[0]?.id}.Name` as any\n          )}`\n        : undefined,\n    [t, singleFormulaSchema]\n  )\n  const formulaDescription = React.useMemo(\n    () =>\n      singleFormulaSchema\n        ? t(\n            `nbee.formulas.${singleFormulaSchema?.data[0]?.id}.Description` as any\n          )\n        : undefined,\n    [t, singleFormulaSchema]\n  )\n  const getParamDescription = React.useMemo(\n    () => (paramId: string) =>\n      t(\n        `nbee.formulas.${singleFormulaSchema?.data[0]?.id}.Params.${paramId}` as any\n      ),\n    [t, singleFormulaSchema]\n  )\n\n  const singleFormulaSchemaParams = singleFormulaSchema?.data[0]?.params || []\n\n  // if there are no params in the formik context it's because we've just changed the formula.\n  // in that case, we need to load in the state the params of the new formula\n  useEffect(() => {\n    if (singleFormulaSchema && !currentFieldFormulaParams?.length) {\n      setFormulaTemporaryState({\n        ...(currentFieldFormula as MappedFieldFormula),\n        params:\n          singleFormulaSchema?.data[0]?.params?.map((p, index) => {\n            return {\n              ...p,\n              required: p.type === 'field' && index === 0,\n            }\n          }) || [],\n      })\n    } else if (singleFormulaSchema && currentFieldFormulaParams?.length) {\n      // otherwise, we need to update the state with the params of the formik context\n      setFormulaTemporaryState({\n        ...(currentFieldFormula as MappedFieldFormula),\n        params:\n          currentFieldFormulaParams?.map((p) => ({\n            ...p,\n            values: p.values,\n            required: p.type === 'field' && index === 0,\n          })) || [],\n      })\n    }\n  }, [singleFormulaSchema])\n\n  const handleValueChange = (\n    paramId: string,\n    value: string | string[] | number\n  ) => {\n    if (!formulaTemporaryState) {\n      return undefined\n    }\n\n    const updatedFormula: MappedFieldFormula = {\n      id: formulaTemporaryState.id,\n      params: [...formulaTemporaryState?.params] || [],\n    }\n    const paramIndex = updatedFormula.params.findIndex((p) => p.id === paramId)\n    if (paramIndex >= 0) {\n      updatedFormula.params[paramIndex].values = value as string | string[]\n    }\n\n    // Handle field value change and update state, not formik context\n    setFormulaTemporaryState(updatedFormula)\n  }\n\n  const getOptionsForSelectDropdown = (paramId: string) => {\n    const selectedParam = singleFormulaSchema?.data[0]?.params?.find(\n      (p) => p.id === paramId\n    )\n    if (Array.isArray(selectedParam?.values) && selectedParam?.values) {\n      return selectedParam?.values.map(\n        (v) => ({ value: v, label: v } as SelectValue)\n      )\n    } else {\n      return []\n    }\n  }\n\n  const getDefaultValueForSelect = (paramId: string) => {\n    if (formulaTemporaryState?.isNew) return undefined\n    if (!formulaTemporaryState?.params || !sourceFieldOptions) return undefined\n\n    const selectedParam = formulaTemporaryState?.params.find(\n      (p) => p.id === paramId\n    )\n    if (!selectedParam) {\n      return undefined\n    }\n    if (selectedParam.type === 'field') {\n      return sourceFieldOptions.find(\n        (option) => option.value === selectedParam.values\n      )\n    }\n    if (selectedParam.type === 'dropdown') {\n      const dropdownOptions = getOptionsForSelectDropdown(paramId)\n      let defaultValue = dropdownOptions?.find(\n        (option) => option.value === selectedParam.values\n      )\n      if (defaultValue === undefined && dropdownOptions.length > 0) {\n        defaultValue = {\n          value: dropdownOptions[0].value,\n          label: dropdownOptions[0].value,\n        } as SelectValue\n        handleValueChange(paramId, dropdownOptions[0].value)\n      }\n\n      return defaultValue\n    }\n  }\n\n  const getDefaultValueForCreatableSelect = (paramId: string) => {\n    if (!formulaTemporaryState?.params?.length) {\n      return undefined\n    }\n    const selectedParam = formulaTemporaryState?.params.find(\n      (p) => p.id === paramId\n    )\n    return (selectedParam?.values as string[]) || []\n  }\n\n  const transformFieldId = (paramId?: string): string | null => {\n    if (!paramId) return null\n\n    return paramId\n      .toLowerCase()\n      .replace(/_/g, ' ')\n      .replace(/field\\.(\\d+)/gi, (_, num) => `Field ${Number(num) + 1}`)\n      .replace(/\\b(\\w)/g, (char) => char.toUpperCase())\n  }\n\n  // Handle submit button disabled state\n  useEffect(() => {\n    if (isGettingSingleFormulaSchema) {\n      setIsSubmitButtonDisabled(true)\n    }\n    if (!formulaTemporaryState?.params[0]?.values) {\n      setIsSubmitButtonDisabled(true)\n    } else {\n      setIsSubmitButtonDisabled(false)\n    }\n  }, [formulaTemporaryState])\n\n  const handleAbort = () => {\n    // Find the index of the mapping formula to reset\n    const mappingIndex = currentFieldValue.mapping.findIndex(\n      (m) => m.id === mappingId\n    )\n\n    if (mappingIndex !== -1 && isNew) {\n      // Remove the mapping formula from the array only when it's a new formula\n      const newMappings = currentFieldValue.mapping.filter(\n        (m, i) => i !== mappingIndex\n      )\n\n      // Update the MappedField with the modified mappings\n      helpers.setValue({\n        ...currentFieldValue,\n        mapping: newMappings,\n      })\n    }\n    // if we're editing an existing formula, don't do anything\n\n    onCloseModal(currentFieldFormula as MappedFieldFormula)\n  }\n\n  const handleSubmit = () => {\n    // Create a new mapping array by mapping over the currentFieldValue.mapping\n    const updatedMapping = currentFieldValue.mapping.map((mapping) => {\n      // Check if the current mapping is the one being edited (matched by mappingId)\n      if (mapping.id === mappingId) {\n        // If it is, return a new mapping object with the updated formulaTemporaryState\n        return {\n          ...mapping,\n          formula: { ...formulaTemporaryState, isNew: false },\n        }\n      }\n      // For all other mappings, return them unchanged\n      return mapping\n    })\n\n    // Set the updated mapping array back into the Formik state\n    helpers.setValue({\n      ...currentFieldValue,\n      mapping: updatedMapping,\n    })\n\n    // Close the modal and pass the updated formula back as a confirmation (if needed)\n    onCloseModal(formulaTemporaryState)\n  }\n\n  return (\n    <Modal\n      noPadding\n      isOpen={isOpen}\n      onCloseModal={() =>\n        onCloseModal(currentFieldFormula as MappedFieldFormula)\n      }\n    >\n      {isGettingSingleFormulaSchema && (\n        <Loader $active $dimmer $text='Populating fields...' />\n      )}\n\n      <FormulaModalWrapper>\n        <FormulaModalHeader>\n          <div>\n            <h3>\n              {modalTitle} {(formulaName && formulaName.toUpperCase()) || ''}\n            </h3>\n            <FormulaModalHero>\n              <small>{formulaDescription}</small>\n            </FormulaModalHero>\n          </div>\n          <FormulaModalCloseIcon onClick={handleAbort}>\n            <IoCloseOutline />\n          </FormulaModalCloseIcon>\n        </FormulaModalHeader>\n\n        <FormulaModalBody>\n          {singleFormulaSchemaParams &&\n            singleFormulaSchemaParams.map((param) => (\n              <Fragment key={`${param.id}-${isOpen ? 'open' : 'closed'}`}>\n                <div style={{ marginTop: '.6rem' }}>\n                  <h5>{transformFieldId(param?.id)}</h5>\n                  <small\n                    style={{\n                      display: 'inline-block',\n                      maxWidth: '40rem',\n                      wordWrap: 'break-word',\n                    }}\n                  >\n                    {getParamDescription(param.id)}\n                  </small>\n                </div>\n                <div style={{ margin: '.6rem 0' }}>\n                  {formulaTemporaryState ? (\n                    param.type === 'field' ? (\n                      <InputSmartSelect\n                        initialValues={sourceFieldOptions || []}\n                        defaultValue={getDefaultValueForSelect(param.id)}\n                        onSelect={(selectedValue) => {\n                          const singleValue = selectedValue as SelectValue\n                          if (singleValue) {\n                            handleValueChange(param.id, singleValue.value)\n                          }\n                        }}\n                        upDownIconsStyle\n                        isClearable\n                      />\n                    ) : param.type === 'dropdown' ? (\n                      <InputSmartSelect\n                        initialValues={getOptionsForSelectDropdown(param.id)}\n                        defaultValue={getDefaultValueForSelect(param.id)}\n                        onSelect={(selectedValue) => {\n                          const singleValue = selectedValue as SelectValue\n                          if (singleValue) {\n                            handleValueChange(param.id, singleValue.value)\n                          }\n                        }}\n                        upDownIconsStyle\n                        isClearable\n                      />\n                    ) : param.type === 'text' ||\n                      param.type === 'char' ||\n                      param.type === 'int' ? (\n                      <InputField\n                        name={`${param.id}`}\n                        type={'text'}\n                        maxLength={param.type === 'char' ? 1 : undefined}\n                        value={\n                          (formulaTemporaryState &&\n                            formulaTemporaryState?.params.find(\n                              (p) => p.id === param.id\n                            )?.values) ||\n                          ''\n                        }\n                        onChange={(e) =>\n                          handleValueChange(param.id, e.target.value)\n                        }\n                      />\n                    ) : param.type === 'tags' ? (\n                      <InputSmartCreatableSelect\n                        name={`${param.id}`}\n                        placeholder={''}\n                        defaultValue={getDefaultValueForCreatableSelect(\n                          param.id\n                        )}\n                        onSelect={(newValues) =>\n                          handleValueChange(param.id, newValues)\n                        }\n                        isClearable={false}\n                      />\n                    ) : null\n                  ) : null}\n                </div>\n              </Fragment>\n            ))}\n        </FormulaModalBody>\n\n        <FormulaModalFooter>\n          <Button type={'button'} $variant={'secondary'} onClick={handleAbort}>\n            {'Abort'}\n          </Button>\n          <Button\n            type={'button'}\n            $variant={'primary'}\n            onClick={handleSubmit}\n            disabled={isSubmitButtonDisabled}\n          >\n            {'Confirm'}\n          </Button>\n        </FormulaModalFooter>\n      </FormulaModalWrapper>\n    </Modal>\n  )\n}\n","import React, { useEffect } from 'react'\nimport { HeaderSearchComponent } from './HeaderSearchComponent'\nimport { useFormikContext } from 'formik'\nimport { App, BridgeFormValues } from 'Nbee'\nimport {\n  isFieldMapped,\n  isFieldUnmapped,\n} from '@features/nbee/FieldsMappingForm/utils'\nimport { WelcomeMessageProps } from '@features/nbee/FieldsMappingForm'\n\ninterface Props {\n  sourceAppId?: number\n  destinationAppId?: number\n  totalFields: number\n  mappedFields: number\n  inputValue: string\n  onInputChange: (value: string) => void\n  showAllFields: boolean\n  onShowAllFieldsRequest: (showAllFields: boolean) => void\n  isInTestScreen?: boolean\n  isReloadingAllBridgeFields: boolean\n  onRefetchBridgeFieldRequest: () => void\n  maxFields?: number\n  welcomeMessageProps?: WelcomeMessageProps\n  connectedApps: App[] | undefined\n}\n\nexport const HeaderSearch: React.FC<Props> = ({\n  sourceAppId,\n  destinationAppId,\n  totalFields,\n  inputValue,\n  mappedFields,\n  onInputChange,\n  showAllFields,\n  onShowAllFieldsRequest,\n  isReloadingAllBridgeFields,\n  onRefetchBridgeFieldRequest,\n  isInTestScreen,\n  maxFields,\n  welcomeMessageProps,\n  connectedApps,\n}) => {\n  const sourceApp = (connectedApps || []).find((app) => app.id === sourceAppId)\n  const destinationApp = (connectedApps || []).find(\n    (app) => app.id === destinationAppId\n  )\n\n  const defaultTransparentPixel = `data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==`\n\n  const sourceName = sourceApp?.name || ''\n  const sourceLogoUri = sourceApp?.logoUriSmall || defaultTransparentPixel\n  const destinationName = destinationApp?.name || ''\n  const destinationLogoUri =\n    destinationApp?.logoUriSmall || defaultTransparentPixel\n\n  const { values, setFieldValue } = useFormikContext<BridgeFormValues>()\n  // setting app names, it will be useful in case we need to access in other parts of the form (eg. tracking events)\n  useEffect(() => {\n    if (sourceName) {\n      setFieldValue('ui.source.selectedAppName', sourceName)\n    }\n    if (destinationName) {\n      setFieldValue('ui.destination.selectedAppName', destinationName)\n    }\n  }, [sourceName, destinationName])\n\n  // show button logic\n  const fieldsMappingValues = values.fieldsMapping || []\n\n  const allAreMapped =\n    fieldsMappingValues && fieldsMappingValues.length\n      ? fieldsMappingValues.every(isFieldMapped)\n      : false\n\n  const allAreUnmapped =\n    fieldsMappingValues && fieldsMappingValues.length\n      ? fieldsMappingValues.every(isFieldUnmapped)\n      : false\n\n  // we show the button only when user is not typing in the search box or when there is something to toggle\n  // when all fields are mapped or all is unmapped there is nothing to toggle\n  const thereIsNothingToToggle = allAreMapped || allAreUnmapped\n  const showFilterButton = inputValue ? false : !thereIsNothingToToggle\n\n  useEffect(() => {\n    // when we hide the button we need to be sure to show all fields\n    if (!showFilterButton) {\n      onShowAllFieldsRequest(true)\n    }\n  }, [showFilterButton])\n\n  return (\n    <HeaderSearchComponent\n      totalFields={totalFields}\n      mappedFields={mappedFields}\n      sourceName={sourceName}\n      sourceLogoUri={sourceLogoUri}\n      destinationName={destinationName}\n      destinationLogoUri={destinationLogoUri}\n      onInputChange={onInputChange}\n      inputValue={inputValue}\n      showAllFields={showAllFields}\n      onShowAllFieldsRequest={onShowAllFieldsRequest}\n      isInTestScreen={isInTestScreen}\n      showFilterButton={showFilterButton}\n      isReloadingAllBridgeFields={isReloadingAllBridgeFields}\n      onRefetchFieldRequest={onRefetchBridgeFieldRequest}\n      isReadonlyModeEnabled={values.ui?.isBridgeEnabled}\n      maxFields={maxFields}\n      welcomeMessageProps={welcomeMessageProps}\n    />\n  )\n}\n","import React, { useState, useEffect } from 'react'\nimport { Modal } from '@components/Basic/Modal'\nimport { SelectValue } from '@components/Form/InputSmartSelect'\nimport { Button } from '@components/Basic/ButtonNbe'\nimport {\n  ApiBridgeFieldDefinition,\n  ApiUserModuleItem,\n  ApiBridgeFieldDefinitionType,\n} from 'BackendApi'\nimport { BridgeFilterCondition } from 'Nbee'\nimport { usePostSaveBridgeFilterRules } from '@app/api/postSaveBridgeFilterRules'\nimport { Loader } from '@components/Basic/Loader'\nimport { FilterRuleRow } from '@features/nbee/AddFilterButton/AddFilterButtonModal/FilterRuleRow'\nimport { Panel } from '@components/Panel'\nimport { Trans, useTranslation } from 'react-i18next'\nimport { useGetFiltersSchema } from '@app/api/getFiltersSchema'\nimport { useDeleteBridgeFilterRules } from '@app/api/deleteBridgeFilterRules'\nimport { IoCloseOutline } from 'react-icons/io5'\nimport {\n  FilterModalBody,\n  FilterModalCloseIcon,\n  FilterModalFooter,\n  FilterModalHeader,\n  FilterModalWrapper,\n} from '@features/nbee/AddFilterButton/styled'\n\nimport { FilterNotAvailablePage } from './FilterNotAvailablePage'\nimport { apiBridgeFieldTypes } from '@app/@typings/Api/bridgeFieldsArrayTypes'\n\ninterface ModalProps {\n  isOpen: boolean\n  onCloseModal: () => void\n  sourceFields?: ApiBridgeFieldDefinition[] | []\n  initialFilterRules?: BridgeFilterCondition[] | []\n  modalTitle: string\n  bridgeId: number\n  onSaveOrDeleteFilterRules: (filterRules: BridgeFilterCondition[]) => void\n  filterUserModules: ApiUserModuleItem | undefined\n  isBridgeDisabled: boolean\n}\n\nconst emptyFilterRule: BridgeFilterCondition = {\n  type: '',\n  values: '',\n  operator: '',\n  field: {\n    id: '-1',\n    label: '',\n  },\n}\nexport const AddFilterButtonModal: React.FC<ModalProps> = ({\n  isOpen,\n  onCloseModal,\n  sourceFields,\n  initialFilterRules,\n  modalTitle,\n  bridgeId,\n  onSaveOrDeleteFilterRules,\n  filterUserModules,\n  isBridgeDisabled,\n}) => {\n  const { t } = useTranslation()\n  // Retrieve filter schema\n  const { data: filtersSchema, isLoading: isGettingFiltersSchema } =\n    useGetFiltersSchema()\n  const [allInputsEmpty, setAllInputsEmpty] = useState(false)\n\n  // Save Filter\n  const {\n    mutate: saveBridgeFilterRules,\n    isLoading: isSavingBridgeFilterRules,\n    data: saveBridgeFilterRulesResult,\n  } = usePostSaveBridgeFilterRules()\n\n  const {\n    mutate: deleteBridgeFilterRules,\n    isLoading: isDeletingBridgeFilterRules,\n    data: deleteBridgeFilterRulesResult,\n    status: deleteBridgeFilterRulesStatus,\n  } = useDeleteBridgeFilterRules()\n\n  const userHasFiltersEnabled = filterUserModules?.enabled\n  const minimumPlanRequired = filterUserModules?.minimumPlan\n\n  // This state will contain the filter rules and will bind with the form displayed on screen.\n  // The content of this state will also reflect the expected payload by BE.\n  const [filterRules, setFilterRules] = useState<BridgeFilterCondition[]>([\n    emptyFilterRule,\n  ])\n\n  // Loads existing filter rules into state, if any, when the component renders for the first time.\n  useEffect(() => {\n    if (initialFilterRules?.length) {\n      setFilterRules(initialFilterRules)\n    }\n  }, [])\n\n  // If there are no rules or if all rules were deleted, displays an empty rule.\n  useEffect(() => {\n    // Debugging console logs\n    // console.log('filtersSchema', filtersSchema)\n    // console.log('sourceFields', sourceFields)\n    // console.log('initialFilterRules', initialFilterRules)\n    // console.log('filterRules', filterRules)\n\n    if (filterRules.length === 0) {\n      setFilterRules([emptyFilterRule])\n    }\n\n    if (filterRules.length === 1 && filterRules[0].field.id === '-1') {\n      setAllInputsEmpty(true)\n    } else setAllInputsEmpty(false)\n  }, [filterRules])\n\n  // Adds a new rule\n  const handleAddFilterRule = (idx: number) => {\n    const newIndex = Math.min(\n      idx !== undefined ? idx + 1 : filterRules.length,\n      filterRules.length\n    )\n    const newFilterRules = [...filterRules]\n    newFilterRules.splice(newIndex, 0, emptyFilterRule)\n    setFilterRules(newFilterRules)\n  }\n\n  // Removes a rule\n  const handleRemoveFilterRule = (idx: number) => {\n    setFilterRules([\n      ...filterRules.slice(0, idx),\n      ...filterRules.slice(idx + 1),\n    ])\n  }\n\n  // Deletes all rules\n  const handleDeleteAllRules = () => {\n    setFilterRules([])\n  }\n\n  // Copies an existing rule\n  const handleCopyFilterRule = (idx: number) => {\n    const newIndex =\n      idx !== undefined && idx < filterRules.length\n        ? idx + 1\n        : filterRules.length\n    const newFilterRules = [...filterRules]\n    newFilterRules.splice(newIndex, 0, filterRules[idx])\n    setFilterRules(newFilterRules)\n  }\n\n  // Triggers on the onSelect event for the first select (select field)\n\n  /* `ApiBridgeFieldDefinitionType` is a TypeScript type and, unfortunately, there's no direct way to retrieve the values from a union type.\n  Therefore, we need to declare the valid types manually in an array \"apiBridgeFieldTypes\".\n  We then check if `selectedField?.type` is one of the valid types.\n  If it is, we use `selectedField.type`, else we default to 'text'.\n  */\n  const handleFieldChange = (idx: number, { label }: SelectValue) => {\n    const selectedField = sourceFields?.find((f) => f.label === label)\n\n    const selectedFieldType = selectedField?.type\n      ? apiBridgeFieldTypes.includes(\n          selectedField.type as ApiBridgeFieldDefinitionType\n        )\n        ? selectedField.type\n        : 'text'\n      : ''\n\n    setFilterRules((prevRules) => {\n      const newRules = [...prevRules]\n      newRules[idx] = {\n        ...newRules[idx],\n        field: {\n          label: selectedField?.label || '',\n          id: selectedField?.id || '-1',\n        },\n        type: selectedFieldType || 'text',\n        operator: '',\n        values: '',\n      }\n      return newRules\n    })\n  }\n\n  // Triggers on the onSelect event for the second select (select operator)\n  const handleOperatorChange = (idx: number, operator: string) => {\n    const newRules = [...filterRules]\n    newRules[idx] = { ...newRules[idx], operator: `${operator}`, values: '' }\n    setFilterRules(newRules)\n  }\n\n  // Triggers on the change of input value for the third input (in case of text operators)\n  const handleValueChange = (idx: number, value: string | string[] | []) => {\n    setFilterRules((prevRules) => {\n      const newRules = [...prevRules]\n      newRules[idx] = {\n        ...newRules[idx],\n        values: value,\n      }\n      return newRules\n    })\n  }\n\n  // Obtains the default value to display in the first select (select field) OR in the second select (select operator)\n  const getDefaultSelectOption = (\n    label: string,\n    value: string,\n    fieldId: string\n  ) => {\n    if (fieldId !== '-1') {\n      return {\n        label: `${label}`,\n        value: `${value}`,\n      }\n    } else {\n      return []\n    }\n  }\n\n  // Obtains list of possible options for first select (select field)\n  const getFieldsForSelect = (fields: ApiBridgeFieldDefinition[]) => {\n    return (\n      fields?.map((field) => ({\n        value: field.label,\n        label: field.label,\n      })) || []\n    )\n  }\n\n  // Obtains list of possible options for second select (select operator)\n  const getOperatorsForSelect = (fieldType: string) => {\n    const schemaEntry = filtersSchema?.data\n      .find((entry) => entry.key === fieldType)\n      ?.rules.map((operator) => {\n        return {\n          value: operator.type,\n          label: operator.type\n            .toLowerCase()\n            .replace(/_/g, ' ')\n            .replace(/\\b(\\w)/g, (char) => char.toUpperCase()),\n        }\n      })\n    if (!schemaEntry) {\n      return []\n    } else {\n      return schemaEntry\n    }\n  }\n\n  // Obtains the type of input to use depending on the selected operator\n  const getInputTypeForCondition = (rule: BridgeFilterCondition) => {\n    return filtersSchema?.data\n      .find((entry) => entry.key === rule.type)\n      ?.rules.find((entry) => entry.type === rule.operator)?.value\n  }\n\n  // Determines whether there are rules with empty input fields (and the operator value is not 'disabled')\n  const hasEmptyFilterRules: boolean = filterRules.some((rule) =>\n    rule.field.id === '-1'\n      ? false\n      : rule.field.label === '' ||\n        rule.operator === '' ||\n        (filtersSchema?.data\n          .find((entry) => entry.key === rule.type)\n          ?.rules.find(\n            (operatorRule) =>\n              operatorRule.type === rule.operator &&\n              operatorRule.value !== 'disabled'\n          ) &&\n          rule.values === '')\n  )\n\n  // Determines if there are two rules with the same field and the same operator\n  /* const hasDuplicates =\n    filterRules.length !==\n    filterRules.filter((rule, index, self) => {\n      const isUnique: boolean =\n        self.findIndex(\n          (r) => r.field.id === rule.field.id && r.operator === rule.operator\n        ) === index\n      return isUnique\n    }).length */\n\n  // Determines whether the submit button should be disabled\n  const isSubmitButtonDisabled: boolean =\n    hasEmptyFilterRules ||\n    /* hasDuplicates || */\n    isDeletingBridgeFilterRules ||\n    isSavingBridgeFilterRules ||\n    isGettingFiltersSchema ||\n    isBridgeDisabled\n\n  // Submits payload to API\n  const handleSubmitSaveFilters = () => {\n    // just close the modal if there are no existing nor new rules\n    if (allInputsEmpty && !initialFilterRules?.length) {\n      onCloseModal()\n      return\n    }\n    // if there are existing rules, but all inputs are empty, delete all rules\n    if (allInputsEmpty) {\n      deleteBridgeFilterRules({ bridgeId })\n    } else {\n      // otherwise, save the rules\n      const requestBody = {\n        conditions: [...filterRules].filter(\n          (el) => el.field.id !== '-1' // filters out rules that have empty field\n        ),\n        sourceFields: [...(sourceFields || [])],\n      }\n      saveBridgeFilterRules({ bridgeId, requestBody })\n    }\n  }\n\n  useEffect(() => {\n    if (\n      saveBridgeFilterRulesResult ||\n      deleteBridgeFilterRulesStatus === 'success'\n    ) {\n      const newFilterRules =\n        saveBridgeFilterRulesResult?.data?.sourceFilters?.conditions || []\n      onSaveOrDeleteFilterRules(newFilterRules)\n      onCloseModal()\n    }\n  }, [saveBridgeFilterRulesResult, deleteBridgeFilterRulesResult])\n\n  return (\n    <Modal\n      noPadding\n      isOpen={isOpen}\n      onCloseModal={onCloseModal}\n      isTransparent={false}\n      hideCloseButton={false}\n    >\n      {isGettingFiltersSchema ||\n        isSavingBridgeFilterRules ||\n        (isDeletingBridgeFilterRules && <Loader $active />)}\n\n      <FilterModalWrapper>\n        <FilterModalHeader>\n          <h3>{modalTitle}</h3>\n          <FilterModalCloseIcon onClick={onCloseModal}>\n            <IoCloseOutline />\n          </FilterModalCloseIcon>\n        </FilterModalHeader>\n        {(userHasFiltersEnabled && (\n          <p style={{ padding: '1rem 1.5rem 1.2rem 1.5rem', margin: 0 }}>\n            <Trans\n              ns={'all'}\n              i18nKey={'nbee.filters.modalFiltersSubtitle'}\n              components={{\n                strong: <strong />,\n              }}\n            />\n          </p>\n        )) ||\n          null}\n        <FilterModalBody>\n          {/* {userHasFiltersEnabled ? ( */}\n          <>\n            {filterRules &&\n              filterRules.length > 0 &&\n              filterRules.map((filterRule, index) => (\n                <FilterRuleRow\n                  key={`${index}|${filterRule.operator}|${filterRule.field.id}`}\n                  index={index}\n                  filterRule={filterRule}\n                  isDefaultValueNotInSourceAnymore={\n                    !sourceFields?.find(\n                      (el) => el.label === filterRule.field?.label\n                    )\n                  }\n                  fieldSelectDefaultValue={getDefaultSelectOption(\n                    filterRule.field?.label,\n                    filterRule.field?.label,\n                    filterRule.field?.id\n                  )}\n                  fieldSelectInitialValues={getFieldsForSelect(\n                    sourceFields ?? []\n                  )}\n                  onFieldChange={handleFieldChange}\n                  operatorSelectDefaultValue={getDefaultSelectOption(\n                    filterRule.operator\n                      .toLowerCase()\n                      .replace(/_/g, ' ')\n                      .replace(/\\b(\\w)/g, (char) => char.toUpperCase()),\n                    filterRule.operator,\n                    filterRule.field?.id\n                  )}\n                  operatorSelectInitialValues={getOperatorsForSelect(\n                    filterRule.type || 'text' // default value for field type should be 'text'\n                  )}\n                  onOperatorChange={handleOperatorChange}\n                  inputValueType={getInputTypeForCondition(filterRule)}\n                  onValueChange={handleValueChange}\n                  onCopyFilterRule={handleCopyFilterRule}\n                  onAddFilterRule={handleAddFilterRule}\n                  onRemoveFilterRule={handleRemoveFilterRule}\n                  isRemoveFilterRuleDisabled={filterRules.length === 1}\n                  isBridgeDisabled={isBridgeDisabled}\n                />\n              ))}\n          </>\n          {/*  ) : (\n            <FilterNotAvailablePage minimumPlanRequired={minimumPlanRequired} />\n          )} */}\n        </FilterModalBody>\n        <FilterModalFooter>\n          <Button\n            onClick={() => handleDeleteAllRules()}\n            type={'button'}\n            $variant={'link-primary'}\n            $size={'large'}\n            data-testid='delete-all-rules-button'\n            disabled={isBridgeDisabled}\n          >\n            Delete all rules\n          </Button>\n          <div style={{ display: 'flex', gap: '1rem' }}>\n            <Button\n              data-testid='cancel-filter-button'\n              type={'button'}\n              $variant={'secondary'}\n              onClick={onCloseModal}\n            >\n              {'Cancel'}\n            </Button>\n\n            <Button\n              data-testid='save-filter-button'\n              type={'button'}\n              $variant={'primary'}\n              onClick={() => handleSubmitSaveFilters()}\n              disabled={isSubmitButtonDisabled}\n              data-tip\n              data-for={'filter-disabled-button'}\n            >\n              {'Save Changes'}\n            </Button>\n          </div>\n        </FilterModalFooter>\n      </FilterModalWrapper>\n    </Modal>\n  )\n}\n","import React, { useState } from 'react'\nimport { BridgeFilterCondition } from 'Nbee'\nimport { ApiBridgeFieldDefinition, ApiUserModuleItem } from 'BackendApi'\nimport { Button } from '@components/Basic/ButtonNbe'\n\nimport {\n  AddFilterButtonWrapper,\n  ButtonStyledLabel,\n  EditIcon,\n  FilterIcon,\n  HasFilterMessage,\n  HasFilterMessageTitle,\n  StarterLabel,\n} from './styled'\nimport { AddFilterButtonModal } from '@features/nbee/AddFilterButton/AddFilterButtonModal'\nimport { FaFilter, FaLock } from 'react-icons/fa'\nimport { useTranslation } from 'react-i18next'\nimport { minimumPlanName } from '@features/nbee/FieldsMappingForm'\nimport { useUpdateBridgeToPricing } from '@features/nbee/utils'\n\ninterface Props {\n  initialFilterRules?: BridgeFilterCondition[]\n  allSourceFields?: ApiBridgeFieldDefinition[]\n  bridgeId: number\n  onRefetchBridgeFormValues?: () => void\n  isBridgeDisabled: boolean | undefined\n  filterUserModules: ApiUserModuleItem | undefined\n}\n\nexport const AddFilterButton: React.FC<Props> = ({\n  initialFilterRules,\n  allSourceFields,\n  bridgeId,\n  onRefetchBridgeFormValues,\n  isBridgeDisabled,\n  filterUserModules,\n}) => {\n  // State variables and functions to handle modal display on page\n  const [rules, setRules] = useState<BridgeFilterCondition[]>(\n    initialFilterRules || []\n  )\n\n  const [isModalOpen, toggleIsModalOpen] = useState<boolean>(false)\n  const userHasFiltersEnabled = filterUserModules?.enabled\n  const minimumPlanRequired = filterUserModules?.minimumPlan\n  const moduleFilterId = filterUserModules?.id\n\n  const updateBridgeToPricing = useUpdateBridgeToPricing(\n    bridgeId,\n    moduleFilterId,\n    minimumPlanRequired\n  )\n\n  const planLabelName = minimumPlanRequired\n    ? minimumPlanName[minimumPlanRequired.toString()].toUpperCase()\n    : ''\n\n  const handleCloseModal = () => {\n    toggleIsModalOpen(false)\n  }\n  const handleLabelUpdate = (newRules: BridgeFilterCondition[]) =>\n    setRules(newRules)\n  const { t } = useTranslation()\n\n  // Helper variables to easily handle button label message\n  const hasFilters = !!rules?.length\n  const firstRule = rules?.[0]\n  const firstRuleField = firstRule?.field.label\n  const firstRuleCondition = firstRule?.operator\n    .toLowerCase()\n    .replace(/_/g, ' ')\n  const firstRuleValue = firstRule?.values\n  const otherRulesNumber = rules?.length && rules.length - 1\n  const hasMoreThanOneRule = !!otherRulesNumber\n  const hasTwoRules = rules?.length === 2\n  const buttonLabel = hasFilters ? (\n    isBridgeDisabled ? (\n      <>{'Show Filter'}</>\n    ) : (\n      <>\n        {t('nbee.filters.buttonHasFiltersTitle')}\n        <EditIcon />\n      </>\n    )\n  ) : (\n    <> {t('nbee.filters.buttonNoFiltersTitle')}</>\n  )\n\n  const handleOpenModal = () => {\n    if (userHasFiltersEnabled || (!userHasFiltersEnabled && hasFilters)) {\n      toggleIsModalOpen(true)\n    } else {\n      // Redirect user to pricing page\n      // if they do not have the 'filters' module\n      updateBridgeToPricing()\n    }\n  }\n\n  return (\n    <>\n      <AddFilterButtonWrapper>\n        <FilterIcon hasFilters={hasFilters}>\n          <FaFilter />\n        </FilterIcon>\n        {hasFilters && (\n          <HasFilterMessage data-testid='add-filter-button-message'>\n            <HasFilterMessageTitle>\n              {t('nbee.filters.buttonHasFiltersMessageTitle')}\n            </HasFilterMessageTitle>\n            {t('nbee.filters.buttonHasFiltersMessageOneRule', {\n              firstRuleField,\n              firstRuleCondition,\n              firstRuleValue,\n            })}\n            {hasMoreThanOneRule && (\n              <span>\n                {t('nbee.filters.buttonHasFiltersMessageMoreRules', {\n                  otherRulesNumber,\n                })}\n                {hasTwoRules ? '' : 's'}\n              </span>\n            )}\n          </HasFilterMessage>\n        )}\n        <Button\n          data-testid='add-filter-button'\n          disabled={isBridgeDisabled && !hasFilters}\n          type={'button'}\n          $variant={'link-primary'}\n          onClick={handleOpenModal}\n          style={{ fontSize: '0.95em', paddingLeft: '0.2em' }}\n        >\n          <ButtonStyledLabel>\n            {buttonLabel}{' '}\n            {!userHasFiltersEnabled && (\n              <StarterLabel>\n                <FaLock /> {planLabelName}\n              </StarterLabel>\n            )}\n          </ButtonStyledLabel>\n        </Button>\n      </AddFilterButtonWrapper>\n      {isModalOpen && (\n        <AddFilterButtonModal\n          modalTitle={\n            !hasFilters\n              ? 'Add Filter'\n              : isBridgeDisabled\n              ? 'Show Filter'\n              : 'Edit Filter'\n          }\n          isOpen={isModalOpen}\n          onCloseModal={handleCloseModal}\n          sourceFields={allSourceFields}\n          initialFilterRules={rules}\n          bridgeId={bridgeId}\n          onSaveOrDeleteFilterRules={handleLabelUpdate}\n          filterUserModules={filterUserModules}\n          isBridgeDisabled={!!isBridgeDisabled}\n        />\n      )}\n    </>\n  )\n}\n","import React from 'react'\nimport { Button } from '@components/Basic/ButtonNbe'\nimport { useTranslation } from 'react-i18next'\nimport SuccessImage from '@assets/images/illustrations/field-mapping-test-success.svg'\nimport ErrorImage from '@assets/images/illustrations/field-mapping-test-error.svg'\nimport styled from 'styled-components'\nimport { useFormikContext } from 'formik'\nimport { BridgeFormValues } from 'Nbee'\n\ninterface Props {\n  onBackToEditRequest: () => void\n  onProceedRequest: () => void\n  status: 'success' | 'error'\n  debugUri?: string\n  errorMessage?: string\n  isBridgeEnabled: boolean\n}\n\nconst Wrapper = styled.div`\n  max-width: 490px;\n  margin: 2rem auto 0;\n  text-align: center;\n`\n\nconst Image = styled.img`\n  width: 250px;\n  max-width: 100%;\n  margin: 1rem auto;\n`\n\nconst ButtonWrapper = styled.div`\n  display: flex;\n  gap: 1rem;\n  justify-content: center;\n  padding: 2rem 3.5rem 0;\n  button {\n    flex: 1;\n  }\n`\n\nexport const SendTestLeadFeedback: React.VFC<Props> = ({\n  onBackToEditRequest,\n  onProceedRequest,\n  status,\n  debugUri,\n  errorMessage,\n  isBridgeEnabled,\n}) => {\n  const { t } = useTranslation()\n  const { isSubmitting } = useFormikContext<BridgeFormValues>()\n\n  return status === 'success' ? (\n    <Wrapper>\n      <h4>{t('nbee.fieldsMapping.testSuccessTitle')}</h4>\n      {debugUri && (\n        <div>\n          <a\n            style={{ display: 'inline-block' }}\n            target={'_blank'}\n            rel={'noopener noreferrer'}\n            href={debugUri}\n          >\n            {t('nbee.fieldsMapping.testLeadDebugCta')}\n          </a>\n        </div>\n      )}\n      <Image\n        src={SuccessImage}\n        alt={t('nbee.fieldsMapping.testSuccessTitle')}\n      />\n      <ButtonWrapper>\n        <Button\n          type={'button'}\n          $variant={'secondary'}\n          onClick={onBackToEditRequest}\n          disabled={isSubmitting}\n        >\n          {t('nbee.fieldsMapping.goBackToFieldsMapping')}\n        </Button>\n\n        <Button\n          type={'button'}\n          $variant={'primary'}\n          onClick={onProceedRequest}\n          disabled={isSubmitting}\n          $loading={isSubmitting}\n        >\n          {!isBridgeEnabled\n            ? t('nbee.fieldsMapping.saveAndPublish')\n            : t('common.continue')}\n        </Button>\n      </ButtonWrapper>\n    </Wrapper>\n  ) : (\n    <Wrapper>\n      <h4>{t('nbee.fieldsMapping.testErrorTitle')}</h4>\n      <h5 style={{ color: 'red' }}>{errorMessage}</h5>\n      {debugUri && (\n        <div>\n          <a\n            style={{ display: 'inline-block' }}\n            target={'_blank'}\n            rel={'noopener noreferrer'}\n            href={debugUri}\n          >\n            {t('nbee.fieldsMapping.testLeadDebugCta')}\n          </a>\n        </div>\n      )}\n      <Image src={ErrorImage} alt={t('nbee.fieldsMapping.testSuccessTitle')} />\n      <ButtonWrapper>\n        <a\n          href={process.env.REACT_APP_SUPPORT_URL}\n          target={'_blank'}\n          rel={'noopener noreferrer'}\n        >\n          <Button type={'button'} $variant={'secondary'}>\n            {t('nbee.fieldsMapping.chatWithSupport')}\n          </Button>\n        </a>\n\n        <Button\n          type={'button'}\n          $variant={'primary'}\n          onClick={onBackToEditRequest}\n        >\n          {t('nbee.fieldsMapping.goBackToFieldsMapping')}\n        </Button>\n      </ButtonWrapper>\n    </Wrapper>\n  )\n}\n","import React from 'react'\n\nimport { InputField } from '@components/Form/InputField'\nimport {\n  TestMapperField,\n  TestMapperFieldLabel,\n  TestMapperWrapper,\n} from '@features/nbee/FieldsMappingForm/SendTestLeadSubForm/styled'\nimport { useTranslation } from 'react-i18next'\nimport { ApiTestableField } from 'BackendApi'\n\ninterface Props {\n  fieldsToRender: ApiTestableField[]\n  setFieldValue: (field: string, value: ApiTestableField[]) => void\n  fieldMappingTestingFieldName: string\n}\n\nexport const SendTestLeadSubForm: React.VFC<Props> = ({\n  fieldsToRender,\n  setFieldValue,\n  fieldMappingTestingFieldName,\n}) => {\n  const { t } = useTranslation()\n\n  return (\n    <TestMapperWrapper>\n      {!fieldsToRender.length ? (\n        <div>{t('nbee.fieldsMapping.noFieldsToTestFound')}</div>\n      ) : (\n        <>\n          <h4 className={'text-center'}>{t('nbee.fieldsMapping.testTitle')}</h4>\n          {fieldsToRender.map((field) => (\n            <TestMapperField key={field.id}>\n              <div>\n                <TestMapperFieldLabel>{field.label}</TestMapperFieldLabel>\n              </div>\n              <InputField\n                type={'text'}\n                name={field.id}\n                value={field.value || ''}\n                onChange={({ target: { value } }) => {\n                  setFieldValue(\n                    fieldMappingTestingFieldName,\n                    fieldsToRender.map((oldField) =>\n                      oldField.id === field.id\n                        ? {\n                            ...oldField,\n                            value,\n                          }\n                        : oldField\n                    )\n                  )\n                }}\n              />\n            </TestMapperField>\n          ))}\n        </>\n      )}\n    </TestMapperWrapper>\n  )\n}\n","import React, { useEffect } from 'react'\nimport { useFormikContext } from 'formik'\nimport { BridgeFormValues } from 'Nbee'\nimport { useTranslation } from 'react-i18next'\nimport { Loader } from '@components/Basic/Loader'\nimport { Message } from '@components/Basic/Message'\nimport { parseApiError } from '@app/api/utils/error'\nimport { useGetBridgeTestableFields } from '@app/api/getBridgeTestableFields'\nimport { tranformApiResponseToFormValues } from '@features/nbee/FieldsMappingForm/SendTestLeadSubForm/utils'\nimport { ApiBridgeAvailablePermissionCheckResponse } from 'BackendApi'\nimport { SendTestLeadSubForm } from '../SendTestLeadSubForm'\ninterface Props {\n  bridgeId: number\n  availablePermissionChecks:\n    | ApiBridgeAvailablePermissionCheckResponse\n    | undefined\n}\n\nexport const TestConnectionView: React.VFC<Props> = ({ bridgeId }) => {\n  const { t } = useTranslation()\n  const { values, setFieldValue } = useFormikContext<BridgeFormValues>()\n\n  const fieldsToRender = values.ui?.fieldMappingTesting || []\n  const fieldMappingTestingFieldName = `ui.fieldMappingTesting`\n\n  const {\n    data: fieldsToTestResponse,\n    error: errorGettingFieldsToTest,\n    isLoading: isLoadingFieldsToTest,\n    isRefetching: isRefetchingFieldsToTest,\n  } = useGetBridgeTestableFields(bridgeId)\n\n  const isLoadingAll = isLoadingFieldsToTest || isRefetchingFieldsToTest\n\n  const apiError = errorGettingFieldsToTest\n\n  useEffect(() => {\n    if (fieldsToTestResponse) {\n      // we update formik state with the fields to render\n      const sourceFieldsToTest =\n        tranformApiResponseToFormValues(fieldsToTestResponse)\n      setFieldValue(fieldMappingTestingFieldName, sourceFieldsToTest)\n    }\n  }, [fieldsToTestResponse])\n\n  return (\n    <>\n      {isLoadingAll ? (\n        <div>\n          <Loader $active $size={'large'} $text={t('common.loadingData')} />\n        </div>\n      ) : apiError ? (\n        <Message $status={'error'}>{parseApiError(apiError).message}</Message>\n      ) : (\n        <>\n          <SendTestLeadSubForm\n            fieldsToRender={fieldsToRender}\n            setFieldValue={setFieldValue}\n            fieldMappingTestingFieldName={fieldMappingTestingFieldName}\n          />\n        </>\n      )}\n    </>\n  )\n}\n","import React, { useEffect, useRef, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { InputField } from '@components/Form/InputField'\nimport { Textarea } from '@components/Form/Textarea'\nimport { InputToggle } from '@components/Form/InputToggle'\nimport { useField, useFormikContext } from 'formik'\nimport { Dropdown } from '@features/nbee/WelcomeMessageForm/DropDown'\nimport { BridgeFormValues } from 'Nbee'\nimport { ApiBridgeFieldsList, TemplateBasedFieldsMapping } from 'BackendApi'\nimport { Button } from '@components/Basic/ButtonNbe'\nimport { InputSmartCreatableSelect } from '@components/Form/InputSmartSelect/Creatable'\nimport { FaInfoCircle } from 'react-icons/fa'\nimport { calculateDropdownPosition } from '@features/nbee/WelcomeMessageForm/utils'\nimport { InputFeedback } from '@components/Basic/InputFeedback'\n\nexport interface VariableObjType {\n  id: string\n  label?: string\n}\n\ninterface Props {\n  bridgeFields: ApiBridgeFieldsList | undefined\n}\n\nexport const WelcomeMessageForm: React.FC<Props> = ({ bridgeFields }) => {\n  const { t } = useTranslation()\n  const dropdownWrapperRef = useRef<HTMLDivElement>(null)\n  const textAreaRef = useRef<HTMLTextAreaElement>(null)\n  const charToOpen = '['\n  const charToClose = ']'\n\n  const { values, setFieldValue } = useFormikContext<BridgeFormValues>()\n  const [allAvailableCoupons, setAllAvailableCoupons] = useState<string[]>([])\n  const [subjectField, metaSubject, helpersSubject] = useField(\n    'templateBasedFieldsMapping.subject'\n  )\n  const [bodyField, metaBody, bodyHelpers] = useField(\n    'templateBasedFieldsMapping.body'\n  )\n  const [isCouponActive, , couponActiveHelpers] = useField(\n    'templateBasedFieldsMapping.isCouponActive'\n  )\n  const [couponsField, , couponsHelpers] = useField(\n    'templateBasedFieldsMapping.coupons'\n  )\n\n  const templateBasedFieldsMapping = values.templateBasedFieldsMapping\n  const isBridgeEnabled = values.ui?.isBridgeEnabled\n\n  const subjectError = metaSubject.touched && metaSubject.error\n  const bodyError = metaBody.touched && metaBody.error\n  const subjectErrorStatus = subjectError ? { error: subjectError } : undefined\n  const bodyErrorStatus = bodyError ? { error: bodyError } : undefined\n\n  const initialValues: TemplateBasedFieldsMapping = {\n    subject: templateBasedFieldsMapping?.subject ?? 'Welcome on board, ',\n    body:\n      templateBasedFieldsMapping?.body ??\n      'Hi\\nHere is your [COUPON]\\nHave a nice day',\n    isCouponActive: templateBasedFieldsMapping?.isCouponActive ?? false,\n    coupons: templateBasedFieldsMapping?.coupons ?? [],\n  }\n\n  const [inputSelectPosition, setInputSelectPosition] = useState({ x: 0, y: 0 })\n  const [showDropdown, setShowDropdown] = useState(false)\n  const [highlightedIndex, setHighlightedIndex] = useState<number>(0)\n  const [inputElement, setInputElement] = useState<HTMLInputElement | null>(\n    null\n  )\n  const [lastFocusedField, setLastFocusedField] = useState<\n    'subject' | 'body' | null\n  >(null)\n  const [isFirstRender, setIsFirstRender] = useState(true)\n  useEffect(() => {\n    setIsFirstRender(false)\n  }, [])\n\n  const [dropdownHeight, setDropdownHeight] = useState(0)\n\n  const [textInsideBrackets, setTextInsideBrackets] = useState('')\n  const [filteredData, setFilteredData] = useState<VariableObjType[]>([])\n\n  const source = bridgeFields?.source\n  const templateFields = bridgeFields?.templateFields\n  const isSmsMessage =\n    templateFields && !templateFields.some((field) => field.id === 'subject')\n\n  const couponValue = { id: 'COUPON', label: 'COUPON' }\n\n  useEffect(() => {\n    if (!values.templateBasedFieldsMapping) {\n      setFieldValue('templateBasedFieldsMapping.subject', initialValues.subject)\n      setFieldValue('templateBasedFieldsMapping.body', initialValues.body)\n      setFieldValue(\n        'templateBasedFieldsMapping.isCouponActive',\n        initialValues.isCouponActive\n      )\n      setFieldValue('templateBasedFieldsMapping.coupons', initialValues.coupons)\n    }\n  }, [setFieldValue, values.templateBasedFieldsMapping, initialValues])\n\n  useEffect(() => {\n    setAllAvailableCoupons([...new Set([...initialValues.coupons])])\n  }, [])\n\n  useEffect(() => {\n    if (source) {\n      const initialData = source.map((item) => ({\n        id: item.id.toUpperCase(),\n        label: item.label.toUpperCase(),\n      }))\n      setFilteredData(\n        isSmsMessage ? initialData : [couponValue, ...initialData]\n      )\n    }\n  }, [source, isSmsMessage])\n\n  useEffect(() => {\n    if (textInsideBrackets) {\n      const filtered = source\n        ? source\n            .filter((item) =>\n              item.id.toLowerCase().startsWith(textInsideBrackets.toLowerCase())\n            )\n            .map((item) => ({\n              id: item.id.toUpperCase(),\n              label: item.label.toUpperCase(),\n            }))\n        : []\n      setFilteredData(isSmsMessage ? filtered : [couponValue, ...filtered])\n    } else {\n      const newData = source\n        ? source.map((item) => ({\n            id: item.id.toUpperCase(),\n            label: item.label.toUpperCase(),\n          }))\n        : []\n      setFilteredData(isSmsMessage ? newData : [couponValue, ...newData])\n    }\n  }, [textInsideBrackets, source, isSmsMessage])\n\n  useEffect(() => {\n    if (!isFirstRender && dropdownWrapperRef.current) {\n      setDropdownHeight(dropdownWrapperRef.current.clientHeight)\n    }\n  }, [isFirstRender, dropdownWrapperRef])\n\n  useEffect(() => {\n    if (dropdownWrapperRef.current) {\n      setDropdownHeight(dropdownWrapperRef.current.clientHeight)\n    }\n  }, [filteredData])\n\n  useEffect(() => {\n    if (!dropdownWrapperRef.current || !textAreaRef.current) return\n\n    const fieldRef =\n      lastFocusedField === 'subject' && inputElement\n        ? inputElement\n        : textAreaRef.current\n\n    const value = fieldRef.value\n    const cursorPosition = fieldRef.selectionEnd ?? 0\n    const indexOfLastOpenBracket = value.lastIndexOf(charToOpen, cursorPosition)\n\n    const newPosition = calculateDropdownPosition(\n      fieldRef,\n      value,\n      dropdownWrapperRef.current.clientHeight,\n      indexOfLastOpenBracket\n    )\n\n    setInputSelectPosition(newPosition)\n  }, [\n    dropdownHeight,\n    inputSelectPosition.x,\n    inputSelectPosition.y,\n    lastFocusedField,\n    textInsideBrackets,\n    inputElement,\n  ])\n\n  useEffect(() => {\n    const handleScroll = () => {\n      if (!dropdownWrapperRef.current || !inputElement || !textAreaRef.current)\n        return\n\n      const fieldRef =\n        lastFocusedField === 'subject' ? inputElement : textAreaRef.current\n      const value = fieldRef.value\n      const cursorPosition = fieldRef.selectionEnd ?? 0\n      const indexOfLastOpenBracket = value.lastIndexOf(\n        charToOpen,\n        cursorPosition\n      )\n\n      const newPosition = calculateDropdownPosition(\n        fieldRef,\n        value,\n        dropdownWrapperRef.current.clientHeight,\n        indexOfLastOpenBracket\n      )\n\n      setInputSelectPosition(newPosition)\n    }\n\n    window.addEventListener('scroll', handleScroll)\n\n    return () => {\n      window.removeEventListener('scroll', handleScroll)\n    }\n  }, [lastFocusedField, dropdownHeight])\n\n  const setInputRef = (input: HTMLInputElement | null) => {\n    setInputElement(input)\n  }\n\n  const checkForChar = (\n    value: string,\n    element: HTMLInputElement | HTMLTextAreaElement | null,\n    isClosingBracketDeleted = false\n  ) => {\n    if (!element) return\n\n    const cursorPosition = element.selectionStart ?? 0\n    const indexOfLastOpenBracketBeforeCursor = value.lastIndexOf(\n      charToOpen,\n      cursorPosition - 1\n    )\n    const indexOfLastCloseBracketBeforeCursor = value.lastIndexOf(\n      charToClose,\n      cursorPosition - 1\n    )\n\n    if (\n      indexOfLastOpenBracketBeforeCursor >\n        indexOfLastCloseBracketBeforeCursor ||\n      isClosingBracketDeleted\n    ) {\n      const text = value.substring(\n        indexOfLastOpenBracketBeforeCursor + 1,\n        cursorPosition\n      )\n      setTextInsideBrackets(text)\n      setShowDropdown(true)\n\n      const newPosition = calculateDropdownPosition(\n        element,\n        value,\n        dropdownHeight,\n        indexOfLastOpenBracketBeforeCursor\n      )\n      setInputSelectPosition(newPosition)\n    } else {\n      setShowDropdown(false)\n    }\n  }\n\n  const handleFieldFocus = (field: 'subject' | 'body') => {\n    setLastFocusedField(field)\n    if (field === 'subject') {\n      helpersSubject.setTouched(true)\n    } else if (field === 'body') {\n      bodyHelpers.setTouched(true)\n    }\n  }\n\n  const handleOnSelect = (item: VariableObjType) => {\n    const fieldToUpdate =\n      lastFocusedField === 'subject' ? inputElement : textAreaRef.current\n    if (!fieldToUpdate) {\n      return\n    }\n\n    const helpersToUpdate =\n      lastFocusedField === 'subject' ? helpersSubject : bodyHelpers\n    const currentText = fieldToUpdate.value\n\n    const cursorPosition = fieldToUpdate.selectionEnd ?? 0\n    const indexOfLastOpenBracket = currentText.lastIndexOf(\n      charToOpen,\n      cursorPosition\n    )\n\n    let newText\n    let newCursorPosition: number\n\n    if (indexOfLastOpenBracket >= 0) {\n      newText =\n        currentText.substring(0, indexOfLastOpenBracket) +\n        '[' +\n        item.id +\n        ']' +\n        currentText.substring(cursorPosition)\n      newCursorPosition = indexOfLastOpenBracket + item.id.length + 2\n    } else {\n      newText = currentText + '[' + item.id + ']'\n      newCursorPosition = currentText.length + item.id.length + 2\n    }\n\n    helpersToUpdate.setValue(newText)\n\n    setTimeout(() => {\n      fieldToUpdate.focus()\n      fieldToUpdate.setSelectionRange(newCursorPosition, newCursorPosition)\n    }, 0)\n\n    setShowDropdown(false)\n  }\n\n  const handleInputChange = (\n    e:\n      | React.ChangeEvent<HTMLInputElement>\n      | React.ChangeEvent<HTMLTextAreaElement>\n  ) => {\n    const { name, value } = e.target\n\n    if (name === 'subject') {\n      helpersSubject.setValue(value)\n      checkForChar(value, inputElement)\n    } else if (name === 'body') {\n      bodyHelpers.setValue(value)\n      checkForChar(value, textAreaRef.current)\n    }\n  }\n\n  useEffect(() => {\n    if (showDropdown && highlightedIndex < 0 && filteredData.length > 0) {\n      setHighlightedIndex(0)\n    }\n  }, [showDropdown, highlightedIndex, filteredData])\n\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    if (e.key === 'ArrowDown' || e.key === 'ArrowUp') {\n      e.preventDefault()\n      let newIndex = highlightedIndex\n      if (e.key === 'ArrowDown' && highlightedIndex < filteredData.length - 1) {\n        newIndex = highlightedIndex + 1\n      } else if (e.key === 'ArrowUp' && highlightedIndex > 0) {\n        newIndex = highlightedIndex - 1\n      }\n      setHighlightedIndex(newIndex)\n\n      if (dropdownWrapperRef.current) {\n        const selectedItem = dropdownWrapperRef.current.children[newIndex]\n        selectedItem?.scrollIntoView({ behavior: 'smooth', block: 'nearest' })\n      }\n    }\n    if (e.key === 'Enter' && showDropdown && filteredData.length > 0) {\n      e.preventDefault()\n      handleOnSelect(filteredData[highlightedIndex])\n      setShowDropdown(false)\n    } else if (e.key === 'Backspace') {\n      const fieldRef =\n        lastFocusedField === 'subject' ? inputElement : textAreaRef.current\n      if (fieldRef && fieldRef.selectionStart != null) {\n        const cursorPosition = fieldRef.selectionStart\n\n        const isClosingBracketDeleted =\n          fieldRef.value[cursorPosition - 1] === charToClose\n\n        setTimeout(() => {\n          checkForChar(fieldRef.value, fieldRef, isClosingBracketDeleted)\n        }, 0)\n      }\n    }\n  }\n\n  const handleAddVariableClick = () => {\n    const fieldRef =\n      lastFocusedField === 'subject' ? inputElement : textAreaRef.current\n\n    if (fieldRef && document.body.contains(fieldRef)) {\n      const cursorPosition = fieldRef.selectionStart || 0\n\n      const value = fieldRef.value\n      const newValue =\n        value.slice(0, cursorPosition) + '[' + value.slice(cursorPosition)\n\n      const helpersToUpdate =\n        lastFocusedField === 'subject' ? helpersSubject : bodyHelpers\n      helpersToUpdate.setValue(newValue)\n\n      setTimeout(() => {\n        fieldRef.focus()\n        fieldRef.setSelectionRange(cursorPosition + 1, cursorPosition + 1)\n\n        checkForChar(newValue, fieldRef)\n      }, 0)\n    }\n  }\n\n  const managePastedData = (e: React.ClipboardEvent<HTMLInputElement>) => {\n    e.preventDefault()\n    const pastedData = e.clipboardData.getData('text')\n    const newCoupons = pastedData\n      .replace(/\\r?\\n|\\r/g, ' ')\n      .split(/[\\s,]+/)\n      .filter((coupon) => coupon.trim() !== '')\n\n    const updatedCoupons = [...initialValues.coupons, ...newCoupons]\n    couponsHelpers.setValue(updatedCoupons)\n    setAllAvailableCoupons((prev) => [...new Set([...prev, ...newCoupons])])\n  }\n\n  const handleSelectCoupon = (coupons: string[]) => {\n    couponsHelpers.setValue(coupons)\n    setAllAvailableCoupons((prev) => [...new Set([...prev, ...coupons])])\n  }\n\n  return (\n    <>\n      <div style={{ position: 'relative', marginTop: '1rem' }}>\n        {!isSmsMessage && (\n          <>\n            <InputField\n              value={initialValues.subject}\n              onKeyDown={handleKeyDown}\n              inputRefCallback={setInputRef}\n              name={'subject'}\n              type={'text'}\n              label={'Subject'}\n              onChange={handleInputChange}\n              onFocus={() => handleFieldFocus('subject')}\n              disabled={isBridgeEnabled}\n              $hasMargin\n            />\n            {subjectErrorStatus && (\n              <InputFeedback $status={subjectErrorStatus} />\n            )}\n          </>\n        )}\n        <Textarea\n          value={initialValues.body}\n          onKeyDown={handleKeyDown}\n          ref={textAreaRef}\n          name={'body'}\n          type={'text'}\n          label={'Body'}\n          onChange={handleInputChange}\n          onFocus={() => handleFieldFocus('body')}\n          style={{ height: '200px', resize: 'none', outline: 'none' }}\n          disabled={isBridgeEnabled}\n        />\n        {bodyErrorStatus && <InputFeedback $status={bodyErrorStatus} />}\n        <Button\n          $variant={'link-primary'}\n          type={'button'}\n          onClick={handleAddVariableClick}\n          style={{\n            position: 'absolute',\n            right: 0,\n            bottom: 0,\n            zIndex: 2,\n          }}\n          disabled={isBridgeEnabled}\n        >\n          Add Variable\n        </Button>\n        <Dropdown\n          ref={dropdownWrapperRef}\n          items={filteredData}\n          onSelect={(item: VariableObjType) => {\n            handleOnSelect(item)\n          }}\n          isVisible={showDropdown}\n          position={inputSelectPosition}\n          highlightedIndex={highlightedIndex}\n          setHighlightedIndex={setHighlightedIndex}\n        />\n      </div>\n      <div style={{ marginTop: '1rem' }}>\n        <div\n          style={{\n            display: 'flex',\n            alignItems: 'center',\n            gap: '.5rem',\n            marginBottom: '1rem',\n          }}\n        >\n          <FaInfoCircle color={'#22a7f0'} />\n          <span style={{ color: '#696f8c', fontSize: '0.875rem' }}>\n            Use shortcut: type “[“ to open menu with variables\n          </span>\n        </div>\n        {!isSmsMessage && (\n          <>\n            <InputToggle\n              $variant={'primary'}\n              $size={'small'}\n              $labelRight={'Use Coupons'}\n              $isChecked={initialValues.isCouponActive}\n              $isDisabled={isBridgeEnabled}\n              onChange={() => {\n                const newState = !initialValues.isCouponActive\n                couponActiveHelpers.setValue(newState)\n              }}\n            />\n\n            {initialValues.isCouponActive && (\n              <div style={{ marginTop: '1rem' }}>\n                <InputSmartCreatableSelect\n                  key={JSON.stringify(initialValues.coupons || [])}\n                  defaultValue={initialValues.coupons}\n                  initialValues={allAvailableCoupons}\n                  onPaste={managePastedData}\n                  onSelect={handleSelectCoupon}\n                  isDisabled={isBridgeEnabled}\n                />\n              </div>\n            )}\n          </>\n        )}\n      </div>\n    </>\n  )\n}\n","import React, { Fragment, useEffect, useState } from 'react'\nimport { Panel } from '@components/Panel'\nimport { Button } from '@components/Basic/ButtonNbe'\nimport { PageEditor } from '@app/layouts/PageEditor'\nimport { appRoutes } from '@app/routes'\nimport { useTranslation } from 'react-i18next'\nimport { makeNbeeSteps } from '@features/nbee/utils'\nimport { HeaderSearch } from '@features/nbee/FieldsMappingForm/HeaderSearch'\nimport { FormInner } from '@features/nbee/FieldsMappingForm/FormInner'\nimport { AddFilterButton } from '@features/nbee/AddFilterButton'\nimport { BridgeFilterCondition, BridgeFormValues } from 'Nbee'\nimport {\n  ApiBridgeAvailablePermissionCheckResponse,\n  ApiBridgeFieldsList,\n} from 'BackendApi'\nimport { Formik, Form, FormikHelpers } from 'formik'\nimport { useHistory } from 'react-router-dom'\nimport { makeFieldMappingValidationSchema } from '@features/nbee/FieldsMappingForm/validation'\nimport { SendTestLeadFeedback } from '@features/nbee/FieldsMappingForm/SendTestLeadFeedback'\nimport { ButtonTestBeforeProceeding } from '@features/nbee/FieldsMappingForm/ButtonTestBeforeProceeding'\nimport { getShowUnmappedInitialState } from '@features/nbee/FieldsMappingForm/utils'\nimport { ButtonSendTestLead } from '@features/nbee/FieldsMappingForm/SendTestLeadSubForm/ButtonSendTestLead'\nimport { FaAngleLeft } from 'react-icons/fa'\nimport { useGetBridgeAllFields } from '@app/api/getBridgeAllFields'\nimport { Loader } from '@app/components/Basic/Loader'\nimport { StatusBarBridge } from '@features/nbee/StatusBarBridge'\nimport { isInIframe } from '@app/utils/isInFrame'\nimport { useGetUserModules } from '@app/api/getUserModules'\nimport { TestConnectionView } from './TestConnectionView'\nimport { WelcomeMessageForm } from '@features/nbee/WelcomeMessageForm'\nimport { useFetchConnectedApps } from '@app/api/getConnectedApps'\n\ninterface Props {\n  bridgeId: number\n  initialValues: BridgeFormValues\n  onSubmit: (\n    formValues: BridgeFormValues,\n    formikHelpers: FormikHelpers<BridgeFormValues>\n  ) => void\n  isSavingApi?: boolean\n  allBridgeFields?: ApiBridgeFieldsList\n  isFirstBridge?: boolean\n  bridgeFilterRulesList?: BridgeFilterCondition[]\n  onRefetchBridgeFormValues?: () => void\n  availablePermissionChecks?:\n    | ApiBridgeAvailablePermissionCheckResponse\n    | undefined\n  showWelcomeMessage: boolean\n}\n\nexport type WelcomeMessageProps = {\n  isWelcomeMessageForm: boolean\n  isSmsForm: boolean\n}\n\nexport type MinimumPlanNameTypes = {\n  [key: string]: string\n}\nexport const minimumPlanName: MinimumPlanNameTypes = {\n  '6': 'Free',\n  '7': 'pro',\n  '8': 'team', // only a constant\n  '9': 'appsumo',\n  '10': 'starter',\n}\n\nexport type FieldMappingScreenState =\n  | 'mapping'\n  | 'testing'\n  | 'test-success'\n  | 'test-error'\n\nexport const FieldsMappingForm: React.FC<Props> = ({\n  bridgeId,\n  initialValues,\n  onSubmit,\n  isSavingApi,\n  allBridgeFields,\n  bridgeFilterRulesList,\n  onRefetchBridgeFormValues,\n  availablePermissionChecks,\n  showWelcomeMessage,\n}) => {\n  const { t } = useTranslation()\n  const history = useHistory()\n  const steps = makeNbeeSteps(1, bridgeId, showWelcomeMessage)\n  const isEmbedded = isInIframe()\n\n  const testEnabled = initialValues?.ui?.testEnabled\n\n  const {\n    refetch: onRefetchFieldRequest,\n    isRefetching: isReloadingAllBridgeFields,\n  } = useGetBridgeAllFields(bridgeId)\n\n  const {\n    data: userModulesResponse,\n    isLoading: isLoadingUserModules,\n    error: apiUserModulesError,\n  } = useGetUserModules()\n\n  const { data: connectedApps, isLoading: isLoadingConnectedApps } =\n    useFetchConnectedApps()\n\n  const sourceApp = (connectedApps || []).find(\n    (app) => app.id === initialValues.source.appId\n  )\n  const defaultTransparentPixel = `data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==`\n\n  const sourceLogoUri = sourceApp?.logoUriSmall || defaultTransparentPixel\n\n  // this state handles which screen of the FieldsMappingForm to display\n  const [screenState, setScreenState] =\n    useState<FieldMappingScreenState>('mapping')\n\n  const [showAllFields, setShowAllFields] = useState(\n    getShowUnmappedInitialState(initialValues.fieldsMapping)\n  )\n  const [filterText, setFilterText] = useState('')\n\n  const [testLeadDebugUri, setTestLeadDebugUri] = useState<string | undefined>()\n  const [testLeadDebugError, setTestLeadDebugError] = useState<\n    string | undefined\n  >()\n  const validationSchema = makeFieldMappingValidationSchema()\n  const destinationFields = allBridgeFields?.destination || []\n\n  const isAPILoading = isReloadingAllBridgeFields || isLoadingUserModules\n\n  const userModules = userModulesResponse?.modules || []\n  const filterUserModules = userModules.find((i) => i.id === 'bridge-filter')\n  const formulaUserModules = userModules.find((i) => i.id === 'bridge-formula')\n  const fieldMappingModules = userModules.find((i) => i.id === 'fields-mapping')\n\n  const maxFieldsToMap = testEnabled\n    ? fieldMappingModules?.userDefaults?.maxFieldsMapping\n    : undefined\n\n  const templateFields = allBridgeFields?.templateFields\n\n  const isSmsForm =\n    (templateFields &&\n      !templateFields.some((field) => field.id === 'subject')) ||\n    false\n\n  const welcomeMessageProps: WelcomeMessageProps = {\n    isWelcomeMessageForm: showWelcomeMessage,\n    isSmsForm,\n  }\n\n  // console.log(validationSchema.validateSync(initialValues))\n  useEffect(() => {\n    if (filterText) {\n      setShowAllFields(true)\n    }\n  }, [filterText])\n\n  // UI\n  const isInFieldMappingForm = screenState === 'mapping'\n  const isInTestFieldMapping = screenState === 'testing'\n  const isInTestFeedback =\n    screenState === 'test-success' || screenState === 'test-error'\n\n  return (\n    <Formik\n      initialValues={initialValues}\n      validationSchema={validationSchema}\n      enableReinitialize={true}\n      onSubmit={(values, helpers) => {\n        onSubmit(values, helpers)\n      }}\n      validateOnMount\n    >\n      {(formikProps) => {\n        const totalFieldsToMap = (formikProps.values.fieldsMapping || []).length\n        const totalFieldsMapped = (\n          formikProps.values.fieldsMapping || []\n        ).filter((f) =>\n          f.mapping.some(\n            (item) => item.formula?.id || item.sourceFieldId || item.text\n          )\n        ).length\n\n        const isTestLeadEnabled = formikProps.values.ui?.testEnabled\n\n        const isBridgeEnabled = formikProps.values.ui?.isBridgeEnabled\n\n        return (\n          <Fragment>\n            {isLoadingUserModules && <Loader $size='large' $active $dimmer />}\n            <PageEditor\n              formikContext={formikProps}\n              steps={steps}\n              activeStep={1}\n              topbarValue={formikProps.values.name}\n              infoBar={\n                formikProps.values.ui?.bridgeId ? (\n                  <StatusBarBridge\n                    isVisible={\n                      !(\n                        initialValues?.manualStatus === 1 ||\n                        initialValues?.manualStatus === 'new'\n                      ) // checks if the bridge is in status \"new\"; in that case we will NOT want to display the edit bar.\n                    }\n                    bridgeId={formikProps.values.ui.bridgeId}\n                  />\n                ) : null\n              }\n              onTopbarValueChange={\n                formikProps.values.ui?.isBridgeEnabled\n                  ? undefined\n                  : (newBridgeName) => {\n                      formikProps.setFieldValue('name', newBridgeName)\n                    }\n              }\n              hasTopBar={!isEmbedded}\n              backlink={{\n                url: '/bridges',\n                label: t('nbee.bridgeBuilder.exitNbee'),\n              }}\n            >\n              <Form>\n                <Panel\n                  head={\n                    <HeaderSearch\n                      connectedApps={connectedApps}\n                      sourceAppId={initialValues.source.appId}\n                      destinationAppId={initialValues.destination.appId}\n                      totalFields={totalFieldsToMap}\n                      mappedFields={totalFieldsMapped}\n                      inputValue={filterText}\n                      onInputChange={setFilterText}\n                      showAllFields={showAllFields}\n                      onRefetchBridgeFieldRequest={onRefetchFieldRequest}\n                      isReloadingAllBridgeFields={isAPILoading}\n                      maxFields={maxFieldsToMap}\n                      onShowAllFieldsRequest={(showAllFields) => {\n                        setShowAllFields(showAllFields)\n                      }}\n                      isInTestScreen={\n                        isInTestFieldMapping ||\n                        isInTestFeedback ||\n                        showWelcomeMessage\n                      }\n                      welcomeMessageProps={welcomeMessageProps}\n                    />\n                  }\n                  progressBarPercentage={isEmbedded ? 66 : undefined}\n                  body={\n                    <>\n                      {isAPILoading ? (\n                        <Loader\n                          $text={t(\n                            'nbee.fieldsMapping.refetchBridgeFieldLoaderMessage'\n                          )}\n                          $active={true}\n                        />\n                      ) : isInTestFieldMapping ? (\n                        <>\n                          <TestConnectionView\n                            bridgeId={bridgeId}\n                            availablePermissionChecks={\n                              availablePermissionChecks\n                            }\n                          />\n                        </>\n                      ) : isInTestFeedback ? (\n                        <SendTestLeadFeedback\n                          status={\n                            screenState === 'test-success' ? 'success' : 'error'\n                          }\n                          debugUri={testLeadDebugUri}\n                          errorMessage={testLeadDebugError}\n                          onBackToEditRequest={() => {\n                            setScreenState('mapping')\n                          }}\n                          isBridgeEnabled={\n                            formikProps.values.ui?.isBridgeEnabled ?? false\n                          }\n                          onProceedRequest={() => {\n                            // if the bridge is already enabled I go directly to the next step\n                            // if it's not enabled I save and publish the bridge\n                            if (!formikProps.values.ui?.isBridgeEnabled) {\n                              formikProps.submitForm()\n                            } else {\n                              history.push(\n                                appRoutes.nbeeStep3.makeUrl(`${bridgeId}`)\n                              )\n                            }\n                          }}\n                        />\n                      ) : (\n                        <>\n                          <AddFilterButton\n                            initialFilterRules={bridgeFilterRulesList}\n                            allSourceFields={allBridgeFields?.source}\n                            bridgeId={bridgeId}\n                            onRefetchBridgeFormValues={\n                              onRefetchBridgeFormValues\n                            }\n                            isBridgeDisabled={isBridgeEnabled}\n                            filterUserModules={filterUserModules}\n                          />\n                          {isSavingApi && (\n                            <Loader $active $dimmer $size={'large'} />\n                          )}\n                          <FormInner\n                            bridgeId={bridgeId}\n                            filterText={filterText}\n                            showAllFields={showAllFields}\n                            onResetFilterRequest={() => {\n                              setShowAllFields(true)\n                              setFilterText('')\n                            }}\n                            allBridgeFields={allBridgeFields}\n                            formulaUserModule={formulaUserModules}\n                            totalFieldsMapped={totalFieldsMapped}\n                            maxFields={maxFieldsToMap}\n                            showWelcomeMessage={showWelcomeMessage}\n                            sourceLogoUri={sourceLogoUri}\n                          />\n                          {showWelcomeMessage && (\n                            <WelcomeMessageForm\n                              bridgeFields={allBridgeFields}\n                            />\n                          )}\n                        </>\n                      )}\n                    </>\n                  }\n                  footer={\n                    // FOOTER FOR FIELD MAPPING SCREEN\n                    isInFieldMappingForm\n                      ? {\n                          left: (\n                            <Button\n                              $hasIcon\n                              type={'button'}\n                              $variant={'link-secondary'}\n                              disabled={isAPILoading}\n                              onClick={() => {\n                                history.push(\n                                  appRoutes.nbeeStep1Edit.makeUrl(`${bridgeId}`)\n                                )\n                              }}\n                            >\n                              <FaAngleLeft />\n                              {t('nbee.fieldsMapping.goPreviewStep')}\n                            </Button>\n                          ),\n                          right: (\n                            <div style={{ display: 'flex', gap: '1rem' }}>\n                              {/* Open screenState to submit a test lead */}\n                              {isTestLeadEnabled &&\n                              !formikProps.values.ui?.isBridgeEnabled ? (\n                                <ButtonTestBeforeProceeding\n                                  scope={'test'}\n                                  destinationFields={destinationFields}\n                                  formikProps={formikProps}\n                                  bridgeId={bridgeId}\n                                  isDisabledFromParent={isAPILoading}\n                                  onSuccess={() => {\n                                    // when we check actual mapping, we take the user to the test screen\n                                    setScreenState('testing')\n                                  }}\n                                />\n                              ) : isTestLeadEnabled ? (\n                                // in case of view only mode we just show a link to the test lead\n                                <Button\n                                  $variant={'secondary'}\n                                  type={'button'}\n                                  onClick={() => {\n                                    setScreenState('testing')\n                                  }}\n                                >\n                                  {t('nbee.fieldsMapping.testFieldsMapping')}\n                                </Button>\n                              ) : null}\n                              {/* Save mapping */}\n\n                              {!formikProps.values.ui?.isBridgeEnabled ? (\n                                <ButtonTestBeforeProceeding\n                                  scope={'save'}\n                                  destinationFields={destinationFields}\n                                  formikProps={formikProps}\n                                  isDisabledFromParent={isAPILoading}\n                                  isSavingFromParent={isSavingApi}\n                                  bridgeId={bridgeId}\n                                  onSuccess={() => {\n                                    formikProps.submitForm()\n                                  }}\n                                />\n                              ) : (\n                                // in case of view only mode we just show a link to next step\n                                <Button\n                                  $variant={'primary'}\n                                  type={'button'}\n                                  onClick={() => {\n                                    history.push(\n                                      appRoutes.nbeeStep3.makeUrl(`${bridgeId}`)\n                                    )\n                                  }}\n                                >\n                                  {t('common.continue')}\n                                </Button>\n                              )}\n                            </div>\n                          ),\n                        }\n                      : // FOOTER FOR TEST FIELD MAPPING SCREEN\n                      isInTestFieldMapping\n                      ? {\n                          left: (\n                            <Button\n                              $hasIcon\n                              type={'button'}\n                              $variant={'link-secondary'}\n                              onClick={() => {\n                                setScreenState('mapping')\n                              }}\n                            >\n                              <FaAngleLeft />\n                              {t('nbee.fieldsMapping.goPreviewStep')}\n                            </Button>\n                          ),\n                          right: (\n                            <ButtonSendTestLead\n                              bridgeId={bridgeId}\n                              onSendTestLead={({\n                                status,\n                                debugUri,\n                                errorMessage,\n                              }) => {\n                                setScreenState(\n                                  status === 'success'\n                                    ? 'test-success'\n                                    : 'test-error'\n                                )\n                                setTestLeadDebugUri(debugUri)\n                                setTestLeadDebugError(errorMessage)\n                              }}\n                            />\n                          ),\n                        }\n                      : // NO FOOTER FOR TEST FIELD MAPPING FEEDBACK\n                        null\n                  }\n                />\n              </Form>\n            </PageEditor>\n          </Fragment>\n        )\n      }}\n    </Formik>\n  )\n}\n","import React from 'react'\nimport { Button } from '@components/Basic/ButtonNbe'\nimport LbLogoSvg from '@assets/images/logo-lb-small.svg'\nimport { MdOutlineCheckCircleOutline } from 'react-icons/md'\nimport { Trans, useTranslation } from 'react-i18next'\nimport {\n  Wrapper,\n  ButtonWrapper,\n  Header,\n  Paragraph,\n  Body,\n  Label,\n  Disclaimer,\n} from './styled'\nimport { InputField } from '@components/Form/InputField'\nimport { BiShieldQuarter } from 'react-icons/bi'\n\ninterface Props {\n  appLogoUri?: string\n  onSave: () => void\n  onCancel: () => void\n  integrationName: string\n  onEditIntegrationName: (name: string) => void\n  isUpdatingIntegration: boolean\n  appName: string\n}\n\nexport const IncomingDataFinalStep: React.FC<Props> = ({\n  onSave,\n  integrationName,\n  onEditIntegrationName,\n  onCancel,\n  isUpdatingIntegration,\n  appName,\n}) => {\n  const { t } = useTranslation()\n\n  const showedName =\n    appName &&\n    (appName === 'Incoming Webhook' ? 'your webhook system' : appName)\n\n  return (\n    <Wrapper>\n      <Header>\n        <img src={LbLogoSvg} width='40' />\n      </Header>\n      <Body>\n        <MdOutlineCheckCircleOutline color={'#2ECD72'} size={100} />\n        <Paragraph>\n          {t('incomingDataPopup.paragraphLastStepWebhook', {\n            appName: showedName,\n          })}\n        </Paragraph>\n        <Label>{t('nbee.bridgeBuilder.integrationName')}</Label>\n        <div style={{ width: '450px' }}>\n          <InputField\n            name={'name'}\n            type={'text'}\n            value={integrationName}\n            onChange={(e) => onEditIntegrationName(e.target.value)}\n            style={{ textAlign: 'center' }}\n          />\n        </div>\n        <ButtonWrapper>\n          <Button\n            style={{ width: '100%' }}\n            $variant={'primary'}\n            $size={'large'}\n            onClick={onSave}\n            disabled={isUpdatingIntegration || integrationName === ''}\n          >\n            {t('common.save')}\n          </Button>\n          <Button\n            $variant={'link-primary'}\n            style={{ textDecoration: 'underline', marginTop: '.5rem' }}\n            onClick={onCancel}\n          >\n            {t('common.cancel')}\n          </Button>\n        </ButtonWrapper>\n        <Disclaimer>\n          <BiShieldQuarter size={'1.2rem'} />\n          <div>\n            <Trans\n              ns={'all'}\n              i18nKey={'integrationAuthPopup.disclaimerLine'}\n              components={{\n                a: <a />,\n              }}\n            />\n          </div>\n        </Disclaimer>\n      </Body>\n    </Wrapper>\n  )\n}\n","import React from 'react'\nimport { Button } from '@components/Basic/ButtonNbe'\nimport { InputAutoSelectCopy } from '@components/InputAutoSelectCopy'\nimport LbLogoSvg from '@assets/images/logo-lb-small.svg'\nimport { useTranslation } from 'react-i18next'\nimport {\n  Wrapper,\n  ButtonWrapper,\n  Header,\n  Title,\n  Paragraph,\n  Body,\n} from './styled'\nimport { useAppSelector } from '@app/store/hooks'\n\ninterface Props {\n  appLogoUri: string\n  onContinueRequest: () => void\n  appName: string\n}\n\nexport const IncomingDataInitialStep: React.FC<Props> = ({\n  appLogoUri,\n  onContinueRequest,\n  appName,\n}) => {\n  const { t } = useTranslation()\n  const integrationListener = useAppSelector(\n    (state) => state.integrationListener\n  )\n\n  const showedName = appName\n  const listenerType = integrationListener.data?.type ?? 'url'\n  return (\n    <Wrapper>\n      <Header>\n        <img src={LbLogoSvg} width='40' alt='Logo description' />\n      </Header>\n      <Body>\n        <Title>\n          <img src={appLogoUri} width='45' alt='App logo' />\n          <h2>\n            {t(`incomingDataPopup.${listenerType}.titleFirstStepWebhook`, {\n              appName: showedName,\n            })}\n          </h2>\n        </Title>\n        <Paragraph>\n          {t(`incomingDataPopup.${listenerType}.paragraphFirstStepWebhook`, {\n            appName: showedName,\n          })}\n        </Paragraph>\n        {integrationListener.data ? (\n          <InputAutoSelectCopy\n            // docUrl={'https://leadsbridge.com'}\n            linkKey={t('incomingDataPopup.linkTextFirstStepWebhook')}\n            label={t(`incomingDataPopup.${listenerType}.inputLabel`)}\n            inputValue={integrationListener.data?.slug}\n            tooltip={t(\n              `incomingDataPopup.${listenerType}.inputCopyTooltipWebhook`,\n              {\n                appName: showedName,\n              }\n            )}\n          />\n        ) : null}\n        <ButtonWrapper>\n          <Button\n            style={{ width: '100%' }}\n            $variant={'primary'}\n            onClick={onContinueRequest}\n          >\n            {t('incomingDataPopup.ctaRecognizedWebhook')}\n          </Button>\n        </ButtonWrapper>\n      </Body>\n    </Wrapper>\n  )\n}\n","import React from 'react'\nimport { Checkbox } from '@components/Form/Checkbox'\nimport { Wrapper, FieldsRow, InputBox, ValueBox, DataTable } from './styled'\nimport { ApiIntegrationListenerField } from '@app/@typings/Api/integration'\n\ninterface Props {\n  fields: ApiIntegrationListenerField[]\n  onFieldChange: (fieldId: string, enabled: boolean) => void\n}\n\nexport const IncomingDataTable: React.FC<Props> = ({\n  fields,\n  onFieldChange,\n}) => {\n  const handleCheckboxChange = (item: ApiIntegrationListenerField) => {\n    const enabled = !item.enabled\n    onFieldChange(item.id, enabled)\n  }\n  return (\n    <Wrapper data-testid={'table'}>\n      <DataTable>\n        {fields.map((field) => (\n          <FieldsRow key={field.id}>\n            <InputBox>\n              <Checkbox\n                aria-label={field.label}\n                checked={field.enabled}\n                name={`checkbox-${field.label}`}\n                onChange={() => handleCheckboxChange(field)}\n              />\n            </InputBox>\n            <ValueBox style={{ fontWeight: 600 }}>{field.label}</ValueBox>\n            <ValueBox>{field.lastValue}</ValueBox>\n          </FieldsRow>\n        ))}\n      </DataTable>\n    </Wrapper>\n  )\n}\n","import React, { useEffect, useState } from 'react'\nimport { Button } from '@components/Basic/ButtonNbe'\nimport { InputAutoSelectCopy } from '@components/InputAutoSelectCopy'\nimport { useTranslation } from 'react-i18next'\nimport { Title, Paragraph, Body } from './styled'\nimport { Loader } from '@components/Basic/Loader'\nimport { ButtonWrapper } from '@features/nbee/IncomingDataContent/IncomingDataFinalStep/styled'\nimport { useAppSelector } from '@app/store/hooks'\n\ninterface Props {\n  appLogoUri?: string\n  appId?: string\n  appName: string\n  listenerType: 'url' | 'email'\n}\n\nexport const LoadingStep: React.FC<Props> = ({ appLogoUri, appName, listenerType }) => {\n  const { t } = useTranslation()\n  const integrationListener = useAppSelector(\n    (state) => state.integrationListener\n  )\n  const [step, setStep] = useState(1)\n\n  useEffect(() => {\n    const timeoutId = setTimeout(() => {\n      if (step < 3) {\n        setStep((prevState) => prevState + 1)\n      }\n    }, 5000)\n\n    return () => {\n      clearTimeout(timeoutId)\n    }\n  }, [step])\n  const loadingText =\n    step === 1\n      ? `incomingDataPopup.loadingText1`\n      : step === 2\n      ? `incomingDataPopup.loadingText2`\n      : `incomingDataPopup.errorTitleWebhook`\n\n  // If it's the second step, and appName is to be included, pass it to the translation function.\n  const loadingTextTranslation =\n    step === 2 ? t(loadingText, { appName }) : t(loadingText)\n\n  return (\n    <Body>\n      <Title>\n        <img src={appLogoUri} width='45' />\n        <h2>{loadingTextTranslation}</h2>\n      </Title>\n      {step === 3 && (\n        <>\n          <Paragraph>\n            {t(`incomingDataPopup.${listenerType}.errorParagraphWebhook`)}\n          </Paragraph>\n          <InputAutoSelectCopy\n            label={t(`incomingDataPopup.${listenerType}.inputLabel`)}\n            // docUrl={'https://leadsbridge.com'}\n            linkKey={t('incomingDataPopup.linkTextFirstStepWebhook')}\n            inputValue={integrationListener.data?.slug}\n            tooltip={t(\n              `incomingDataPopup.${listenerType}.inputCopyTooltipWebhook`,\n              {\n                appName: appName,\n              }\n            )}\n          />\n        </>\n      )}\n      <div style={{ position: 'relative', margin: '4rem 0 2rem' }}>\n        <Loader\n          $size={'large'}\n          $text={step < 3 ? t('common.loading') : ''}\n          $active={true}\n        />\n      </div>\n      {step === 3 && (\n        <ButtonWrapper>\n          <Button\n            style={{ width: '100%' }}\n            $variant={'primary'}\n            $size={'large'}\n            onClick={() => {\n              setStep(1)\n            }}\n          >\n            {t('incomingDataPopup.ctaErrorReloadWebhook', {\n              appName: appName,\n            })}\n          </Button>\n          {/*  <div>\n            <Button onClick={onDataReceived} $variant={'link-secondary'}>\n              Simulate data received\n            </Button>\n          </div> */}\n        </ButtonWrapper>\n      )}\n    </Body>\n  )\n}\n","import React, { useEffect, useRef, useState } from 'react'\nimport { Button } from '@components/Basic/ButtonNbe'\nimport LbLogoSvg from '@assets/images/logo-lb-small.svg'\nimport { useTranslation, Trans } from 'react-i18next'\nimport {\n  Wrapper,\n  ButtonWrapper,\n  Header,\n  Title,\n  Paragraph,\n  FooterWrapper,\n  Body,\n  BodyInner,\n  TableHeader,\n  ElementWrapper,\n  WarningMessage,\n} from './styled'\nimport { IncomingDataTable } from '@components/IncomingDataTable'\nimport { LoadingStep } from '@features/nbee/IncomingDataContent/LoadingStep'\nimport { Checkbox } from '@components/Form/Checkbox'\nimport { ApiIntegrationListenerField } from '@app/@typings/Api/integration'\nimport { useAppDispatch } from '@app/store/hooks'\nimport { setIntegrationListenerFields } from '@app/store/actions/IntegrationListenerActions'\n\nexport interface Props {\n  appLogoUri: string\n  isRecognizingFields: boolean\n  isHeaderStuck?: boolean\n  onContinue: () => void\n  onReload: () => void\n  resetConfirmingReload: (value: number) => void\n  fields: ApiIntegrationListenerField[]\n  isConfirmingReload: number\n  activeBridges: number\n  totalBridges: number\n  appName: string\n  listenerType: 'url' | 'email'\n}\n\nexport const IncomingDataTableStep: React.FC<Props> = ({\n  appLogoUri,\n  isRecognizingFields,\n  onContinue,\n  isHeaderStuck = false,\n  onReload,\n  isConfirmingReload,\n  fields,\n  activeBridges,\n  totalBridges,\n  resetConfirmingReload,\n  appName,\n  listenerType,\n}) => {\n  const { t } = useTranslation()\n  const tableRef = useRef<HTMLDivElement>(null)\n  const dispatch = useAppDispatch()\n  const [isStuck, setIsStuck] = React.useState(isHeaderStuck)\n  const [selectAll, setSelectAll] = useState<boolean>(\n    fields.every((field) => field.enabled)\n  )\n  const warningRef = useRef(null)\n\n  const handleSelectAllChange = () => {\n    const newSelectAllState = !selectAll\n    setSelectAll(newSelectAllState)\n\n    const updatedFields = fields.map((field) => {\n      return { ...field, enabled: newSelectAllState }\n    })\n\n    dispatch(\n      setIntegrationListenerFields({\n        data: { recognizedFields: updatedFields },\n      })\n    )\n  }\n\n  const handleFieldChange = (fieldId: string, enabled: boolean) => {\n    const updatedFields = fields.map((field) =>\n      field.id === fieldId ? { ...field, enabled: enabled } : field\n    )\n\n    dispatch(\n      setIntegrationListenerFields({\n        data: { recognizedFields: updatedFields },\n      })\n    )\n\n    const selectAllStatus = updatedFields.every((field) => field.enabled)\n    setSelectAll(selectAllStatus)\n  }\n\n  const reloadMessages = [\n    'incomingDataPopup.ctaReloadWebhook',\n    'incomingDataPopup.ctaReloadWebhookWarning',\n    'incomingDataPopup.ctaReloadWebhookLastWarning',\n  ]\n\n  const isLastStepOfWarning = isConfirmingReload && isConfirmingReload > 0\n\n  useEffect(() => {\n    if (totalBridges && activeBridges && isLastStepOfWarning) {\n      window.scrollTo(0, document.body.scrollHeight)\n    }\n  }, [totalBridges, activeBridges, isLastStepOfWarning])\n\n  // TODO: Fix handleScrollEvent ?\n  /*\n  const handleScrollEvent = () => {\n    const tableOffsetTop = tableRef?.current?.offsetTop\n    const bodyOffsetTop =\n      Math.abs(document.body.getBoundingClientRect().top) + 35\n\n    if (tableOffsetTop && bodyOffsetTop) {\n      setIsStuck(tableOffsetTop === bodyOffsetTop)\n    }\n  }\n\n  useEffect(() => {\n    window.addEventListener('scroll', handleScrollEvent)\n    return () => {\n      window.removeEventListener('scroll', handleScrollEvent)\n    }\n  })\n  */\n\n  const showedName = appName\n\n  return (\n    <Wrapper>\n      <Header>\n        <img src={LbLogoSvg} width='40' />\n      </Header>\n      {isRecognizingFields ? (\n        <LoadingStep\n          appLogoUri={appLogoUri}\n          appName={showedName}\n          listenerType={listenerType}\n        />\n      ) : (\n        <Body>\n          <Title>\n            <img src={appLogoUri} width='45' />\n            <h2>\n              {t('incomingDataPopup.titleSecondStepWebhook', {\n                totalFields: fields.length,\n                appName: showedName,\n              })}\n            </h2>\n          </Title>\n          <Paragraph>\n            {t('incomingDataPopup.paragraphSecondStepWebhook')}\n          </Paragraph>\n          <TableHeader isHeaderStuck={isStuck} ref={tableRef}>\n            <ElementWrapper>\n              <div\n                style={{\n                  display: 'flex',\n                  justifyContent: 'center',\n                  padding: '0 0.1rem',\n                }}\n              >\n                <Checkbox\n                  checked={selectAll}\n                  name={'checkbox'}\n                  onChange={handleSelectAllChange}\n                />\n              </div>\n              <div>Key</div>\n              <div>Value</div>\n            </ElementWrapper>\n          </TableHeader>\n          <BodyInner>\n            <IncomingDataTable\n              fields={fields}\n              onFieldChange={handleFieldChange}\n            />\n            {totalBridges && activeBridges && isLastStepOfWarning ? (\n              <WarningMessage ref={warningRef}>\n                {t('integrationAuthPopup.integrationUsage', {\n                  totalBridges,\n                  activeBridges,\n                  action: 'Reload',\n                })}\n              </WarningMessage>\n            ) : null}\n          </BodyInner>\n          <FooterWrapper>\n            <ButtonWrapper>\n              <Button\n                $variant={isLastStepOfWarning ? 'action' : 'secondary'}\n                onClick={onReload}\n                // style={{ width: '' }}\n              >\n                <span>\n                  <span>{t(reloadMessages[isConfirmingReload] as any)}</span>\n                </span>\n              </Button>\n\n              <Button\n                $variant={'primary'}\n                onClick={\n                  isLastStepOfWarning\n                    ? () => resetConfirmingReload(0)\n                    : onContinue\n                }\n              >\n                {isLastStepOfWarning\n                  ? t('incomingDataPopup.ctaGoBackWebhook')\n                  : t('incomingDataPopup.ctaContinueWebhook')}\n              </Button>\n            </ButtonWrapper>\n          </FooterWrapper>\n        </Body>\n      )}\n    </Wrapper>\n  )\n}\n","import React, { useEffect, useState } from 'react'\nimport { Formik, Form, FormikHelpers } from 'formik'\nimport { startOAuthFlow } from './utils'\nimport { FormInner } from './FormInner'\nimport { makeAuthCredentialValidationSchema } from './validation'\nimport { Button } from '@components/Basic/ButtonNbe'\nimport {\n  ActionButtonWrapper,\n  FormWrapper,\n  EditButtonWrapper,\n  SubmitButtonWrapper,\n  FormRow,\n} from '@features/nbee/IntegrationCredentialsContent/styled'\nimport { useTranslation } from 'react-i18next'\nimport { IntegrationFormValues } from 'Nbee'\nimport { SubmitButton } from '@features/nbee/IntegrationCredentialsContent/AppAuthCredentialForm/SubmitButton'\nimport { useGetIntegrationUsage } from '@app/api/getIntegrationUsage'\nimport { InputFeedback } from '@components/Basic/InputFeedback'\nimport { Message } from '@components/Basic/Message'\nimport { InfoSection } from '@features/nbee/IntegrationCredentialsContent/InfoSection'\nimport { trackEvent } from '@app/dataTracking'\nimport { useGenIntegrationRedirectUri } from '@app/api/postGenIntegrationRedirectUri'\nimport { sendToast } from '@app/store/actions/ApplicationConfigurationActions'\nimport { parseApiError } from '@app/api/utils/error'\nimport { useAppDispatch } from '@app/store/hooks'\n\nexport type SubmitAction = 'update' | 'save-new'\n\ninterface Props {\n  appId: number\n  bridgeId?: number\n  onSubmit: (\n    formValues: IntegrationFormValues,\n    formikHelpers: FormikHelpers<IntegrationFormValues>,\n    action: SubmitAction\n  ) => void\n  initialValues: IntegrationFormValues\n  isSavingApi: boolean\n  isOauthUri?: boolean\n  skipParams?: boolean\n  appName: string\n  integrationId?: number\n  // when we receive an error after testing the credentials, we show it inline in the first scrren\n  isNotValidIntegrationErrorMessage?: string\n}\n\nexport const AppAuthCredentialForm: React.VFC<Props> = ({\n  appId,\n  bridgeId,\n  onSubmit,\n  initialValues,\n  isSavingApi,\n  isOauthUri,\n  skipParams,\n  appName,\n  integrationId,\n  isNotValidIntegrationErrorMessage,\n}) => {\n  const { t } = useTranslation()\n  const dispatch = useAppDispatch()\n\n  // this is used to control if we are in the first step (credentials form or oauth flow start) or if user is in the final step with the input \"integration's name\" (showName will be true)\n  // after the oauth flow, this component will be mounted but will receive `skipParams` as true, in this case we take the user directly to the name step\n  const [showName, setShowName] = useState(Boolean(skipParams))\n  const [submitAction, setSubmitAction] = useState<SubmitAction>(\n    integrationId ? 'update' : 'save-new'\n  )\n  const [hasError, setHasError] = useState(false)\n\n  // State to disable the submit button when user select email that it's not verified yet or empty string\n  // let hasError = true\n  // This callback is passed to the form inner component which will pass it to the CredentialFieldVerifyEmail component\n  const handleErrorsUpdate = (status: boolean) => {\n    setHasError(status)\n  }\n\n  const { data: integrationUsage } = useGetIntegrationUsage(\n    integrationId,\n    bridgeId\n  )\n\n  const {\n    mutate: generateRedirectUri,\n    isLoading: isLoadingRedirectUri,\n    error: genRedirectUriApiError,\n    data: redirectUriData,\n  } = useGenIntegrationRedirectUri()\n\n  useEffect(() => {\n    if (isNotValidIntegrationErrorMessage) {\n      setShowName(false)\n    }\n  }, [isNotValidIntegrationErrorMessage])\n\n  const totalBridges = integrationUsage?.data.totalBridges\n  const activeBridges = integrationUsage?.data.activeBridges\n  const isIntegrationUsed = Boolean(totalBridges)\n\n  return (\n    <Formik\n      initialValues={initialValues}\n      validationSchema={() => makeAuthCredentialValidationSchema(showName)}\n      onSubmit={(values, formikHelpers) => {\n        // When user proceed with the second step we send the `AuthorizeStarted` event\n        if (!showName) {\n          trackEvent({\n            eventName: 'AuthorizeStarted',\n            feature: 'NBEE',\n            step: 'Integration',\n            params: {\n              appId: appId,\n              appName: appName,\n              integrationId: integrationId,\n              integrationName: initialValues?.name,\n              bridgeId,\n              oauth: isOauthUri,\n            },\n          })\n        }\n\n        // if we found an OAuth uri, we must start the oauth flow\n        if (!showName && isOauthUri) {\n          formikHelpers.setSubmitting(true)\n          generateRedirectUri(\n            { appId, credentials: values.credentials },\n            {\n              onSuccess: (data) => {\n                const redirectUri = data?.data?.redirectUri as string\n                const isLegacy = data?.data?.isLegacy as boolean\n                startOAuthFlow({\n                  credentials: values.credentials,\n                  redirectUri,\n                  appId,\n                  integrationId,\n                  isLegacy,\n                })\n              },\n              onError: (error) => {\n                dispatch(\n                  sendToast({\n                    title: 'Error',\n                    messages: [parseApiError(error).message],\n                    color: 'negative',\n                  })\n                )\n              },\n            }\n          )\n          return\n        }\n\n        // otherwise first submit is not the real one, we'll run validation just\n        // to move to second step  where the user can select the name and perform\n        // the real saving\n        if (!showName) {\n          setShowName(true)\n          formikHelpers.setSubmitting(false)\n          return\n        }\n        values.integrationId = integrationId\n\n        // real submit :)\n        onSubmit(values, formikHelpers, submitAction)\n      }}\n    >\n      {(formikProps) => {\n        return (\n          <FormWrapper>\n            {isNotValidIntegrationErrorMessage && !showName ? (\n              <div className={'mb-1'}>\n                <Message $status={'error'}>\n                  {isNotValidIntegrationErrorMessage}\n                </Message>\n              </div>\n            ) : null}\n            <Form>\n              <FormRow>\n                <div style={{ flex: 1, padding: '0 1rem' }}>\n                  <FormInner\n                    appId={appId}\n                    appName={appName}\n                    showName={showName}\n                    handleErrorsUpdate={handleErrorsUpdate}\n                  />\n                  {integrationId && isIntegrationUsed && showName && (\n                    <InputFeedback\n                      $status={{\n                        error: t('integrationAuthPopup.integrationUsage', {\n                          totalBridges,\n                          activeBridges,\n                          action: 'Editing',\n                        }),\n                      }}\n                    />\n                  )}\n                </div>\n                {/* Video and Doc section */}\n                {!showName && !isOauthUri && (\n                  <InfoSection\n                    appId={appId}\n                    integrationId={integrationId}\n                    integrationName={formikProps.values.name}\n                    bridgeId={bridgeId}\n                  />\n                )}\n              </FormRow>\n              <ActionButtonWrapper>\n                {integrationId && isIntegrationUsed && showName && (\n                  <EditButtonWrapper>\n                    <SubmitButton\n                      appName={appName}\n                      isDisabled={isSavingApi || formikProps.isSubmitting}\n                      isLoading={\n                        (isSavingApi && submitAction === 'save-new') ||\n                        (formikProps.isSubmitting &&\n                          submitAction === 'save-new')\n                      }\n                      isStepName={showName}\n                      action={'save-new'}\n                      onSubmitRequest={() => {\n                        setSubmitAction('save-new')\n                        formikProps.submitForm()\n                      }}\n                    />\n                    <SubmitButton\n                      appName={appName}\n                      isDisabled={isSavingApi || formikProps.isSubmitting}\n                      isLoading={\n                        (isSavingApi && submitAction === 'update') ||\n                        (formikProps.isSubmitting && submitAction === 'update')\n                      }\n                      isStepName={showName}\n                      action={'update'}\n                      onSubmitRequest={() => {\n                        setSubmitAction('update')\n                        formikProps.submitForm()\n                      }}\n                    />\n                  </EditButtonWrapper>\n                )}\n                {!isIntegrationUsed && showName ? (\n                  <SubmitButtonWrapper>\n                    <SubmitButton\n                      appName={appName}\n                      isDisabled={isSavingApi || formikProps.isSubmitting}\n                      isLoading={isSavingApi || formikProps.isSubmitting}\n                      isStepName={showName}\n                    />\n                  </SubmitButtonWrapper>\n                ) : !showName ? (\n                  <SubmitButtonWrapper>\n                    <SubmitButton\n                      appName={appName}\n                      isDisabled={\n                        isSavingApi || formikProps.isSubmitting || hasError\n                      }\n                      isLoading={isSavingApi || formikProps.isSubmitting}\n                      isStepName={showName}\n                    />\n                  </SubmitButtonWrapper>\n                ) : null}\n\n                <Button\n                  type={'button'}\n                  $variant={'link-secondary'}\n                  $size={'standard'}\n                  disabled={isSavingApi || formikProps.isSubmitting}\n                  onClick={() => {\n                    // back to previus step (credentials fields) is we are in the edit name screen\n                    // otherwise we close the popup\n                    if (showName) {\n                      setShowName(false)\n                    } else {\n                      window.close()\n                    }\n                  }}\n                >\n                  {t('common.goBack')}\n                </Button>\n              </ActionButtonWrapper>\n            </Form>\n          </FormWrapper>\n        )\n      }}\n    </Formik>\n  )\n}\n","import React, { useEffect } from 'react'\nimport { StyledAuthorizationPopup } from './styled'\nimport LbLogoSvg from '@assets/images/logo-lb-small.svg'\nimport { Trans, useTranslation } from 'react-i18next'\nimport {\n  AppAuthCredentialForm,\n  SubmitAction,\n} from '@features/nbee/IntegrationCredentialsContent/AppAuthCredentialForm'\nimport { IntegrationFormValues } from 'Nbee'\nimport { ApiErrorResponse } from 'BackendApi'\nimport { FormikHelpers } from 'formik'\nimport { AiOutlineCheckCircle } from 'react-icons/ai'\nimport { BiShieldQuarter } from 'react-icons/bi'\n\ninterface Props {\n  appId: number\n  bridgeId?: number\n  appName: string\n  appLogoUri: string\n  onSubmit: (\n    formValues: IntegrationFormValues,\n    formikHelpers: FormikHelpers<IntegrationFormValues>,\n    action: SubmitAction\n  ) => void\n  initialValues: IntegrationFormValues\n  isSavingApi: boolean\n  isOauthUri?: boolean\n  // skip step1 (params fields) and load the form at the integration name (final) step\n  skipParams?: boolean\n  // in case of edit we also need the integrationId we want to update\n  integrationId?: number\n  // when we receive an error after testing the credentials, we show it inline in the first scrren\n  isNotValidIntegrationErrorMessage?: string\n}\n\nexport const IntegrationCredentialsContent: React.FC<Props> = ({\n  appId,\n  bridgeId,\n  appName,\n  appLogoUri,\n  onSubmit,\n  initialValues,\n  isSavingApi,\n  isOauthUri,\n  skipParams,\n  integrationId,\n  isNotValidIntegrationErrorMessage,\n}) => {\n  const { t } = useTranslation()\n\n  const { Wrapper, Header, Disclaimer, Body, Logo, Title, SubTitle } =\n    StyledAuthorizationPopup\n\n  const isFinalStepFromOauthFlow = isOauthUri && skipParams\n\n  return (\n    <Wrapper>\n      <Header>\n        <img src={LbLogoSvg} width='40' />\n      </Header>\n\n      <Body>\n        {isFinalStepFromOauthFlow ? (\n          <>\n            <div style={{ margin: '2rem 0', textAlign: 'center' }}>\n              <AiOutlineCheckCircle size={'90'} color='#2ECD72' />\n              <Title>\n                {t('integrationAuthPopup.textSuccess', {\n                  appName,\n                })}\n              </Title>\n            </div>\n          </>\n        ) : (\n          <>\n            <Logo src={appLogoUri} alt={appName} />\n            <Title>\n              {t('integrationAuthPopup.authorizationTitle', {\n                appName,\n              })}\n            </Title>\n            <SubTitle>\n              {t('integrationAuthPopup.authorizationSubtitle', {\n                appName,\n              })}\n            </SubTitle>\n          </>\n        )}\n\n        <AppAuthCredentialForm\n          appId={appId}\n          appName={appName}\n          initialValues={initialValues}\n          onSubmit={onSubmit}\n          isSavingApi={isSavingApi}\n          isOauthUri={isOauthUri}\n          skipParams={skipParams}\n          integrationId={integrationId}\n          bridgeId={bridgeId}\n          isNotValidIntegrationErrorMessage={isNotValidIntegrationErrorMessage}\n        />\n\n        <Disclaimer>\n          <BiShieldQuarter size={'1.2rem'} />\n          <div>\n            <Trans\n              ns={'all'}\n              i18nKey={'integrationAuthPopup.disclaimerLine'}\n              components={{\n                a: <a />,\n              }}\n            />\n          </div>\n        </Disclaimer>\n      </Body>\n    </Wrapper>\n  )\n}\n","import React from 'react'\nimport { PageEditor } from '@app/layouts/PageEditor'\nimport { Panel } from '@components/Panel'\nimport { makeNbeeSteps } from '@features/nbee/utils'\nimport { Loader } from '@components/Basic/Loader'\nimport { isInIframe } from '@app/utils/isInFrame'\n\ninterface Props {\n  activeStepIndex?: number\n  bridgeId?: number | string\n  loadingText?: string\n}\n\nconst embeddablePercentage: Record<number, number> = {\n  0: 33,\n  1: 66,\n  2: 100,\n}\n\nexport const LoadingStep: React.FC<Props> = ({\n  activeStepIndex,\n  bridgeId,\n  loadingText,\n}) => {\n  const steps = makeNbeeSteps(activeStepIndex, bridgeId)\n  const isEmbedded = isInIframe()\n  return (\n    <PageEditor\n      steps={isEmbedded ? undefined : steps}\n      activeStep={activeStepIndex}\n      hasTopBar={!isEmbedded}\n    >\n      <Panel\n        progressBarPercentage={\n          isEmbedded && activeStepIndex\n            ? embeddablePercentage[activeStepIndex] || 0\n            : undefined\n        }\n        body={\n          <div\n            style={{\n              position: 'relative',\n              height: 400,\n            }}\n          >\n            <Loader $active $size={'large'} $text={loadingText} />\n          </div>\n        }\n      />\n    </PageEditor>\n  )\n}\n","import React from 'react'\nimport { Modal } from '@components/Basic/Modal'\nimport { Button } from '@components/Basic/ButtonNbe'\nimport { ReactComponent as SuperHeroImg } from '@assets/images/superhero.svg'\nimport { Trans, useTranslation } from 'react-i18next'\nimport {\n  ModalBody,\n  ModalFooter,\n  ModalHeader,\n  ModalWrapper,\n} from '@features/nbee/ModalTrialInfo/styled'\nimport { appRoutes } from '@app/routes'\n\ninterface ModalProps {\n  isOpen: boolean\n  showSurpriseMessage?: boolean\n  planName?: string\n  onCloseModal: () => void\n}\n\nexport const ModalTrialInfo: React.FC<ModalProps> = ({\n  isOpen,\n  onCloseModal,\n  showSurpriseMessage,\n  planName,\n}) => {\n  const { t } = useTranslation()\n\n  return (\n    <Modal\n      isWide\n      isTransparent={false}\n      isOpen={isOpen}\n      onCloseModal={onCloseModal}\n      hideCloseButton\n    >\n      <ModalWrapper>\n        {showSurpriseMessage ? (\n          <>\n            <ModalHeader>\n              &#127881; {t('nbee.trialInfoModal.fromFreeHeader')} &#127881;\n            </ModalHeader>\n            <ModalBody>\n              <p>\n                {t('nbee.trialInfoModal.fromFreeParagraph1', {\n                  planName: planName,\n                })}{' '}\n                &#x1F680;\n              </p>\n              <p>{t('nbee.trialInfoModal.fromFreeParagraph2')}</p>\n              <SuperHeroImg />\n              <p>{t('nbee.trialInfoModal.fromFreeParagraph3')}</p>\n              <p>\n                <Trans\n                  i18nKey={'nbee.trialInfoModal.fromFreeParagraph4'}\n                  components={{\n                    a: <a href={appRoutes.pricing.makeUrl()} />,\n                  }}\n                />\n                &#x1F31F;\n              </p>\n              <p>{t('nbee.trialInfoModal.fromFreeParagraph5')} &#x1F91D;</p>\n            </ModalBody>\n          </>\n        ) : (\n          <>\n            <ModalHeader>\n              &#127881; {t('nbee.trialInfoModal.fromProHeader')} &#127881;\n            </ModalHeader>\n            <ModalBody>\n              <p>{t('nbee.trialInfoModal.fromProParagraph1')} &#x1F680;</p>\n              <p>{t('nbee.trialInfoModal.fromProParagraph2')}</p>\n              <SuperHeroImg />\n              <p>{t('nbee.trialInfoModal.fromProParagraph3')}</p>\n              <p>\n                <Trans\n                  i18nKey={'nbee.trialInfoModal.fromProParagraph4'}\n                  components={{\n                    a: <a href={appRoutes.pricing.makeUrl()} />,\n                  }}\n                />\n                &#x1F31F;\n              </p>\n              <p>{t('nbee.trialInfoModal.fromProParagraph5')} &#x1F91D;</p>\n            </ModalBody>\n          </>\n        )}\n\n        <ModalFooter>\n          <Button\n            onClick={onCloseModal}\n            $fluid\n            type={'button'}\n            $variant={'primary'}\n          >\n            Continue to LeadsBridge\n          </Button>\n        </ModalFooter>\n      </ModalWrapper>\n    </Modal>\n  )\n}\n","import React, { useEffect } from 'react'\nimport { PageEditor } from '@app/layouts/PageEditor'\nimport { makeNbeeSteps } from '@features/nbee/utils'\nimport { useTranslation } from 'react-i18next'\nimport { Message } from '@components/Basic/Message'\nimport { Button } from '@components/Basic/ButtonNbe'\nimport { useHistory } from 'react-router-dom'\nimport { appRoutes } from '@app/routes'\nimport { trackEvent } from '@app/dataTracking'\nimport { isInIframe } from '@app/utils/isInFrame'\n\ninterface Props {\n  errorMessage: string\n  activeStepIndex: number\n  bridgeId?: number | string\n  statusCode?: number\n  errorCode: number | string\n}\n\nexport const NbeeError: React.FC<Props> = ({\n  errorMessage,\n  activeStepIndex,\n  bridgeId,\n  statusCode,\n  errorCode,\n}) => {\n  const steps = makeNbeeSteps(activeStepIndex, bridgeId)\n  const { t } = useTranslation()\n  const history = useHistory()\n  const isEmbedded = isInIframe()\n\n  useEffect(() => {\n    trackEvent({\n      eventName: 'UnableToLoadBridge',\n      feature: 'NBEE',\n      step: 'Apps',\n      params: {\n        bridgeId: bridgeId ? parseInt(`${bridgeId}`, 10) : undefined,\n        custom: {\n          errorCode: errorCode || statusCode,\n          errorDescription: errorMessage,\n        },\n      },\n      sendEventToIntercom: true,\n    })\n  }, [bridgeId])\n\n  return (\n    <PageEditor\n      steps={steps}\n      activeStep={activeStepIndex}\n      pageTitle={t('common.genericError')}\n      hasTopBar={!isEmbedded}\n      backlink={{\n        url: '/bridges',\n        label: 'Exit',\n      }}\n    >\n      <Message $status={'error'}>{errorMessage}</Message>\n\n      {/* Go back button only in ca  */}\n      {statusCode === 404 || bridgeId ? (\n        <Button\n          $variant={'primary'}\n          onClick={() => {\n            if (statusCode === 404) {\n              window.location.href = `${process.env.REACT_APP_V1_URL}/bridges`\n              return\n            }\n\n            if (bridgeId) {\n              history.push(appRoutes.nbeeStep1Edit.makeUrl(`${bridgeId}`))\n            }\n          }}\n        >\n          {t('common.goBack')}\n        </Button>\n      ) : null}\n    </PageEditor>\n  )\n}\n","import React from 'react'\nimport { StyledSkeleton } from '@components/Basic/Skeleton/styled'\nimport {\n  SkeletonAllowedElement,\n  skeletonElementSizes,\n  SkeletonSizes,\n} from '@components/Basic/Skeleton/elementSizes'\n\ninterface SkeletonProps {\n  width?: string\n  height?: string\n  forElement?: SkeletonAllowedElement\n}\n\nconst getDefaultSize = (width?: string, height?: string): SkeletonSizes => ({\n  width: width || '100%',\n  height: height || '1.4em',\n  marginBottom: '0',\n  marginTop: '0',\n})\n\nconst getSpecificSize = (forElement: SkeletonAllowedElement) =>\n  skeletonElementSizes[forElement] || getDefaultSize()\n\nexport const Skeleton: React.FC<SkeletonProps> = ({\n  width,\n  height,\n  forElement,\n}) => {\n  const hasCustomSize = width && height\n  if (!hasCustomSize && !forElement) {\n    console.warn(\n      'Custom size or a specific element is required to use skeleton'\n    )\n    return null\n  }\n\n  const defaultSizes = getDefaultSize(width, height)\n\n  const computedSizes = forElement ? getSpecificSize(forElement) : defaultSizes\n\n  return (\n    <StyledSkeleton\n      width={computedSizes.width}\n      height={computedSizes.height}\n      marginBottom={computedSizes.marginBottom}\n      marginTop={computedSizes.marginTop}\n    />\n  )\n}\n","import React, { useState, useEffect } from 'react'\nimport { useFetchIntegrationsByAppId } from '@app/api/getIntegrationsByAppId'\nimport {\n  InputSmartSelect,\n  SelectValue,\n} from '@components/Form/InputSmartSelect'\nimport { Skeleton } from '@components/Basic/Skeleton'\nimport { useFetchAllApps } from '@app/api/getAllApps'\nimport { Trans, useTranslation } from 'react-i18next'\nimport {\n  AppConfigurationType,\n  PartialConfiguredApp,\n  BridgeFormValues,\n} from 'Nbee'\nimport { useField, useFormikContext } from 'formik'\nimport { ConnectedPopupWindow } from '@components/ConnectedPopupWindow'\nimport { appRoutes } from '@app/routes'\nimport { PopupInstanceDetector } from '@features/nbee/SimpleBridgeBuilderForm/fields/IntegrationSelector/styled'\nimport { TinyTextualButton } from '@components/Basic/TinyTextualButton'\nimport { MdEdit } from 'react-icons/md'\nimport { useTriggerSettingsUpdate } from '@features/nbee/SimpleBridgeBuilderForm/fields/IntegrationSettings/useTriggerSettingsUpdate'\nimport { InputFeedback } from '@components/Basic/InputFeedback'\nimport { Loader } from '@components/Basic/Loader'\nimport {\n  getPopupHeight,\n  getPopupWeight,\n} from '@components/ConnectedPopupWindow/utils'\nimport { usePostNewIntegration } from '@app/api/postNewIntegration'\nimport { ApiSaveIntegrationRequestBody } from 'BackendApi'\nimport { useDispatch, useSelector } from 'react-redux'\nimport { RootState } from '@app/index'\n\ninterface Props {\n  appId: number\n  parentAppId?: number | '' | null\n  type: AppConfigurationType\n  disabled?: boolean\n  isTesting?: boolean\n  onTestIntegrationRequest: () => void\n}\n\nexport const IntegrationSelector: React.FC<Props> = ({\n  appId,\n  type,\n  parentAppId,\n  disabled,\n  isTesting,\n  onTestIntegrationRequest,\n}) => {\n  const [currentId, setCurrentId] = useState<number>(0)\n\n  useEffect(() => {\n    if (parentAppId === '') {\n      setCurrentId(appId)\n    } else if (typeof parentAppId === 'number') {\n      setCurrentId(parentAppId)\n    }\n  }, [parentAppId, appId])\n\n  const {\n    isLoading,\n    data,\n    refetch: refetchIntegrationsByAppId,\n  } = useFetchIntegrationsByAppId(currentId)\n\n  const { t } = useTranslation()\n  const dispatch = useDispatch()\n  const selectedIdState = useSelector(\n    (state: RootState) => state.application.integrationId\n  )\n  const { values, setFieldValue } = useFormikContext<BridgeFormValues>()\n\n  // integrationId field\n  const [integrationIdField, integrationIdMeta, integrationIdHelpers] =\n    useField<PartialConfiguredApp['integrationId']>(`${type}.integrationId`)\n  const selectedIntegrationId = integrationIdField.value\n\n  const { refetchSettings } = useTriggerSettingsUpdate(type)\n\n  // getting app logo from cached react-query hook\n  const { data: allApps } = useFetchAllApps()\n\n  const { mutateAsync: saveIntegrationAsync, isLoading: isSavingIntegration } =\n    usePostNewIntegration()\n\n  const selectedApp = (allApps || []).find((app) => app.id === appId)\n  const selectedAppLogoUri = selectedApp?.logoUriSmall\n  const selectedAppAuthType = selectedApp?.authType\n  const selectedAppId = selectedApp?.id\n\n  const initialValues: SelectValue[] = (data || []).map((o) => ({\n    label: o.name,\n    value: `${o.id}`,\n    logoUri: selectedAppLogoUri,\n  }))\n\n  // auth credentials popup\n  const [popupDestinationUrl, setPopupDestinationUrl] = useState<string | null>(\n    null\n  )\n  const [popupInstace, setPopupInstace] = useState<Window | null>(null)\n  const popupIsOpen = Boolean(popupInstace && !popupInstace.closed)\n\n  const [integrationDataFromPopup, setIntegrationDataFromPopup] = useState<{\n    id: number\n    name: string\n  }>()\n\n  // if is an edit we append to popup url the integration id as query string\n  // we also need to check if an edit from v1 or is from v2 in that case has a bridgeId\n  const bridgeId = values.ui?.bridgeId\n  const onConnectNewAccountRequest = async (integrationIdToEdit?: number) => {\n    setIntegrationDataFromPopup(undefined)\n    let newIntegrationId: number | undefined\n\n    // special case for new integrations of type listener\n    // we need to create a new integration to allow BE to create the listener\n    // name and credentials can be left empty\n    if (\n      selectedAppAuthType === 'listener' &&\n      selectedAppId === values?.source.appId &&\n      !integrationIdToEdit\n    ) {\n      const requestBody: ApiSaveIntegrationRequestBody = {\n        name: '',\n        appId: Number(appId),\n        credentials: [],\n      }\n      const newIntegrationResponse = await saveIntegrationAsync({ requestBody })\n      newIntegrationId = Number(newIntegrationResponse?.data?.integration?.id)\n    }\n\n    const popupUrl =\n      selectedAppAuthType === 'listener' &&\n      selectedAppId === values?.source.appId && // special case for webhook\n      !integrationIdToEdit\n        ? appRoutes.incomingDataScreen.makeUrl({\n            appId: `${appId}`,\n            integrationId: `${newIntegrationId}`,\n          })\n        : selectedAppAuthType === 'listener' &&\n          integrationIdToEdit &&\n          selectedAppId === values?.source.appId\n        ? appRoutes.incomingDataScreenEdit.makeUrl({\n            appId: `${appId}`,\n            integrationId: `${integrationIdToEdit}`,\n          })\n        : integrationIdToEdit && bridgeId\n        ? appRoutes.integrationAuthScreenEditWithBridgeId.makeUrl({\n            integrationId: `${integrationIdToEdit}`,\n            appId: `${currentId}`,\n            bridgeId: `${bridgeId}`,\n          })\n        : integrationIdToEdit\n        ? appRoutes.integrationAuthScreenEdit.makeUrl({\n            integrationId: `${integrationIdToEdit}`,\n            appId: `${currentId}`,\n          })\n        : appRoutes.integrationAuthScreen.makeUrl({\n            appId: `${currentId}`,\n          })\n    setPopupDestinationUrl(popupUrl)\n  }\n\n  useEffect(() => {\n    if (selectedIdState !== null && selectedIdState === selectedIntegrationId) {\n      onConnectNewAccountRequest(selectedIntegrationId)\n\n      dispatch({ type: 'RESET_TRIGGER_CONNECT_ACCOUNT_POPUP' })\n    }\n  }, [selectedIdState])\n\n  const defaultValue = integrationDataFromPopup\n    ? {\n        label: integrationDataFromPopup.name,\n        value: integrationDataFromPopup.id,\n        logoUri: selectedAppLogoUri,\n      }\n    : selectedIntegrationId\n    ? initialValues.find((o) => o.value === `${selectedIntegrationId}`)\n    : undefined\n\n  useEffect(() => {\n    setFieldValue(\n      `ui.${type}.selectedIntegrationName`,\n      defaultValue?.label || ''\n    )\n  }, [defaultValue?.label])\n\n  const errorMessage = integrationIdMeta.error\n  const isTouched = integrationIdMeta.touched\n  const hasIntegrationApiError =\n    values.ui && values.ui[type] && values.ui[type]?.hasIntegrationApiError\n  const isLoadingApi =\n    (values.ui && values.ui[type] && values.ui[type]!.isLoadingApi) ||\n    isTesting ||\n    isSavingIntegration\n\n  return (\n    <div>\n      {isLoading && !defaultValue ? (\n        <Skeleton forElement={'smart-select'} />\n      ) : (\n        <div style={{ position: 'relative' }}>\n          {isLoading || isLoadingApi ? <Loader $active $dimmer /> : null}\n          <InputSmartSelect\n            placeholder={`Connect ${selectedApp?.name}`}\n            initialValues={initialValues}\n            defaultValue={defaultValue}\n            key={defaultValue?.label}\n            isLoading={popupIsOpen}\n            isDisabled={isLoadingApi || values.ui?.isBridgeEnabled}\n            isClearable={false}\n            onSelect={(selectedValue) => {\n              if (Array.isArray(selectedValue)) {\n                return\n              }\n              const newValue = selectedValue\n                ? parseInt(`${selectedValue.value}`, 10)\n                : undefined\n              integrationIdHelpers.setValue(newValue)\n            }}\n            addActionClick={{\n              label: 'Create a new integration',\n              onClick: () => onConnectNewAccountRequest(),\n            }}\n            onBlur={() => {\n              integrationIdHelpers.setTouched(true)\n            }}\n            noOptionsMessageText={' '}\n            $status={\n              isTouched && errorMessage\n                ? {\n                    error: errorMessage,\n                  }\n                : undefined\n            }\n          />\n        </div>\n      )}\n\n      {selectedIntegrationId && !popupIsOpen && !values.ui?.isBridgeEnabled ? (\n        <div\n          style={{\n            display: 'grid',\n            gridTemplateColumns: '1fr auto',\n            gap: '1rem',\n\n            // hiding content while loading but keeping height to prevent content jumping\n            opacity: isLoadingApi ? 0 : 1,\n            pointerEvents: isLoadingApi ? 'none' : undefined,\n          }}\n        >\n          {hasIntegrationApiError ? (\n            <InputFeedback\n              $status={{\n                error: (\n                  <Trans\n                    ns={'all'}\n                    i18nKey={\n                      'nbee.bridgeBuilder.validation.integrationApiError'\n                    }\n                    components={{\n                      span: (\n                        <span\n                          style={{\n                            textDecoration: 'underline',\n                            cursor: 'pointer',\n                          }}\n                          onClick={() => {\n                            onConnectNewAccountRequest(selectedIntegrationId)\n                          }}\n                        />\n                      ),\n                    }}\n                  />\n                ),\n              }}\n            />\n          ) : (\n            <div />\n          )}\n          <div style={{ textAlign: 'right' }}>\n            <TinyTextualButton\n              onClick={() => {\n                onConnectNewAccountRequest(selectedIntegrationId)\n              }}\n            >\n              <MdEdit /> edit\n            </TinyTextualButton>\n          </div>\n        </div>\n      ) : null}\n\n      {popupIsOpen && (\n        <PopupInstanceDetector>\n          Account configuration screen is open.\n          <span\n            onClick={() => popupInstace!.focus()}\n            style={{\n              fontWeight: 600,\n              textDecoration: 'underline',\n              cursor: 'pointer',\n            }}\n          >\n            click here to view\n          </span>\n        </PopupInstanceDetector>\n      )}\n\n      {popupDestinationUrl ? (\n        <ConnectedPopupWindow\n          urlToOpen={popupDestinationUrl}\n          popupName={type}\n          widthPx={getPopupWeight()}\n          heightPx={getPopupHeight()}\n          onPopupOpen={(popup) => {\n            setPopupInstace(popup)\n          }}\n          onPopupClose={(newData) => {\n            if (newData) {\n              const newIntegrationId = (newData as any).integrationId\n              const newIntegrationName = (newData as any).integrationName\n\n              // updating field with the just created integrationId\n              if (newIntegrationId && newIntegrationName) {\n                setIntegrationDataFromPopup({\n                  id: newIntegrationId,\n                  name: newIntegrationName,\n                })\n                onTestIntegrationRequest()\n                integrationIdHelpers.setValue(newIntegrationId)\n              }\n\n              // we refetch all integrations for selected app to keep the list updated\n              refetchIntegrationsByAppId()\n\n              // in case we are edited the selected integration we need to refetch integration settings\n              if (\n                newIntegrationId &&\n                newIntegrationId === selectedIntegrationId\n              ) {\n                refetchSettings()\n              }\n            }\n\n            setPopupDestinationUrl(null)\n          }}\n          skipOriginCheck\n        />\n      ) : null}\n    </div>\n  )\n}\n","import React, { Fragment, useEffect, useRef, useState } from 'react'\nimport { useChooseIntegrationSettings } from '@app/api/postChooseIntegrationSetting'\nimport { useFormikContext } from 'formik'\nimport {\n  AppConfigurationType,\n  BridgeFormValues,\n  RetrivedSettingField,\n} from 'Nbee'\nimport { ApiAppSetting } from 'BackendApi'\nimport { Skeleton } from '@components/Basic/Skeleton'\nimport { SettingFieldSmartSelect } from './SettingFieldSmartSelect'\nimport { SettingFieldInput } from './SettingFieldInput'\nimport { SettingFieldToggle } from './SettingFieldToggle'\nimport {\n  fieldsForSmartSelect,\n  fieldsForInput,\n  fieldsForToggle,\n  fieldsForSmartCreatableSelect,\n  fillNewSettingsWithExistingValues, fieldsForGooglePicker\n} from \"./utils\";\nimport { SettingFieldSmartCreatableSelect } from './SettingFieldSmartCreatableSelect'\nimport { useTranslation } from 'react-i18next'\nimport { useTriggerSettingsUpdate } from '@features/nbee/SimpleBridgeBuilderForm/fields/IntegrationSettings/useTriggerSettingsUpdate'\nimport { usePopupError } from './usePopupError'\nimport { GooglePicker } from \"@components/ButtonProvider/Google/GooglePicker\";\n\ninterface IntegrationSettingsProps {\n  type: AppConfigurationType\n  isValidIntegration?: boolean\n  onCompletionChange?: (isComplete: boolean) => void\n}\n\nexport const IntegrationSettings: React.FC<IntegrationSettingsProps> = ({\n  type,\n  isValidIntegration,\n  onCompletionChange,\n}) => {\n  const { t } = useTranslation()\n  const skipRequestNewSettingsToApi = useRef<boolean>()\n  const [firstRun, setFirstRun] = useState(false)\n\n  // some formik helpers\n  const {\n    values,\n    setFieldValue,\n    setSubmitting,\n    setFieldTouched,\n    validateForm,\n  } = useFormikContext<BridgeFormValues>()\n  const selectedIntegrationId = values[type].integrationId\n  const selectedAppId = values[type].appId\n  const settingFieldName = `${type}.settings`\n  const currentSettingsValues = values[type].settings || []\n\n  // chooseIntegrationSettings mutation\n  const {\n    data: integrationSettingsResponse,\n    mutate: retrieveIntegrationSettings,\n    isLoading: isLoadingIntegrationSettings,\n    error: retrieveIntegrationSettingsApiError,\n  } = useChooseIntegrationSettings()\n  const [fieldsToRender, setFieldsToRender] = useState<ApiAppSetting[]>([])\n\n  const retrieveUpdatedSettingFields = (\n    integrationId: number,\n    appId: number\n  ) => {\n    retrieveIntegrationSettings({\n      integrationSettingsData: {\n        integrationId,\n        appId,\n        type,\n        settings: currentSettingsValues.map((setting) => ({\n          key: setting.key,\n          value: setting.value || '',\n        })),\n        refresh:\n          (values.ui && values.ui[type] && values.ui[type]!.refresh) || [],\n        bridgeId: values.ui?.bridgeId, // this is only when we are editing an existing bridge, for new bridges this will be undefined, so it will be ignored\n      },\n    })\n  }\n\n  // handling api error\n  const { showPopupError, clearPopupError } = usePopupError({\n    type,\n    showLogo: true,\n  })\n  useEffect(() => {\n    clearPopupError()\n    if (retrieveIntegrationSettingsApiError) {\n      showPopupError(retrieveIntegrationSettingsApiError)\n    }\n  }, [retrieveIntegrationSettingsApiError])\n\n  // saving in local state\n  useEffect(() => {\n    const newSettingsReceived =\n      integrationSettingsResponse?.data?.schemaSettings\n    if (newSettingsReceived) {\n      setFieldsToRender(newSettingsReceived)\n\n      // we need to inform formik about the new settings received,  so it will be\n      // able to proper handle touched states. To do this we merge existing\n      // values into new settings data and we keep new settings with a default value.\n      // This will also solve the case where a value was set but is not existing anymore\n      // (example a filed that was depending from another value\n      const existingSettings = values[type].settings || []\n      const newSettingsWithDefaults = fillNewSettingsWithExistingValues(\n        newSettingsReceived,\n        existingSettings\n      )\n\n      // before updating form status we need to pause the re-fetching of new settings\n      // and we set it back to normal once we are sure formik state has been updated\n      // this is to prevent an endless loop, since api request to get new settings starts\n      // is exectued every time formik state (settings field) changes\n      skipRequestNewSettingsToApi.current = true\n      setFieldValue(settingFieldName, newSettingsWithDefaults)\n      // reset refresh array so we don't always request cache invalidation\n      setFieldValue(`ui.${type}.refresh`, [])\n\n      setTimeout(() => {\n        skipRequestNewSettingsToApi.current = false\n      }, 300)\n    }\n  }, [integrationSettingsResponse])\n\n  // cleanup when selectedIntegrationId changes\n  useEffect(() => {\n    if (!selectedIntegrationId) {\n      setFieldsToRender([])\n      setFieldValue(settingFieldName, [])\n      validateForm()\n      setFieldTouched(settingFieldName, false)\n      clearPopupError()\n    }\n  }, [selectedIntegrationId])\n\n  // re-run mutation to get new settings fields when form settings values are updated\n  const triggerSettingsUpdate =\n    values.ui && values.ui[type] && values.ui[type]!.triggerSettingsUpdate\n  useEffect(() => {\n    // if (skipRequestNewSettingsToApi.current) {\n    //   return\n    // }\n\n    if (\n      selectedIntegrationId &&\n      selectedAppId &&\n      isValidIntegration &&\n      !isLoadingIntegrationSettings\n    ) {\n      retrieveUpdatedSettingFields(selectedIntegrationId, selectedAppId)\n    }\n  }, [\n    selectedIntegrationId,\n    // currentSettingsValues,\n    triggerSettingsUpdate,\n    isValidIntegration,\n  ])\n\n  const { refetchSettings } = useTriggerSettingsUpdate(type)\n  useEffect(() => {\n    if (!firstRun && selectedIntegrationId) {\n      setFirstRun(true)\n      refetchSettings()\n    }\n  }, [currentSettingsValues, firstRun, selectedIntegrationId])\n\n  useEffect(() => {\n    setFirstRun(false)\n  }, [selectedIntegrationId])\n\n  // when retrieving new settings, we need to updated formik isSubmitting to disable continue button\n  useEffect(() => {\n    setSubmitting(isLoadingIntegrationSettings)\n    setFieldValue(`ui.${type}.isLoadingApi`, isLoadingIntegrationSettings)\n  }, [isLoadingIntegrationSettings])\n\n  const canShowTitle = Boolean(\n    selectedIntegrationId && isValidIntegration && fieldsToRender.length\n  )\n\n  const requiredFields: RetrivedSettingField[] = fieldsToRender.map(\n    (field) => ({\n      id: field.id,\n      label: field.label,\n      required: field.required || false,\n      type: field.type,\n      format: field.format,\n    })\n  )\n\n  useEffect(() => {\n    setFieldValue(`ui.${type}.allRetrivedSettingFields`, requiredFields)\n  }, [fieldsToRender])\n\n  return (\n    <Fragment>\n      {canShowTitle && (\n        <h2>{t('nbee.bridgeBuilder.integrationSettingsTitle')}</h2>\n      )}\n      {fieldsToRender.map((field, idx) => {\n        return field.hide ? null : (\n          <Fragment key={field.id}>\n            <div>\n              {fieldsForSmartCreatableSelect.includes(field.type) ? (\n                <SettingFieldSmartCreatableSelect\n                  fieldSchema={field}\n                  type={type}\n                  index={idx}\n                  isLoading={isLoadingIntegrationSettings}\n                />\n              ) : fieldsForGooglePicker.includes(field.type) ? (\n                <GooglePicker\n                  fieldSchema={field}\n                  type={type}\n                  index={idx}\n                  isLoading={isLoadingIntegrationSettings}\n                  apiHasError={!!retrieveIntegrationSettingsApiError}\n                />\n              ) : fieldsForSmartSelect.includes(field.type) ? (\n                <SettingFieldSmartSelect\n                  fieldSchema={field}\n                  type={type}\n                  index={idx}\n                  isLoading={isLoadingIntegrationSettings}\n                  apiHasError={!!retrieveIntegrationSettingsApiError}\n                />\n              ) : fieldsForInput.includes(field.type) ? (\n                <SettingFieldInput\n                  fieldSchema={field}\n                  type={type}\n                  index={idx}\n                  isLoading={isLoadingIntegrationSettings}\n                />\n              ) : fieldsForToggle.includes(field.type) ? (\n                <SettingFieldToggle\n                  fieldSchema={field}\n                  type={type}\n                  index={idx}\n                  isLoading={isLoadingIntegrationSettings}\n                />\n              ) : null}\n            </div>\n          </Fragment>\n        )\n      })}\n\n      {/* Loading state (we need to keep existing fields visible */}\n      {isLoadingIntegrationSettings ? (\n        <div>\n          <Skeleton forElement={'label'} />\n          <Skeleton forElement={'input'} />\n        </div>\n      ) : null}\n    </Fragment>\n  )\n}\n","import React, { useEffect } from 'react'\nimport { AppConfigurationType, BridgeFormValues } from 'Nbee'\nimport { ApiErrorResponse } from 'BackendApi'\nimport { AppSelector } from '@features/nbee/SimpleBridgeBuilderForm/fields/AppSelector'\nimport { useFormikContext } from 'formik'\nimport { IntegrationSelector } from '@features/nbee/SimpleBridgeBuilderForm/fields/IntegrationSelector'\nimport { IntegrationSettings } from '@features/nbee/SimpleBridgeBuilderForm/fields/IntegrationSettings'\nimport { useTestIntegrationCredentialsById } from '@app/api/testIntegrationCredentialsById'\nimport { useTranslation } from 'react-i18next'\nimport { usePopupError } from '@features/nbee/SimpleBridgeBuilderForm/fields/IntegrationSettings/usePopupError'\n\ninterface AppConfiguratorProps {\n  type: AppConfigurationType\n  canShowIntegrationField?: boolean\n}\n\nexport const AppConfigurator: React.FC<AppConfiguratorProps> = ({\n  type,\n  canShowIntegrationField,\n}) => {\n  const { t } = useTranslation()\n  // some formik helpers\n  const { values, setFieldValue, initialValues, setSubmitting } =\n    useFormikContext<BridgeFormValues>()\n  const selectedAppId = values[type].appId\n  const parentAppId = values[type].parentAppId\n  const selectedIntegrationId = values[type].integrationId\n\n  // test integration once selected\n  const {\n    data: isValidIntegrationResponse,\n    error: isValidIntegrationApiError,\n    isLoading: isCheckingValidIntegration,\n    isRefetching: isReCheckingValidIntegration,\n    refetch: reCheckValidIntegration,\n  } = useTestIntegrationCredentialsById(selectedIntegrationId, selectedAppId)\n\n  const isTestingIntegrationCredentials =\n    isCheckingValidIntegration || isReCheckingValidIntegration\n\n  const isValidIntegration = Boolean(isValidIntegrationResponse?.data?.result)\n  // handling error in case isValidIntegrationResponse retuns false\n  const { showPopupError, clearPopupError, setIntegrationId } = usePopupError({\n    type,\n    showLogo: true,\n  })\n\n  useEffect(() => {\n    clearPopupError()\n    if (isValidIntegrationApiError && selectedIntegrationId) {\n      setIntegrationId(selectedIntegrationId)\n      showPopupError(isValidIntegrationApiError)\n    }\n\n    // Back-end does not return an error message in case integration is not valid,\n    // instead it returns a 200 reponse with result: false, so in order to achieve same\n    // behaviour of the 'integration-error'  we need to simulate the ApiErrorResponse structure\n    if (isValidIntegrationResponse?.data.result === false) {\n      const popupErrorFake = {\n        response: {\n          data: {\n            error: {\n              code: 'integration-error',\n              message:\n                isValidIntegrationResponse.data.message ||\n                t('nbee.bridgeBuilder.validation.integrationApiError'),\n            },\n          },\n        },\n      } as unknown as ApiErrorResponse\n      showPopupError(popupErrorFake)\n    }\n  }, [isValidIntegrationResponse, isValidIntegrationApiError])\n\n  // we need to disable submit while testing integration\n  useEffect(() => {\n    setSubmitting(isTestingIntegrationCredentials)\n  }, [isTestingIntegrationCredentials])\n\n  // reset integrationId when appId changes\n  // TODO: if user changes appId and then changes it back to the previous one, the initialValues are not restored\n  useEffect(() => {\n    if (!selectedAppId || selectedAppId !== initialValues[type].appId) {\n      setFieldValue(`${type}.integrationId`, undefined)\n    }\n  }, [selectedAppId])\n\n  // when integrationID changes we need to empty the integration settings\n  useEffect(() => {\n    const isIntegrationIdChanged =\n      !selectedIntegrationId ||\n      selectedIntegrationId !== initialValues[type].integrationId\n    const settingsAreFilled = values[type].settings?.length\n    if (isIntegrationIdChanged && settingsAreFilled) {\n      setFieldValue(`${type}.settings`, [])\n    }\n  }, [selectedIntegrationId])\n\n  const bothAppsAreSelected =\n    Number.isInteger(values.source.appId) &&\n    Number.isInteger(values.destination.appId) &&\n    canShowIntegrationField\n\n  const appHasSetting = values[type].settings?.length\n\n  return (\n    <>\n      <h1>\n        {type === 'source'\n          ? t('nbee.bridgeBuilder.sourceTitle')\n          : t('nbee.bridgeBuilder.destinationTitle')}\n      </h1>\n      <h4>\n        {type === 'source'\n          ? t('nbee.bridgeBuilder.sourceSubTitle')\n          : t('nbee.bridgeBuilder.destinationSubTitle')}\n      </h4>\n\n      {/* Select app */}\n      <AppSelector type={type} />\n\n      {/* Select integration/connection  */}\n      {bothAppsAreSelected || appHasSetting ? (\n        <IntegrationSelector\n          type={type}\n          appId={selectedAppId!}\n          parentAppId={parentAppId}\n          isTesting={\n            !!(selectedIntegrationId && isTestingIntegrationCredentials)\n          }\n          onTestIntegrationRequest={() => {\n            reCheckValidIntegration()\n          }}\n        />\n      ) : null}\n\n      {/* Dynamic settings returned by api */}\n      <IntegrationSettings\n        type={type}\n        isValidIntegration={isValidIntegration}\n      />\n    </>\n  )\n}\n","import React, { useEffect, useMemo, useState } from 'react'\nimport { useFetchAllApps } from '@app/api/getAllApps'\nimport {\n  InputSmartSelect,\n  SelectValue,\n} from '@components/Form/InputSmartSelect'\nimport { useFetchMostPopularApps } from '@app/api/getMostPopularApp'\nimport { useTranslation } from 'react-i18next'\nimport {\n  getAppOptionFromAppId,\n  tranformApiAppsToSelectOptions,\n} from '@features/nbee/SimpleBridgeBuilderForm/fields/AppSelector/utils'\nimport { useFetchConnectedApps } from '@app/api/getConnectedApps'\nimport Fuse from 'fuse.js'\nimport { useField, useFormikContext } from 'formik'\nimport {\n  AppConfigurationType,\n  PartialConfiguredApp,\n  BridgeFormValues,\n} from 'Nbee'\nimport { trackEvent } from '@app/dataTracking'\nimport { makeNbeeTrackingParams } from '@app/dataTracking/utils'\nimport { useRouteMatch } from 'react-router-dom'\nimport { bridgeBuilderStep1Paths, bridgeByUrlPartnersPaths } from '@app/routes'\n\ninterface AppSelectorProps {\n  type: AppConfigurationType\n}\n\nexport const AppSelector: React.FC<AppSelectorProps> = ({ type }) => {\n  const { t } = useTranslation()\n  const [appNotFound, setAppNotFound] = useState(false)\n\n  const step1MatchRoute = useRouteMatch([\n    ...bridgeBuilderStep1Paths,\n    ...bridgeByUrlPartnersPaths,\n  ])\n  const isInStep1 = !!step1MatchRoute?.isExact\n\n  // appId field\n  const inputName = `${type}.appId`\n  const [appIdField, appIdMeta, appIdHelpers] =\n    useField<PartialConfiguredApp['appId']>(inputName)\n  const selectedAppId = appIdField.value\n\n  // formik helpers\n  const { values, setFieldValue } = useFormikContext<BridgeFormValues>()\n\n  const { data: allApps, isLoading: isLoadingApps } = useFetchAllApps()\n  const { data: mostPopular, isLoading: isLoadingMostPopular } =\n    useFetchMostPopularApps({ type, limit: 50 })\n\n  const { data: connectedApps, isLoading: isLoadingConnectedApps } =\n    useFetchConnectedApps()\n\n  const isLoadingAll =\n    isLoadingApps || isLoadingMostPopular || isLoadingConnectedApps\n\n  const mostPopularAppsOptions = tranformApiAppsToSelectOptions(mostPopular)\n  const allAppsOptions = useMemo(\n    () => tranformApiAppsToSelectOptions(allApps),\n    [allApps]\n  )\n\n  const connectedAppsOptions = tranformApiAppsToSelectOptions(connectedApps)\n\n  const defaultValue = getAppOptionFromAppId(selectedAppId, allAppsOptions)\n\n  // every time we have a selected value (defaultValue) we store in our formik state its logo\n  // so we can re-use it in case of need\n  useEffect(() => {\n    setFieldValue(`ui.${type}.logoUri`, defaultValue?.logoUri || '')\n    setFieldValue(`ui.${type}.selectedAppName`, defaultValue?.label || '')\n    setFieldValue(`${type}.parentAppId`, defaultValue?.parentAppId || '')\n  }, [defaultValue])\n\n  // sending track event every time a value is updated\n  const selectedAppName =\n    (allApps || []).find((a) => a.id === selectedAppId)?.name || ''\n  useEffect(() => {\n    if (selectedAppId && selectedAppName) {\n      trackEvent({\n        eventName: type === 'source' ? 'SourceSelected' : 'DestinationSelected',\n        feature: 'NBEE',\n        step: isInStep1 ? 'Apps' : 'BridgeChooser',\n        params: {\n          ...makeNbeeTrackingParams(values, type),\n          // be sure we always send the just selected value and to avoid that form values are not being updated yet\n          appName: selectedAppName,\n          [`${type}AppId`]: selectedAppId, // computed sourceAppId or destinationAppID\n          [`${type}AppName`]: selectedAppName, // computed sourceAppName or destinationAppName\n        },\n        sendEventToIntercom: true,\n      })\n    }\n  }, [selectedAppId, selectedAppName])\n\n  const initialValues = [\n    {\n      label: t('common.connectedApps'),\n      options: connectedAppsOptions,\n    },\n    {\n      label: t('common.mostPopular'),\n      options: mostPopularAppsOptions,\n    },\n  ]\n\n  // setting app fuzzy search with Fuse.js\n  // to search with typo tollerance\n  // https://fusejs.io/api/options.html\n  const fuzzySearch = new Fuse(allAppsOptions, {\n    isCaseSensitive: false,\n    shouldSort: true,\n    findAllMatches: true,\n    includeMatches: true,\n    includeScore: true,\n    // minMatchCharLength: 3,\n    threshold: 0.25, // 0 for exact match of letter and location, 1 to match everything\n    distance: 30,\n    // distance: 800,\n    keys: ['label'],\n    ignoreLocation: true, // in this way searching for `lead` will make \"Lead Metadata\" and \"Facebook Lead Ads\" at same position\n    sortFn: (a, b) => {\n      // this is the order that comes from original array (index position from 0 to array.length)\n      const aPopularityOrder = a.idx + 1\n      const bPopularityOrder = b.idx + 1\n\n      // this is the score assigned by fuseJS\n      const aScore = a.score\n      const bScore = b.score\n\n      // this is our computed score\n      // it means we have our internal score calculated from popularity (1 - 1 / popularityOrder) and we add it tp the fuzzy search score\n      // computed scores closest to zero will appear first\n      const aComputedOrder = 1 - 1 / aPopularityOrder + aScore\n      const bComputedOrder = 1 - 1 / bPopularityOrder + bScore\n\n      return aComputedOrder < bComputedOrder ? -1 : 1\n    },\n  })\n\n  // this function will be used to filter between all apps\n  const filterResults = (pattern: string) =>\n    fuzzySearch.search(pattern).slice(0, 40)\n\n  // react-select option to load new options with async search\n  const onAppSearch = (inputValue: string): Promise<SelectValue[]> =>\n    new Promise((resolve) => {\n      const fuzzyResults = filterResults(inputValue)\n      const flattenResults = fuzzyResults.map(({ item }) => item)\n      resolve(flattenResults)\n      if (flattenResults.length) {\n        setAppNotFound(false)\n      }\n      if (!flattenResults.length && !appNotFound) {\n        setAppNotFound(true)\n        trackEvent({\n          eventName:\n            type === 'source' ? 'SourceNotFound' : 'DestinationNotFound',\n          step: isInStep1 ? 'Apps' : 'BridgeChooser',\n          feature: 'NBEE',\n          params: {\n            ...makeNbeeTrackingParams(values, type),\n            custom: {\n              searchAppName: inputValue,\n            },\n          },\n          sendEventToIntercom: true,\n        })\n      }\n    })\n\n  // we set a render key to force component in sync when is in edit\n  const renderKey = defaultValue ? type + defaultValue.value : undefined\n\n  const isLoadingApi =\n    values.ui && values.ui[type] && values.ui[type]!.isLoadingApi\n\n  return (\n    <div>\n      <InputSmartSelect\n        placeholder={t('nbee.bridgeBuilder.selectApp')}\n        isLoading={isLoadingAll}\n        isDisabled={isLoadingApi || values.ui?.isBridgeEnabled}\n        defaultValue={defaultValue}\n        initialValues={initialValues}\n        isClearable={false}\n        // async search\n        loadOptions={onAppSearch}\n        // enforcing default value as key will force componente re-rending\n        // when async default value arrives\n        key={renderKey}\n        onSelect={(selectedApp) => {\n          if (Array.isArray(selectedApp)) {\n            return\n          }\n\n          const newValue = selectedApp\n            ? parseInt(`${selectedApp.value}`, 10)\n            : undefined\n\n          // update formik value\n          appIdHelpers.setValue(newValue)\n        }}\n        name={inputName}\n        onBlur={() => {\n          appIdHelpers.setTouched(true)\n        }}\n        $status={\n          appIdMeta.touched && appIdMeta.error\n            ? {\n                error: appIdMeta.error,\n              }\n            : undefined\n        }\n      />\n    </div>\n  )\n}\n","import React, { Fragment } from 'react'\nimport { Formik, Form, FormikHelpers } from 'formik'\nimport { BridgeFormValues } from 'Nbee'\nimport { FormInner } from './FormInner'\nimport { Button } from '@components/Basic/ButtonNbe'\nimport { PageEditor } from '@app/layouts/PageEditor'\nimport { Panel } from '@components/Panel'\nimport { useTranslation } from 'react-i18next'\nimport { makeNbeeSteps } from '@features/nbee/utils'\nimport { validateNbeeForm } from './validation'\nimport { touchAllSettings } from '@features/nbee/SimpleBridgeBuilderForm/fields/IntegrationSettings/touchAllSettings'\nimport { trackEvent } from '@app/dataTracking'\nimport { makeNbeeTrackingParams } from '@app/dataTracking/utils'\nimport { StatusBarBridge } from '@features/nbee/StatusBarBridge'\nimport { useHistory } from 'react-router-dom'\nimport { appRoutes } from '@app/routes'\nimport { Loader } from '@components/Basic/Loader'\nimport { isInIframe } from '@app/utils/isInFrame'\nimport { ApiUserModuleItem, ApiUser } from 'BackendApi'\nimport { useEmailReceiptValidation } from '@features/nbee/EmailReceipt/useEmailReceiptValidation'\n\ninterface SimpleBridgeBuilderFormProps {\n  initialValues: BridgeFormValues\n  onSubmit: (\n    formValues: BridgeFormValues,\n    formikHelpers: FormikHelpers<BridgeFormValues>\n  ) => void\n  isSavingApi?: boolean\n  emailReceiptUserModule?: ApiUserModuleItem\n  userData?: ApiUser\n}\n\nexport const SimpleBridgeBuilderForm: React.FC<SimpleBridgeBuilderFormProps> =\n  ({\n    initialValues,\n    onSubmit,\n    isSavingApi,\n    emailReceiptUserModule,\n    userData,\n  }) => {\n    const { t } = useTranslation()\n    const steps = makeNbeeSteps(0)\n    const history = useHistory()\n    const isEmbedded = isInIframe()\n\n    return (\n      <Formik\n        initialValues={initialValues}\n        validate={validateNbeeForm}\n        enableReinitialize={true}\n        validateOnMount\n        onSubmit={(values, formikHelpers) => {\n          trackEvent({\n            eventName: 'NextClicked',\n            feature: 'NBEE',\n            step: 'Apps',\n            params: {\n              ...makeNbeeTrackingParams(values),\n            },\n            sendEventToIntercom: Boolean(values.source.appId === 370), // only send to intercom if source is Facebook Lead Ads\n          })\n          if (values.ui?.isBridgeEnabled) {\n            history.push(appRoutes.nbeeStep2.makeUrl(`${values.ui?.bridgeId}`))\n          } else {\n            onSubmit(values, formikHelpers)\n          }\n        }}\n      >\n        {(formikProps) => {\n          // here we handle all cases where button is disabled\n          const validationErrors = useEmailReceiptValidation(formikProps.values)\n          const isEmailReceiptValid = !emailReceiptUserModule?.enabled\n            ? true\n            : Object.values(validationErrors).every((value) => value === null)\n\n          const sourceHasApiError =\n            formikProps.values.ui?.source?.hasSettingsApiError\n\n          const destinationHasApiError =\n            formikProps.values.ui?.destination?.hasSettingsApiError\n\n          const cannotSubmit =\n            formikProps.isSubmitting ||\n            !formikProps.isValid ||\n            sourceHasApiError ||\n            destinationHasApiError ||\n            isSavingApi ||\n            !isEmailReceiptValid\n\n          // when this is loaded inside an iframe, we show a progress bar in the <Panel> component to replace the regular step bar\n          // we simulate the progress when both apps have been selected\n          const embeddablePercentage =\n            formikProps.values.source.appId &&\n            formikProps.values.destination.appId\n              ? 33\n              : 1\n\n          return (\n            <Fragment>\n              <PageEditor\n                formikContext={formikProps}\n                steps={steps}\n                activeStep={0}\n                infoBar={\n                  formikProps.values.ui?.bridgeId ? (\n                    <StatusBarBridge\n                      bridgeId={formikProps.values.ui.bridgeId}\n                      isVisible={\n                        !(\n                          initialValues?.manualStatus === 1 ||\n                          initialValues?.manualStatus === 'new'\n                        ) // checks if the bridge is in status \"new\"; in that case we will NOT want to display the edit bar.\n                      }\n                    />\n                  ) : null\n                }\n                topbarValue={formikProps.values.name}\n                topbarError={formikProps.errors.name}\n                onTopbarValueChange={\n                  // we don't want user to edit name while bridge is saving or is in readOnlyMode\n                  isSavingApi || formikProps.values.ui?.isBridgeEnabled\n                    ? undefined\n                    : (newBridgeName) => {\n                        formikProps.setFieldValue('name', newBridgeName)\n                      }\n                }\n                hasTopBar={!isEmbedded}\n                backlink={{\n                  url: '/bridges',\n                  label: t('nbee.bridgeBuilder.exitNbee'),\n                }}\n              >\n                <Form>\n                  <Panel\n                    progressBarPercentage={\n                      isEmbedded ? embeddablePercentage : undefined\n                    }\n                    body={\n                      <>\n                        {isSavingApi && (\n                          <Loader $active $dimmer $size={'large'} />\n                        )}\n                        <FormInner\n                          emailReceiptUserModule={emailReceiptUserModule}\n                          userData={userData}\n                        />\n                      </>\n                    }\n                    footer={{\n                      left: null,\n                      right: (\n                        <span\n                          onClick={(e) => {\n                            // small workaround to show validation error messages since UX wants to keep the button disabled\n                            // and if user does not click on submit not yet touched fields are not set to touched\n                            touchAllSettings(formikProps)\n                          }}\n                        >\n                          <Button\n                            type={'submit'}\n                            $variant={'primary'}\n                            disabled={cannotSubmit}\n                          >\n                            {t('common.continue')}\n                          </Button>\n                        </span>\n                      ),\n                    }}\n                  />\n                </Form>\n              </PageEditor>\n            </Fragment>\n          )\n        }}\n      </Formik>\n    )\n  }\n","import { Button } from '@components/Basic/ButtonNbe'\nimport React, { useState } from 'react'\nimport {\n  BarRight,\n  BarLeft,\n  StatusBarBridgeStyled,\n  StatusBarBridgeWrapper,\n  StatusBarStatus,\n  StatusBarMessage,\n  BarCenter,\n  CloseIcon,\n} from './styled'\nimport { IoCloseOutline } from 'react-icons/io5'\n\ninterface StatusBarProps {\n  text: string\n  status: string\n  onClick?: () => void\n  buttonLabel?: string\n  isLoading?: boolean\n  allowManualClosing?: boolean\n}\n\nexport const StatusBar: React.FC<StatusBarProps> = ({\n  text,\n  status,\n  buttonLabel,\n  onClick,\n  isLoading,\n  allowManualClosing,\n}) => {\n  const [isOpen, setIsOpen] = useState(true)\n\n  if (!isOpen) return null\n\n  return (\n    <StatusBarBridgeStyled>\n      <StatusBarBridgeWrapper>\n        {allowManualClosing && (\n          <CloseIcon onClick={() => setIsOpen(false)}>\n            <IoCloseOutline size={25} />\n          </CloseIcon>\n        )}\n\n        <BarLeft />\n        <BarCenter>\n          <StatusBarStatus>{status}</StatusBarStatus>\n          <StatusBarMessage>{text}</StatusBarMessage>\n        </BarCenter>\n        <BarRight>\n          {buttonLabel ? (\n            <Button\n              $variant={'secondary'}\n              onClick={onClick}\n              disabled={isLoading}\n              $loading={isLoading}\n              style={{ fontSize: '.75rem', padding: '8px 18px' }}\n            >\n              {buttonLabel}\n            </Button>\n          ) : null}\n        </BarRight>\n      </StatusBarBridgeWrapper>\n    </StatusBarBridgeStyled>\n  )\n}\n","import { StatusBar } from '@components/StatusBar'\nimport React, { useEffect, useState } from 'react'\nimport { useFormikContext } from 'formik'\nimport { useTranslation } from 'react-i18next'\nimport { useDisableBridgeById } from '@app/api/disableBridge'\nimport { parseApiError } from '@app/api/utils/error'\nimport { BridgeFormValues } from 'Nbee'\nimport { sendToast } from '@app/store/actions/ApplicationConfigurationActions'\nimport { useAppDispatch } from '@app/store/hooks'\nimport { trackEvent } from '@app/dataTracking'\nimport { makeNbeeTrackingParams } from '@app/dataTracking/utils'\n\ninterface StatusBarBridgeProps {\n  bridgeId: number\n  isVisible?: boolean\n}\nexport const StatusBarBridge: React.FC<StatusBarBridgeProps> = ({\n  bridgeId,\n  isVisible,\n}) => {\n  const { values, setFieldValue } = useFormikContext<BridgeFormValues>()\n  const isBridgeEnabled = values.ui?.isBridgeEnabled\n\n  const { t } = useTranslation()\n  const dispatch = useAppDispatch()\n\n  const {\n    mutate: disableBridge,\n    isLoading: isDisablingBridge,\n    error: disableBridgeApiError,\n    data: disableBridgeResponse,\n  } = useDisableBridgeById()\n\n  // in case of success we update the form values setting the bridge as disabled\n  useEffect(() => {\n    if (disableBridgeResponse) {\n      const newStatus = !!disableBridgeResponse?.data?.active\n      setFieldValue('ui.isBridgeEnabled', newStatus)\n    }\n  }, [disableBridgeResponse])\n\n  useEffect(() => {\n    if (disableBridgeApiError) {\n      const parsedError = parseApiError(disableBridgeApiError)\n      dispatch(\n        sendToast({\n          title: 'Error',\n          message: parsedError.message,\n          color: 'negative',\n        })\n      )\n      trackEvent({\n        eventName: 'UnexpectedErrorThrown',\n        feature: 'NBEE',\n        step: 'Apps',\n        params: {\n          ...makeNbeeTrackingParams(values),\n          custom: {\n            errorCode: parsedError.code,\n            errorDescription: parsedError.message,\n          },\n        },\n        sendEventToIntercom: true,\n      })\n    }\n  }, [disableBridgeApiError])\n\n  return isBridgeEnabled ? (\n    // enabled bridge can't be edited, user needs to disable it first\n    <StatusBar\n      onClick={() => {\n        disableBridge({ bridgeId })\n      }}\n      buttonLabel={t('nbee.bridgeEnded.enableEditCta')}\n      text={t('nbee.bridgeEnded.ViewDescription')}\n      status={t('nbee.bridgeEnded.ViewMode')}\n      isLoading={isDisablingBridge}\n      allowManualClosing={false}\n    />\n  ) : bridgeId && isVisible ? (\n    // Here bridge is not enabled and we tell the user that it needs to go all the way throught to publish it\n    // This can only be shown in first step, because in step 2 we always have a bridgeId (when bridge is just been created)\n    <StatusBar\n      text={t('nbee.bridgeEnded.editingDescription')}\n      status={t('nbee.bridgeEnded.editingMode')}\n      allowManualClosing={false}\n    />\n  ) : null\n}\n","import React, { useState } from 'react'\nimport { Button } from '@components/Basic/ButtonNbe'\nimport {\n  BridgeSettingsWrapper,\n  StepCompletedWrapper,\n  StepImage,\n} from './styled'\nimport { PageEditor } from '@app/layouts/PageEditor'\nimport { Panel } from '@components/Panel'\nimport { useTranslation } from 'react-i18next'\nimport { makeNbeeSteps } from '@features/nbee/utils'\nimport { useHistory } from 'react-router-dom'\nimport { appRoutes } from '@app/routes'\nimport FinishImage from '@assets/images/illustrations/nbee-completed.svg'\nimport { EmailReceipt } from '@features/nbee/EmailReceipt'\nimport { isInIframe } from '@app/utils/isInFrame'\nimport Confetti from '@components/Confetti'\nimport { useQueryClient } from 'react-query'\n\ninterface Props {\n  bridgeName: string\n  bridgeId: string\n  sourceName?: string\n  destinationName?: string\n  redirectUri?: string\n  isTestEnabledProp?: boolean\n}\n\nexport const StepCompleted: React.FC<Props> = ({\n  bridgeId,\n  bridgeName,\n  sourceName,\n  destinationName,\n  redirectUri,\n  isTestEnabledProp,\n}) => {\n  const { t } = useTranslation()\n  const history = useHistory()\n  const steps = makeNbeeSteps(2, bridgeId)\n  const isEmbedded = isInIframe()\n\n  const queryClient = useQueryClient()\n\n  return (\n    <PageEditor\n      steps={steps}\n      activeStep={2}\n      topbarValue={bridgeName}\n      hasTopBar={!isEmbedded}\n      bridgeIdProp={bridgeId}\n      IsTestEnableProp={isTestEnabledProp}\n      backlink={{\n        url: '/bridges',\n        label: t('nbee.bridgeBuilder.exitNbee'),\n      }}\n    >\n      <Panel\n        progressBarPercentage={isEmbedded ? 100 : undefined}\n        body={\n          <div>\n            <Confetti />\n            <StepCompletedWrapper>\n              <h3>{t('nbee.bridgeBuilder.step3SuccessHeader')}</h3>\n              <p>\n                {t('nbee.bridgeBuilder.step3SuccessBody', {\n                  sourceName: sourceName,\n                  destinationName: destinationName,\n                })}\n              </p>\n\n              <div style={{ marginTop: '2em' }}>\n                <a\n                  rel='noreferrer'\n                  href={redirectUri}\n                  target={isInIframe() ? '_blank' : undefined}\n                >\n                  <Button $variant={'primary'}>\n                    {t('nbee.bridgeBuilder.exploreLeadsBridge')}\n                  </Button>\n                </a>\n              </div>\n\n              <StepImage\n                src={FinishImage}\n                alt={t('nbee.bridgeBuilder.step3Title')}\n              />\n            </StepCompletedWrapper>\n          </div>\n        }\n        footer={{\n          left: (\n            <Button\n              type={'button'}\n              $variant={'link-secondary'}\n              onClick={() => {\n                // we want to invalidate the permission checks query when the user goes back from here. This way the information will be refetched once the user lands on step2\n                queryClient.invalidateQueries(['permission-checks'])\n                history.push(appRoutes.nbeeStep2.makeUrl(bridgeId))\n              }}\n            >\n              {t('nbee.fieldsMapping.goPreviewStep')}\n            </Button>\n          ),\n          right: (\n            <div style={{ display: 'flex', gap: '1rem' }}>\n              <Button\n                type={'button'}\n                $variant={'secondary'}\n                onClick={() => {\n                  history.push(appRoutes.nbeeBridgeChooserStep1.makeUrl())\n                }}\n              >\n                {t('nbee.fieldsMapping.makeNewBridge')}\n              </Button>\n            </div>\n          ),\n        }}\n      />\n    </PageEditor>\n  )\n}\n","import React, { useState } from 'react'\nimport { Button } from '@components/Basic/ButtonNbe'\nimport { Modal } from '@components/Basic/Modal'\nimport { useChangePlan } from '@app/api/postChangePlan'\nimport { sendToast } from '@app/store/actions/ApplicationConfigurationActions'\nimport { parseApiError } from '@app/api/utils/error'\nimport { useTranslation, Trans } from 'react-i18next'\nimport { useAppDispatch } from '@app/store/hooks'\nimport { trackEvent } from '@app/dataTracking'\nimport { useGetUserInfo } from '@app/api/getUserInfo'\nimport wellDoneImg from '@assets/images/well_done.png'\nimport { Content, ButtonWrapper } from './styled'\nimport { calculateDaysBetweenDates } from '@app/utils/calcDaysBetweenDates'\n\ninterface ModalProps {\n  isOpen: boolean\n  onCloseModal: () => void\n}\n\nexport const ModalChangePlan: React.FC<ModalProps> = ({\n  isOpen,\n  onCloseModal,\n}) => {\n  const { t } = useTranslation()\n  const dispatch = useAppDispatch()\n  const [hasSwitched, setHasSwitched] = useState(false)\n  const [showConfirm, setShowConfirm] = useState(false)\n\n  const {\n    data: userData,\n    refetch: userDataRefetch,\n    isRefetching: isUserDataRefetching,\n  } = useGetUserInfo()\n\n  const endOfTermsDate = new Date(\n    userData?.pricing?.endOfTermsDate as string\n  ).getTime()\n  const dateNow = new Date().getTime()\n  const remainDays = calculateDaysBetweenDates(endOfTermsDate, dateNow)\n\n  // change plan\n  const { mutate: changePlanMutation, isLoading: isChangingPlan } =\n    useChangePlan()\n\n  const changePlan = ({ planId }: { planId: string }) => {\n    changePlanMutation(\n      {\n        planId,\n        trial: false,\n      },\n      {\n        onSuccess: () => {\n          userDataRefetch().then(() => setHasSwitched(true))\n          trackEvent({\n            eventName: 'PlanChanged',\n            feature: 'Pricing',\n            step: 'Table',\n            params: {\n              custom: {\n                previousPlanId: userData?.pricing?.cbPlanId,\n                newPlanId: planId,\n                previousMrr: userData?.pricing?.mrr\n                  ? (userData?.pricing?.mrr || 0) / 100\n                  : undefined,\n                newMrr: 0, // here is always freemium\n                trial: false,\n              },\n            },\n            sendEventToIntercom: true,\n          })\n        },\n        onError: (error) => {\n          dispatch(\n            sendToast({\n              title: 'Error',\n              messages: [parseApiError(error).message],\n              color: 'negative',\n            })\n          )\n        },\n      }\n    )\n  }\n\n  return (\n    <Modal\n      data-id={'modal-change-plan'}\n      isOpen={isOpen}\n      isWide={hasSwitched || showConfirm}\n      onCloseModal={() => {\n        setHasSwitched(false)\n        if (isChangingPlan) {\n          return\n        }\n        onCloseModal()\n      }}\n    >\n      <Content>\n        <h2>\n          {hasSwitched\n            ? t('billing.pricing.modalDowngradeTitleConfirm', {\n                remainDays,\n              })\n            : showConfirm\n            ? t('billing.pricing.modalDowngradeTitleSuccess')\n            : t('billing.pricing.modalDowngradeTitle')}\n        </h2>\n        <hr />\n        <p\n          style={\n            hasSwitched\n              ? { marginBottom: '.5rem' }\n              : showConfirm\n              ? { marginBottom: '2rem' }\n              : {}\n          }\n        >\n          {hasSwitched ? (\n            <Trans\n              ns={'all'}\n              i18nKey={'billing.pricing.modalDowngradeSubConfirm'}\n              components={{\n                br: <br />,\n              }}\n              values={{ remainDays }}\n            />\n          ) : showConfirm ? (\n            t('billing.pricing.modalDowngradeTextSuccess')\n          ) : (\n            t('billing.pricing.modalDowngradeText')\n          )}\n        </p>\n        {hasSwitched || showConfirm ? (\n          <img\n            style={showConfirm ? { marginBottom: '1rem' } : {}}\n            src={wellDoneImg}\n            alt={'wellDone'}\n          />\n        ) : null}\n        {hasSwitched && (\n          <p style={{ margin: '.5rem auto 1.5rem', width: '80%' }}>\n            {t('billing.pricing.modalDowngradeTextConfirm')}\n          </p>\n        )}\n        <ButtonWrapper>\n          {hasSwitched || showConfirm ? null : (\n            <Button\n              $size={'large'}\n              $variant={'link-primary'}\n              onClick={onCloseModal}\n            >\n              {t('billing.pricing.modalDowngradeCtaCancel')}\n            </Button>\n          )}\n\n          <Button\n            onClick={\n              !hasSwitched && !showConfirm\n                ? () => changePlan({ planId: 'freemium' })\n                : () => {\n                    onCloseModal()\n                    setHasSwitched(false)\n                  }\n            }\n            disabled={isChangingPlan || isUserDataRefetching}\n            $loading={isChangingPlan || isUserDataRefetching}\n            $size={'large'}\n            $variant={'blue'}\n          >\n            {hasSwitched\n              ? t('billing.pricing.modalDowngradeCtaOk')\n              : showConfirm\n              ? t('billing.pricing.modalDowngradeCtaSuccess')\n              : t('billing.pricing.modalDowngradeCtaConfirm')}\n          </Button>\n        </ButtonWrapper>\n      </Content>\n    </Modal>\n  )\n}\n","import React from 'react'\nimport { Modal } from '@components/Basic/Modal'\nimport { Content, ButtonWrapper } from '../ModalChangePlan/styled'\nimport wellDoneImg from '@assets/images/well_done.png'\nimport { Button } from '@components/Basic/ButtonNbe'\nimport { useTranslation } from 'react-i18next'\n\ninterface ModalProps {\n  isOpen: boolean\n}\n\nexport const ModalUpdatedPlan: React.FC<ModalProps> = ({ isOpen }) => {\n  const { t } = useTranslation()\n\n  return (\n    <Modal\n      isOpen={isOpen}\n      onCloseModal={() => {\n        window.location.href = process.env.REACT_APP_V1_URL || ''\n      }}\n      isWide\n    >\n      <Content>\n        <h2 style={{ fontSize: '1.3rem', fontWeight: 800 }}>\n          {t('billing.pricing.modalDowngradeTitleSuccess')}\n        </h2>\n        <hr />\n        <p>{t('billing.pricing.modalDowngradeTextSuccess')}</p>\n        <img\n          style={{ marginBottom: '1rem' }}\n          src={wellDoneImg}\n          alt={'super hero'}\n        />\n        <ButtonWrapper>\n          <Button\n            $size={'large'}\n            $variant={'primary'}\n            onClick={() => {\n              window.location.href = process.env.REACT_APP_V1_URL || ''\n            }}\n          >\n            {t('billing.pricing.modalDowngradeCtaSuccess')}\n          </Button>\n        </ButtonWrapper>\n      </Content>\n    </Modal>\n  )\n}\n","import React from 'react'\nimport { Button } from '@components/Basic/ButtonNbe'\nimport {\n  Wrapper,\n  PlanType,\n  PlanName,\n  PriceStyled,\n} from '@features/pricing/PlanInfoBanner/styled'\nimport { ApiFeatures } from 'BackendApi'\nimport ReactTooltip from 'react-tooltip'\nimport { useTranslation } from 'react-i18next'\nimport { getPlanNameToShow } from '@features/pricing/PricingCard'\nimport { InputSelect, InputSelectOption } from '@components/Form/InputSelect'\nimport { IoIosHelpCircleOutline } from 'react-icons/io'\nimport { InputWrapperIcon } from '@features/pricing/PricingCardControllers/styled'\n\ninterface Props {\n  plan: ApiFeatures\n  optionsMtu?: InputSelectOption[]\n  optionsBridge?: InputSelectOption[]\n  isCurrentPlan?: boolean\n  onPlanSelect?: () => void\n  isDisabled?: boolean\n}\n\nexport const PlanInfoBanner: React.FC<Props> = ({\n  plan,\n  optionsMtu,\n  optionsBridge,\n  isCurrentPlan,\n  onPlanSelect,\n  isDisabled,\n}) => {\n  const { t } = useTranslation()\n\n  const isBusiness = plan?.name?.toLowerCase() === 'business'\n  const price = isBusiness ? '999' : '0'\n\n  if (!plan) {\n    return null\n  }\n\n  return (\n    <Wrapper>\n      <div>\n        <PlanType>{plan?.serviceType}</PlanType>\n        <PlanName>{getPlanNameToShow(plan?.name.toLowerCase())}</PlanName>\n        <p>{plan?.description}</p>\n      </div>\n      {optionsMtu && optionsBridge ? (\n        <div\n          style={{\n            display: 'flex',\n            flexDirection: 'column',\n            gap: '1rem',\n          }}\n        >\n          <InputWrapperIcon>\n            <InputSelect\n              disabled\n              name={plan.name}\n              $options={optionsMtu}\n              value={optionsMtu[0].value}\n            />\n            <IoIosHelpCircleOutline\n              size={20}\n              data-tip={t('billing.pricing.freemiumMtuTooltip')}\n              data-for={'freemium-mtu-limit'}\n              data-class='tooltip-style'\n            />\n            <ReactTooltip id={'freemium-mtu-limit'} />\n          </InputWrapperIcon>\n          <InputWrapperIcon>\n            <InputSelect\n              disabled\n              name={plan.name}\n              $options={optionsBridge}\n              value={optionsBridge[0].value}\n            />\n            <IoIosHelpCircleOutline\n              size={20}\n              data-tip={t('billing.pricing.freemiumBridgeTooltip')}\n              data-for={'freemium-bridge-limit'}\n              data-class='tooltip-style'\n            />\n            <ReactTooltip id={'freemium-bridge-limit'} />\n          </InputWrapperIcon>\n        </div>\n      ) : null}\n\n      <div>\n        <ul>\n          {plan?.mainFeatures.map((feature, index) =>\n            feature.name ? (\n              <li key={index}>\n                {feature.description ? (\n                  <>\n                    <ReactTooltip\n                      className={'feature-item-styled'}\n                      clickable={true}\n                      place='right'\n                      effect='solid'\n                      html={true}\n                      id={`${plan?.name}_feature_${index}`}\n                    />\n                    <span\n                      className={'feature-item-label-styled'}\n                      style={{ cursor: 'help' }}\n                      data-tip={feature.description}\n                      data-for={`${plan?.name}_feature_${index}`}\n                    >\n                      {feature.name}\n                    </span>\n                  </>\n                ) : (\n                  <>{feature.name}</>\n                )}\n              </li>\n            ) : null\n          )}\n        </ul>\n      </div>\n      <div style={{ textAlign: 'center' }}>\n        <PriceStyled>\n          <h2>\n            <span>$</span>\n            {price}\n          </h2>\n        </PriceStyled>\n        {isBusiness ? (\n          <p>{t('billing.pricing.businessPriceDescription')}</p>\n        ) : (\n          <p>{t('billing.pricing.freemiumPriceDescription')}</p>\n        )}\n        <Button\n          onClick={!isBusiness ? onPlanSelect : undefined}\n          disabled={isCurrentPlan || isDisabled}\n          $fluid\n          $size={'large'}\n          $variant={'primary'}\n        >\n          {isBusiness\n            ? t('billing.pricing.businessCta')\n            : isCurrentPlan\n            ? t('billing.pricing.ctaCurrentPlan')\n            : t('billing.pricing.ctaChoosePlan')}\n        </Button>\n      </div>\n    </Wrapper>\n  )\n}\n","import React from 'react'\nimport {\n  FeaturesStyled,\n  PlanDescription,\n  PlanHeaderLeft,\n  PlanHeaderRight,\n  PlanName,\n  PlanType,\n  PriceDescription,\n  PriceDiscount,\n  PriceStyled,\n  PricingCardBox,\n  PricingCardHeaderStyled,\n  PricingCardTopBarLabel,\n  PricingCardTopBarWrapper,\n  PricingCardWrapper,\n} from '@features/pricing/PricingCard/styled'\n\nimport ReactTooltip from 'react-tooltip'\nimport { useTranslation } from 'react-i18next'\nimport { ApiMainFeatures, ApiUser } from 'BackendApi'\n\nexport interface PricingCardProps {\n  planName: string\n  planDescription: string\n  price: number\n  priceDescription: string\n  features: ApiMainFeatures[]\n  isYearlyChecked: boolean\n  yearlyDiscountPercentage?: string\n  isActive?: boolean\n  isRecommended?: boolean\n  isCurrentPlan?: boolean\n  showUndo?: boolean\n  remainDays?: number\n  onUndoSelect: (planId: string | undefined) => void\n  userData: ApiUser\n  endOfTermsDate?: string\n  deleteAtDate?: string\n}\n\nexport const planNameToShow: Record<string, string> = {\n  freemium: 'Free',\n  starter: 'Starter',\n  pro: 'Pro',\n  business: 'Business',\n}\n\nexport const getPlanNameToShow = (planName: string) => {\n  return planNameToShow[planName] || planNameToShow\n}\n\nexport const PricingCard: React.FC<PricingCardProps> = ({\n  features,\n  planName,\n  planDescription,\n  price,\n  priceDescription,\n  isActive,\n  isRecommended,\n  isCurrentPlan,\n  isYearlyChecked,\n  yearlyDiscountPercentage,\n  children,\n  remainDays,\n  onUndoSelect,\n  userData,\n  endOfTermsDate,\n  deleteAtDate,\n}) => {\n  const { t } = useTranslation()\n\n  const showUndoPro =\n    (endOfTermsDate || deleteAtDate) &&\n    (planName === 'PRO' || planName === 'STARTER') &&\n    isCurrentPlan\n\n  const undoMessage = deleteAtDate\n    ? 'billing.pricing.cancellingCardHeader'\n    : endOfTermsDate\n    ? 'billing.pricing.switchingToFreeCardHeader'\n    : 'billing.pricing.switchingToFreeCardHeader' // Providing a default value to ensure non-nullability for TypeScript\n\n  const planId = userData?.pricing?.cbPlanId\n\n  return (\n    <PricingCardWrapper planName={planName.toLocaleLowerCase()}>\n      {showUndoPro ? (\n        <PricingCardTopBarWrapper>\n          <PricingCardTopBarLabel showUndoPro={showUndoPro}>\n            <p>\n              {t(undoMessage, { remainDays })}\n              <span onClick={() => onUndoSelect(planId)}>Undo</span>\n            </p>\n          </PricingCardTopBarLabel>\n        </PricingCardTopBarWrapper>\n      ) : isRecommended || isCurrentPlan ? (\n        <PricingCardTopBarWrapper>\n          <PricingCardTopBarLabel isCurrentPlan={isCurrentPlan}>\n            {isCurrentPlan\n              ? t('billing.pricing.pricingColumnCurrent')\n              : isRecommended\n              ? t('billing.pricing.pricingColumnRecommended')\n              : null}\n          </PricingCardTopBarLabel>\n        </PricingCardTopBarWrapper>\n      ) : null}\n\n      <PricingCardBox isActive={isActive} isRecommended={isRecommended}>\n        <PlanType>\n          {planName.toLowerCase() !== 'business'\n            ? 'self-service'\n            : 'managed service'}\n        </PlanType>\n\n        <PricingCardHeaderStyled>\n          <PlanHeaderLeft>\n            <PlanName planName={planName.toLocaleLowerCase()}>\n              {getPlanNameToShow(planName.toLowerCase())}\n            </PlanName>\n            <PlanDescription planName={planName.toLocaleLowerCase()}>\n              {planDescription}\n            </PlanDescription>\n          </PlanHeaderLeft>\n          <PlanHeaderRight>\n            <PriceStyled>\n              <span>$</span>\n              <h2>\n                {isYearlyChecked &&\n                yearlyDiscountPercentage &&\n                planName.toLocaleLowerCase() !== 'business' &&\n                planName.toLocaleLowerCase() !== 'freemium' ? (\n                  <PriceDiscount isYearlyChecked={isYearlyChecked}>\n                    {''}- {yearlyDiscountPercentage}%{''}\n                  </PriceDiscount>\n                ) : null}\n\n                {price}\n              </h2>\n            </PriceStyled>\n            <PriceDescription>{priceDescription}</PriceDescription>\n          </PlanHeaderRight>\n        </PricingCardHeaderStyled>\n        <div style={{ margin: '1.5rem 0 1rem' }}>{children}</div>\n        <FeaturesStyled>\n          {features.map((feature, index) =>\n            // Clear map result: avoid dot without feature.name label\n            feature.name ? (\n              <li key={index}>\n                {feature.description ? (\n                  <>\n                    <ReactTooltip\n                      className={'feature-item-styled'}\n                      clickable={true}\n                      place='top'\n                      effect='solid'\n                      html={true}\n                      id={`${planName}_feature_${index}`}\n                    />\n                    <span\n                      className={'feature-item-label-styled'}\n                      style={{ cursor: 'help' }}\n                      data-tip={feature.description}\n                      data-for={`${planName}_feature_${index}`}\n                    >\n                      {feature.name}\n                    </span>\n                  </>\n                ) : (\n                  <>{feature.name}</>\n                )}\n              </li>\n            ) : null\n          )}\n        </FeaturesStyled>\n      </PricingCardBox>\n    </PricingCardWrapper>\n  )\n}\n","import React, { useEffect, useState } from 'react'\nimport { Formik, Form } from 'formik'\nimport { Button as ButtonNbe } from '@components/Basic/ButtonNbe'\nimport {\n  FooterStyled,\n  SignupFormWrapper,\n  SeparatorStyled,\n  TitleStyled,\n  FormRow,\n  SocialProvidersWrapper,\n  TermsText,\n  ContentWrapper,\n  HeaderTop,\n} from './styled'\nimport { FormikInputField } from '@components/Formik/FormikInputField'\nimport {\n  initialFormValues,\n  initialFormValuesAppsumo,\n  validationSchema,\n  validationSchemaAppsumo,\n} from '@features/signup/SignupForm/formConfig'\nimport { useHistory, useLocation } from 'react-router-dom'\nimport { appRoutes } from '@app/routes'\nimport { ButtonProvider, SignupProviderName } from '@components/ButtonProvider'\nimport { matchPath } from 'react-router'\nimport { BbuRouteParams, PartnerSignupRouterParam } from 'LeadsBridgeApp'\nimport { useAppDispatch } from '@app/store/hooks'\nimport { sendToast } from '@app/store/actions/ApplicationConfigurationActions'\nimport { Loader } from '@components/Basic/Loader'\nimport { Trans, useTranslation } from 'react-i18next'\nimport {\n  getPersistentSignupParams,\n  useHideParamsFromString,\n} from '@features/signup/SignupForm/useHideParamsFromString'\nimport { useSignupWithEmail } from '@app/api/signup'\nimport { parseApiError } from '@app/api/utils/error'\nimport { handleSignupWithEmailSuccess } from '@features/signup/SignupForm/signupWithEmailUtils'\nimport { ReCaptcha } from '@components/ReCaptcha'\nimport { identifyUserByUserData, trackEvent } from '@app/dataTracking'\nimport { useFetchIntegrationsMetaForBridgeByUrl } from '@app/api/integrationTools'\nimport { Hub } from '@aws-amplify/core'\nimport {\n  AUTH_STATE_CHANGE_EVENT,\n  AuthState,\n  UI_AUTH_CHANNEL,\n} from '@aws-amplify/ui-components'\nimport { useFastAppSurveyIndustries } from '@app/api/fastAppSurveyIndustries'\nimport { FormikInputSelect } from '@components/Formik/FormikInputSelect'\nimport { FormikInputCheckbox } from '@components/Formik/FormikInputCheckbox'\nimport { sleep } from '@app/utils/helpers'\nimport Tap from '@tapfiliate/tapfiliate-js'\nimport {\n  AffiliateIdDataFromCookies,\n  getAffiliateIdFromCookies,\n  setCookie,\n} from '@app/utils/cookieUtils'\n\nexport interface Props {\n  showFacebookButton?: boolean\n  showGoogleButton?: boolean\n  title?: string\n  onSignUp?: () => void\n  isAppSumo?: boolean\n  showIndustries?: boolean\n  showCoupon?: boolean\n  header?: React.ReactNode\n  testId?: string\n}\n\nexport const SignUpForm: React.FC<Props> = ({\n  title,\n  showGoogleButton,\n  showFacebookButton,\n  isAppSumo,\n  showIndustries,\n  showCoupon,\n  header,\n  testId,\n}) => {\n  const history = useHistory()\n  const location = useLocation()\n  const dispatch = useAppDispatch()\n  const { t } = useTranslation()\n  const [isLoading, setIsLoading] = useState(false)\n  const getIndustries = useFastAppSurveyIndustries()\n\n  // .../bc/lb/facebook-leads-ads/google-sheets/?cc=XXX&cbPlan=YYY&td=15\n  useHideParamsFromString()\n  const signupParams = getPersistentSignupParams()\n  const matchBBuPath = matchPath<BbuRouteParams>(location.pathname, {\n    path: appRoutes.signupBbu.path,\n    exact: true,\n    strict: false,\n  })\n\n  const matchPartnerPath = matchPath<PartnerSignupRouterParam>(\n    location.pathname,\n    {\n      path: appRoutes.signupPartner.path,\n      exact: true,\n      strict: false,\n    }\n  )\n\n  const couponCode = matchPartnerPath?.params.couponCode\n\n  const currentPlan = isAppSumo\n    ? 'appsumo-2022'\n    : signupParams.cbPlan || 'freemium'\n\n  /* const isFreePlan =\n    currentPlan === 'freemium' || currentPlan.includes('starter') */\n\n  const updatedAppSumoFormValues = { ...initialFormValuesAppsumo, couponCode }\n\n  const bbuSourceSlug = matchBBuPath?.params.source\n  const bbuDestinationSlug = matchBBuPath?.params.destination\n  const { data: bbuAppsInfo } = useFetchIntegrationsMetaForBridgeByUrl(\n    bbuSourceSlug,\n    bbuDestinationSlug\n  )\n  const isValidBbuUrl = Boolean(\n    bbuAppsInfo?.source?.id && bbuAppsInfo.destination?.id\n  )\n\n  const [affiliateData, setAffiliateData] = React.useState<\n    AffiliateIdDataFromCookies | undefined\n  >({\n    tapClickId: undefined,\n    tapVisitorId: undefined,\n  })\n\n  // Check if cookies are already there\n  React.useEffect(() => {\n    const existingCookieData = getAffiliateIdFromCookies()\n    setAffiliateData(existingCookieData)\n  }, [])\n\n  // Stores click Id and visitor Id in cookies\n  React.useEffect(() => {\n    // if cookies are already there (and they've been stored in the affiliateData state), exit early\n    if (\n      getAffiliateIdFromCookies()?.tapClickId &&\n      getAffiliateIdFromCookies()?.tapVisitorId\n    )\n      return\n    // If cookies are not present, check if ref is present in query params\n    // If it is not, exit early\n    if (!signupParams.ref) return\n\n    // If cookies aren't present, but we do have the ref code,\n    // initialize TapFiliate, then execute Tap.detect\n    Tap.init(`${process.env.TAPFILIATE_ACCOUNT_ID}`)\n    Tap.detect(\n      {\n        always_callback: true,\n        referral_code: signupParams.ref,\n      },\n      (response: any, args: { id?: string; vid?: string }) => {\n        console.log(\n          'Tap.detect callback response',\n          response,\n          'Tap.detect args',\n          args\n        )\n\n        if (response === 'Tracking request failed') {\n          console.error('Error in Tap.detect:', response)\n          return\n        }\n\n        const { id: argId, vid: argVid } = args || {}\n\n        const id = argId\n        const vid = argVid\n\n        if (id && vid) {\n          // create cookies with tap click id and visitor id values (which I'm sure I don't have already)\n          setCookie('tap.id', id)\n          setCookie('tap.vid', vid)\n\n          // Set affiliate data directly after setting cookies\n          setAffiliateData({ tapClickId: id, tapVisitorId: vid })\n        }\n      }\n    )\n  }, [signupParams.ref]) // executes this useEffect only when the value of signupParams.ref changes (-> only when we do have a ref code in the signup page url)\n\n  const {\n    mutate: signupWithEmail,\n    isLoading: isDoingSingup,\n    error: signupWithEmailApiError,\n    data: signupReponse,\n  } = useSignupWithEmail()\n\n  const onAuthSuccess = async () => {\n    await sleep(500)\n\n    const firstLoginUrlParam = 'lbfsgn'\n\n    // we should already have an user id, so we try to track the signup event with an UID already attached\n    const newUserId = signupReponse?.user.userId\n      ? `UID-${signupReponse?.user.userId}`\n      : undefined\n\n    // we wait to have the user identified before sending the track event\n    await identifyUserByUserData(signupReponse).catch(() => {\n      console.log('not identified - segment not active')\n    })\n\n    trackEvent({\n      eventName: 'SignUp',\n      feature: 'Authentication',\n      step: 'Signup',\n      params: {\n        custom: {\n          planId: currentPlan,\n          mrr: (signupReponse?.pricing?.mrr || 0) / 100,\n          channel: isValidBbuUrl ? 'lb' : 'signup',\n          sourceId: bbuAppsInfo?.source?.id,\n          sourceName: bbuAppsInfo?.source?.name,\n          destinationId: bbuAppsInfo?.destination?.id,\n          destinationName: bbuAppsInfo?.destination?.name,\n        },\n        userId: newUserId,\n      },\n      sendEventToIntercom: true,\n    })\n\n    if (bbuSourceSlug && bbuDestinationSlug && isValidBbuUrl) {\n      // re-render Apps.tsx routing and this time will match private route for Step1 with bbu\n      Hub.dispatch(UI_AUTH_CHANNEL, {\n        event: AUTH_STATE_CHANGE_EVENT,\n        message: AuthState.SignedIn,\n        data: null,\n      })\n    } else if (signupParams.sourceId || signupParams.destinationId) {\n      // in case we have sourceId or destinationId in query string, we take user to nbee step1 with source or destination pre-selected\n      history.push({\n        pathname: appRoutes.nbeeStep1New.makeUrl(),\n        search: signupParams.sourceId\n          ? `sourceId=${signupParams.sourceId}&${firstLoginUrlParam}=true&currentPlan=${currentPlan}`\n          : `destinationId=${signupParams.destinationId}&${firstLoginUrlParam}=true&currentPlan=${currentPlan}`,\n      })\n    } else {\n      // generic signup, we take user NBEE step1 right after updating auth state\n      Hub.dispatch(UI_AUTH_CHANNEL, {\n        event: AUTH_STATE_CHANGE_EVENT,\n        message: AuthState.SignedIn,\n        data: null,\n      })\n      history.push({\n        pathname: appRoutes.nbeeStep1New.makeUrl(),\n        search: `${firstLoginUrlParam}=true&currentPlan=${currentPlan}`,\n      })\n    }\n  }\n\n  const showGenericError = (message: string) => {\n    setIsLoading(false)\n    dispatch(\n      sendToast({\n        title: 'Error',\n        messages: [message],\n        color: 'negative',\n      })\n    )\n  }\n\n  useEffect(() => {\n    if (signupReponse) {\n      handleSignupWithEmailSuccess({\n        credentials: signupReponse?.credentials,\n        onError: showGenericError,\n      }).then(() => {\n        onAuthSuccess()\n      })\n    }\n  }, [signupReponse])\n\n  // on signupWithEmailError\n  useEffect(() => {\n    if (signupWithEmailApiError) {\n      const parsedError = parseApiError(signupWithEmailApiError)\n      showGenericError(parsedError.message)\n      trackEvent({\n        eventName: 'UnexpectedErrorThrown',\n        feature: 'Authentication',\n        step: 'Signup',\n        params: {\n          custom: {\n            errorCode: parsedError.code,\n            errorDescription: parsedError.message,\n            planId: currentPlan,\n          },\n        },\n        sendEventToIntercom: true,\n      })\n    }\n  }, [signupWithEmailApiError])\n\n  const signupProviders: {\n    name: SignupProviderName\n    show?: boolean\n  }[] = [\n    {\n      name: 'Google',\n      show: showGoogleButton,\n    },\n    {\n      name: 'Facebook',\n      show: showFacebookButton,\n    },\n  ]\n\n  return (\n    <SignupFormWrapper data-testid={testId} isAppSumo={isAppSumo}>\n      {isLoading && <Loader $active $dimmer />}\n\n      <ReCaptcha>\n        {({ getCaptchaToken }) => (\n          <ContentWrapper isAppSumo={isAppSumo}>\n            {header && <HeaderTop>{header}</HeaderTop>}\n            {title && <TitleStyled>{title}</TitleStyled>}\n            <SocialProvidersWrapper>\n              {signupProviders.map(({ show, name }) =>\n                show ? (\n                  <ButtonProvider\n                    key={name}\n                    scope={'SignUp'}\n                    provider={name}\n                    getCaptchaToken={getCaptchaToken}\n                    signupParams={signupParams}\n                    onBeforeAuth={() => {\n                      setIsLoading(true)\n                    }}\n                    onAuthError={showGenericError}\n                    onAuthSuccess={onAuthSuccess}\n                  />\n                ) : null\n              )}\n            </SocialProvidersWrapper>\n\n            {showFacebookButton || showGoogleButton ? (\n              <SeparatorStyled>\n                <hr />\n                <span>Or</span>\n                <hr />\n              </SeparatorStyled>\n            ) : null}\n\n            <Formik\n              initialValues={\n                isAppSumo ? updatedAppSumoFormValues : initialFormValues\n              }\n              validationSchema={\n                isAppSumo ? validationSchemaAppsumo : validationSchema\n              }\n              onSubmit={async (values) => {\n                setIsLoading(true)\n                const recaptchaToken = await getCaptchaToken()\n                if (!recaptchaToken) {\n                  setIsLoading(false)\n                  return\n                }\n                console.log(\n                  'calling signupWithEmail',\n                  'tapVisitorId',\n                  affiliateData?.tapVisitorId,\n                  'tapClickId',\n                  affiliateData?.tapClickId\n                )\n                signupWithEmail({\n                  requestBody: {\n                    firstName: values.firstName,\n                    lastName: values.lastName,\n                    email: values.email,\n                    referralUri: document.referrer || window.location.origin,\n                    trialDays: isAppSumo\n                      ? undefined\n                      : `${signupParams.trialDays}`,\n                    cbPlan: currentPlan,\n                    couponCode:\n                      values.couponCode || signupParams.couponCode || undefined,\n                    industry: isAppSumo ? values.industry : '',\n                    bbuUri: isAppSumo\n                      ? undefined\n                      : matchBBuPath?.isExact && isValidBbuUrl\n                      ? `${window.location.origin}${location.pathname}`\n                      : undefined,\n                    recaptchaToken: recaptchaToken || '',\n                    tapClickId: affiliateData?.tapClickId || undefined,\n                    tapVisitorId: affiliateData?.tapVisitorId || undefined,\n                  },\n                })\n              }}\n            >\n              {() => {\n                return (\n                  <Form>\n                    <FormRow>\n                      <FormikInputField\n                        name='firstName'\n                        type='text'\n                        label='First Name'\n                        $fluid\n                        $hasMargin\n                        placeholder={'John'}\n                        className={'mb-0'}\n                      />\n                      <FormikInputField\n                        name='lastName'\n                        type='text'\n                        label='Last Name'\n                        $fluid\n                        $hasMargin\n                        placeholder={'Appleseed'}\n                        className={'mb-0'}\n                      />\n                    </FormRow>\n\n                    <FormikInputField\n                      name='email'\n                      type='email'\n                      label='Email'\n                      $fluid\n                      $hasMargin\n                      placeholder={'example@mail.com'}\n                      className={'mb-0'}\n                    />\n                    {isAppSumo && showIndustries ? (\n                      <FormikInputSelect\n                        $options={getIndustries.data || []}\n                        $loading={getIndustries.isLoading}\n                        disabled={Boolean(getIndustries.error)}\n                        $optionsLabel={\n                          getIndustries.error\n                            ? 'Unable to retrieve industries'\n                            : 'Please select industry'\n                        }\n                        name={'industry'}\n                        $label={'Industry'}\n                        $hasMargin\n                      />\n                    ) : null}\n\n                    {isAppSumo && showCoupon ? (\n                      <FormikInputField\n                        name='couponCode'\n                        type='text'\n                        label={t('auth.signup.couponLabelAppSumo')}\n                        $fluid\n                        $hasMargin\n                        className={'mb-0'}\n                      />\n                    ) : null}\n                    <div style={{ marginTop: '1rem' }}>\n                      <FormikInputCheckbox name='privacyConsent'>\n                        <TermsText>\n                          <Trans\n                            ns={'all'}\n                            i18nKey={\n                              isAppSumo\n                                ? 'auth.signup.termsAndConditionAppSumo'\n                                : 'auth.signup.termsAndCondition'\n                            }\n                            components={{\n                              a: <a />,\n                            }}\n                          />\n                        </TermsText>\n                      </FormikInputCheckbox>\n                    </div>\n                    <div style={{ margin: '1.6rem 0 1rem' }}>\n                      <ButtonNbe\n                        type={'submit'}\n                        $variant={'action'}\n                        disabled={isDoingSingup || isLoading}\n                        $size={'large'}\n                        $fluid\n                      >\n                        {isAppSumo\n                          ? t('auth.signup.ctaWithAppsumo')\n                          : t('auth.signup.ctaViaEmail')}\n                      </ButtonNbe>\n                    </div>\n                  </Form>\n                )\n              }}\n            </Formik>\n\n            {isAppSumo || !showFacebookButton || !showGoogleButton ? (\n              <SeparatorStyled>\n                <hr />\n                <span>or</span>\n                <hr />\n              </SeparatorStyled>\n            ) : null}\n            <FooterStyled isAppSumo={isAppSumo}>\n              <ButtonNbe\n                style={{ padding: '0', textDecoration: 'underline' }}\n                $variant={'link-secondary'}\n                onClick={() => {\n                  history.push(appRoutes.signin.makeUrl())\n                }}\n              >\n                {t('auth.signup.alreadyAnAccount')}\n              </ButtonNbe>\n              <ButtonNbe\n                style={{ margin: '0' }}\n                $variant={'outlined-primary'}\n                onClick={() => {\n                  history.push(appRoutes.signin.makeUrl())\n                }}\n              >\n                {t('auth.signup.signIn')}\n              </ButtonNbe>\n            </FooterStyled>\n          </ContentWrapper>\n        )}\n      </ReCaptcha>\n    </SignupFormWrapper>\n  )\n}\n","import React, { ReactNode } from 'react'\nimport styled, { css } from 'styled-components'\n\ninterface LayoutProps {\n  leftSlot?: ReactNode\n  hideLeftOnMobile?: boolean\n  rightSlot: ReactNode\n}\n\nconst SingupLayoutWrapper = styled.div`\n  background-color: #41a6dc;\n  width: 100%;\n  min-height: 100vh;\n  padding: 1rem;\n  @media (min-width: 980px) {\n    padding: 0 1rem;\n  }\n`\n\nconst SignupLayoutStyled = styled.div`\n  width: 100%;\n  min-height: 100vh;\n\n  max-width: ${({ theme }) => theme.container.extralarge};\n  display: grid;\n  align-items: center;\n  margin: 0 auto;\n  gap: 1rem;\n\n  @media (min-width: 980px) {\n    grid-template-columns: 1fr 1fr;\n  }\n`\n\nconst ContainerStyled = styled.div<{ $hideOnMobile?: boolean }>`\n  display: flex;\n  justify-content: center;\n\n  /* in generic singup left image needs to disappear on mobile, in bbu not  */\n  ${({ $hideOnMobile }) =>\n    $hideOnMobile\n      ? css`\n          @media (max-width: 768px) {\n            display: none;\n          }\n        `\n      : null}\n`\n\nexport const SignupLayout: React.FC<LayoutProps> = ({\n  leftSlot,\n  rightSlot,\n  hideLeftOnMobile,\n}) => {\n  return (\n    <SingupLayoutWrapper>\n      <SignupLayoutStyled>\n        <ContainerStyled $hideOnMobile={hideLeftOnMobile}>\n          {leftSlot}\n        </ContainerStyled>\n        <ContainerStyled>{rightSlot}</ContainerStyled>\n      </SignupLayoutStyled>\n    </SingupLayoutWrapper>\n  )\n}\n","import React, { useEffect, useState } from 'react'\nimport { Message, Transition } from 'semantic-ui-react'\nimport { Toast } from 'LeadsBridgeApp'\nimport { useSelector } from 'react-redux'\nimport { RootState } from '@app/index'\nimport styled from 'styled-components'\n\nconst ToastStyled = styled.div`\n  position: fixed;\n  top: 33px;\n  right: 10px;\n  z-index: ${({ theme }) => theme.zIndex.overallNotifications};\n  .ui.message {\n    padding-right: 40px;\n  }\n`\n\nconst ToastComponent: React.FC = () => {\n  const [visible, setVisible] = useState<boolean>(false)\n  const toast: Toast | null = useSelector(\n    (state: RootState) => state.application.toast\n  )\n\n  useEffect(() => {\n    if (toast !== null) {\n      setVisible(true)\n      setTimeout(() => {\n        setVisible(false)\n      }, 5500)\n    }\n  }, [toast])\n\n  return (\n    <ToastStyled>\n      <Transition visible={visible} animation='scale' duration={500}>\n        <Message\n          compact\n          className={toast?.color}\n          header={toast?.title}\n          onDismiss={() => setVisible(false)}\n        >\n          {toast && toast.message ? (\n            <span dangerouslySetInnerHTML={{ __html: toast.message }} />\n          ) : null}\n          {toast && toast.messages ? (\n            <ul>\n              {toast.messages.map((message, index) => {\n                return (\n                  <li\n                    key={index}\n                    dangerouslySetInnerHTML={{ __html: message }}\n                  />\n                )\n              })}\n            </ul>\n          ) : null}\n        </Message>\n      </Transition>\n    </ToastStyled>\n  )\n}\n\nexport default ToastComponent\n","import * as React from 'react'\nimport * as ReactDOM from 'react-dom'\nimport App from './App'\nimport { Router } from 'react-router-dom'\nimport store from './store'\nimport { createBrowserHistory } from 'history'\nimport { Provider } from 'react-redux'\nimport ToastComponent from './components/ToastComponent'\nimport { QueryClient, QueryClientProvider } from 'react-query'\nimport { createServerInit } from './mockapi'\nimport { ReactQueryDevtools } from 'react-query/devtools'\nimport { ThemeProvider } from 'styled-components'\nimport { defaultTheme } from '@app/styles/theme/default'\nimport './i18n'\nimport { AlertComponent } from '@components/Alert'\nimport { ErrorBoundary } from '@sentry/react'\nimport { ErrorPage } from '@components/ErrorBoundary/ErrorPage'\nimport { initSentry } from '@app/utils/sentry'\n\nif (process.env.REACT_USE_MOCK_API === 'true') {\n  createServerInit()\n}\n\n// test deploy\nconst history = createBrowserHistory()\nexport type RootState = ReturnType<typeof store.getState>\nexport type AppDispatch = typeof store.dispatch\n\nconst queryClient = new QueryClient({\n  defaultOptions: {\n    queries: {\n      retry: 0,\n      staleTime: Infinity,\n      refetchOnWindowFocus: false,\n    },\n  },\n})\n\ninitSentry()\n\nReactDOM.render(\n  <QueryClientProvider client={queryClient}>\n    <ReactQueryDevtools initialIsOpen={false} />\n    <Provider store={store}>\n      <Router history={history}>\n        <ThemeProvider theme={defaultTheme}>\n          <ErrorBoundary fallback={() => <ErrorPage />}>\n            <App />\n          </ErrorBoundary>\n          <ToastComponent />\n          <AlertComponent />\n        </ThemeProvider>\n      </Router>\n    </Provider>\n  </QueryClientProvider>,\n  document.getElementById('root')\n)\n","import * as Sentry from '@sentry/react'\nimport { Integrations } from '@sentry/tracing'\nimport { ignoreList } from '@app/utils/sentry/ignoreList'\n\nexport const initSentry = () => {\n  Sentry.init({\n    dsn: 'https://acad65fcd1a943a893a7e2dfb763ebf7@o320992.ingest.sentry.io/6172904',\n    integrations: [\n      new Integrations.BrowserTracing({\n        routingInstrumentation: Sentry.reactRouterV5Instrumentation(history),\n      }),\n    ],\n    // https://docs.sentry.io/platforms/javascript/guides/react/configuration/sampling/#sampling-transaction-events\n    tracesSampleRate: 0,\n    environment: process.env.DEPLOY_ENV,\n    release: APP_VERSION,\n    // loading Sentry only for production\n    enabled: process.env.NODE_ENV === 'production',\n    ...ignoreList,\n  })\n}\n","import React, { useEffect, useRef, useState } from 'react'\nimport {\n  AlertBody,\n  AlertBodyContent,\n  AlertButtonClose,\n  AlertFooter,\n  AlertHeader,\n  AlertImageWrapper,\n  AlertStyled,\n  AlertWrapper,\n} from './styled'\nimport { useSelector } from 'react-redux'\nimport { RootState } from '@app/index'\nimport { Alert } from 'LeadsBridgeApp'\nimport { IoCloseOutline } from 'react-icons/io5'\nimport { useTranslation } from 'react-i18next'\nimport { AlertProgressBar } from '@components/Alert/AlertProgressBar/AlertProgressBar'\nimport { Translate } from '@components/Translate'\nimport { Container } from '../Basic/Container'\n\nexport const AlertComponent: React.FC = () => {\n  const [visible, setVisible] = useState<boolean>(false)\n  const alert: Alert | null = useSelector(\n    (state: RootState) => state.application.alert\n  )\n  const { t } = useTranslation()\n\n  useEffect(() => {\n    if (alert) {\n      setVisible(true)\n    }\n  }, [alert])\n\n  const timerId = useRef<NodeJS.Timeout>()\n  useEffect(() => {\n    if (alert && alert.dismissableTimer) {\n      timerId.current = setTimeout(() => {\n        setVisible(false)\n      }, alert.dismissableTimer)\n    }\n\n    return () => {\n      if (timerId.current) {\n        clearTimeout(timerId.current)\n      }\n    }\n  }, [alert?.dismissableTimer])\n\n  if (!alert) return null\n\n  return (\n    <AlertStyled isVisible={visible}>\n      <Container $size={'lg'}>\n        <AlertWrapper>\n          <AlertHeader>\n            {alert.isDismissable ? (\n              <AlertButtonClose\n                onClick={() => {\n                  setVisible(false)\n                  if (alert?.onClose) {\n                    alert.onClose()\n                  }\n                }}\n              >\n                <IoCloseOutline /> {t('common.close')}\n              </AlertButtonClose>\n            ) : null}\n          </AlertHeader>\n\n          <AlertBody>\n            <AlertBodyContent>\n              {alert.title ? <h4>{alert.title}</h4> : null}\n              <p\n                style={{\n                  maxWidth: 600,\n                }}\n              >\n                {alert.useTranslation ? (\n                  <Translate\n                    i18nKey={alert.message}\n                    values={\n                      alert.transValue\n                        ? { maxFields: alert.transValue }\n                        : undefined\n                    }\n                  />\n                ) : (\n                  alert.message\n                )}\n              </p>\n            </AlertBodyContent>\n            {alert.image ? (\n              <AlertImageWrapper>\n                <img src={alert.image} />\n              </AlertImageWrapper>\n            ) : null}\n          </AlertBody>\n\n          <AlertFooter>{alert.buttons}</AlertFooter>\n        </AlertWrapper>\n        {alert.hasProgressBar && alert.dismissableTimer ? (\n          <AlertProgressBar timer={alert.dismissableTimer} />\n        ) : undefined}\n      </Container>\n    </AlertStyled>\n  )\n}\n","import React, { useEffect, useRef, useState } from 'react'\nimport { EditableIconStatus, EditableTextStyled } from './styled'\nimport { MdEdit, MdSave, MdErrorOutline } from 'react-icons/md'\nimport ReactTooltip from 'react-tooltip'\n\nexport interface TextInputProps {\n  onNameChange: (newValue: string) => void\n  value: string\n  errorMessage?: string\n  isEditable?: boolean\n}\n\nexport const EditableText: React.FC<TextInputProps> = ({\n  value,\n  errorMessage,\n  onNameChange,\n  ...props\n}) => {\n  const [hasEditModeEnabled, setHasEditModeEnabled] = useState<boolean>(true)\n  const inputRef = useRef<HTMLInputElement | null>(null)\n\n  const iconInputStatus = () => {\n    if (hasEditModeEnabled) {\n      return <MdEdit />\n    } else {\n      return <MdSave />\n    }\n  }\n\n  const handleChangeInputStatus = () => {\n    if (value) {\n      setHasEditModeEnabled(!hasEditModeEnabled)\n    }\n  }\n\n  // set focus on input once visibile\n  useEffect(() => {\n    if (!hasEditModeEnabled && inputRef.current) {\n      inputRef.current.focus()\n    }\n  }, [hasEditModeEnabled])\n\n  return (\n    <EditableTextStyled>\n      <EditableIconStatus>\n        {errorMessage ? (\n          <>\n            <ReactTooltip\n              id='topbar-input'\n              place='bottom'\n              type='error'\n              effect='solid'\n            >\n              <span>{errorMessage}</span>\n            </ReactTooltip>\n            <MdErrorOutline\n              className={'error'}\n              data-tip\n              data-for='topbar-input'\n            />\n          </>\n        ) : null}\n      </EditableIconStatus>\n      <input\n        ref={inputRef}\n        style={{ width: (value.length + 3) * 8 + 'px' }}\n        disabled={hasEditModeEnabled}\n        value={value}\n        title={value}\n        onChange={(e) => onNameChange(e.target.value)}\n        maxLength={100}\n      />\n\n      {props.isEditable ? (\n        <span\n          className='text-input-icon'\n          onClick={() => handleChangeInputStatus()}\n        >\n          {iconInputStatus()}\n        </span>\n      ) : (\n        <></>\n      )}\n    </EditableTextStyled>\n  )\n}\n","import React from 'react'\nimport { ReactComponent as BackSVG } from '@assets/images/chevron-left.svg'\nimport { TopbarStyled, TopbarWrapper } from './styled'\nimport { EditableText } from '@components/Basic/EditableText'\nimport { Link } from 'react-router-dom'\n\nexport interface TopbarBacklinkProps {\n  url: string\n  label: string\n}\n\nexport interface TopbarProps {\n  defaultValue?: string\n  errorMessage?: string\n  onNameChange?: (newValue: string) => void // owner : page/layout\n  backlink?: TopbarBacklinkProps\n  hideOnEmbeddable?: boolean\n  variant?: 'light' | 'dark'\n  subBar?: React.ReactNode\n}\n\nexport const Topbar: React.FC<TopbarProps> = ({\n  defaultValue,\n  errorMessage,\n  onNameChange,\n  backlink,\n  children,\n  hideOnEmbeddable,\n  variant,\n}) => {\n  return (\n    <TopbarStyled>\n      <TopbarWrapper\n        hideOnEmbeddable={hideOnEmbeddable}\n        variant={variant || 'light'}\n      >\n        <div>\n          {backlink ? (\n            <Link to={backlink.url} data-testid='exit_btn'>\n              <BackSVG /> {backlink.label}\n            </Link>\n          ) : (\n            ''\n          )}\n        </div>\n        <div>\n          <EditableText\n            onNameChange={(newValue) => {\n              if (onNameChange) {\n                onNameChange(newValue)\n              }\n            }}\n            errorMessage={errorMessage}\n            value={defaultValue || ''}\n            isEditable={Boolean(onNameChange)}\n          />\n        </div>\n        <div>{children}</div>\n      </TopbarWrapper>\n    </TopbarStyled>\n  )\n}\n","import React from 'react'\nimport { StepBarItem } from '@components/StepBar/StepBarItem'\nimport { StepBarContainer } from './styled'\n\nexport type StepBarStep = {\n  onStepClick?: (stepIndex: number) => void\n  label?: string\n  title?: string\n  subLabel?: string\n}\n\nexport interface StepBarProps {\n  steps: StepBarStep[]\n  activeStep: number\n}\n\nexport const StepBar: React.FC<StepBarProps> = ({ steps, activeStep }) => {\n  return (\n    <StepBarContainer>\n      {steps.map((step, index) => {\n        return (\n          <StepBarItem\n            key={index}\n            index={index}\n            isActive={activeStep === index}\n            title={step.title}\n            label={step.label}\n            subLabel={step.subLabel}\n            onStepClick={step.onStepClick}\n          />\n        )\n      })}\n    </StepBarContainer>\n  )\n}\n","import React, { useEffect } from 'react'\nimport { Topbar, TopbarBacklinkProps } from '@components/Topbar'\nimport {\n  PageEditorStyled,\n  PageTitle,\n  PanelContainer,\n  StepBarContainer,\n} from './styled'\nimport { StepBar, StepBarStep } from '@components/StepBar'\nimport { Container } from '@components/Basic/Container'\nimport lbLogo from '@assets/images/logo_lb_extended.svg'\nimport { isInIframe } from '@app/utils/isInFrame'\nimport { Button } from '@app/components/Basic/ButtonNbe'\nimport { FormikProps } from 'formik'\nimport { BridgeFormValues } from 'Nbee'\nimport { helpCenterUrl } from '@app/App'\nimport { useGetUserInfo } from '@app/api/getUserInfo'\nimport ReactTooltip from 'react-tooltip'\nimport { openZendeskChat } from '@app/utils/helpers'\nimport { useTranslation } from 'react-i18next'\nimport { FaLock } from 'react-icons/fa'\nimport { appRoutes } from '@app/routes'\nimport { useHistory } from 'react-router-dom'\nimport { useGetUserModules } from '@app/api/getUserModules'\nimport { useAppSelector } from '@app/store/hooks'\n\ninterface PageEditorProps {\n  pageTitle?: string\n  backlink?: TopbarBacklinkProps\n  hasTopBar?: boolean\n  steps?: StepBarStep[]\n  activeStep?: number\n  infoBar?: React.ReactNode\n  topbarValue?: string\n  topbarError?: string\n  // if callback is not passed, item will not be editable\n  onTopbarValueChange?: (newValue: string) => void\n  IsTestEnableProp?: boolean\n  bridgeIdProp?: string\n  formikContext?: FormikProps<BridgeFormValues>\n}\n\nexport const PageEditor: React.FC<PageEditorProps> = ({\n  pageTitle,\n  backlink,\n  hasTopBar,\n  activeStep = 0,\n  steps,\n  topbarValue,\n  topbarError,\n  onTopbarValueChange,\n  infoBar,\n  children,\n  IsTestEnableProp,\n  bridgeIdProp,\n  formikContext,\n}) => {\n  const isEmbedded = isInIframe()\n\n  const { t } = useTranslation()\n  const history = useHistory()\n  const { zE } = window\n  const userAuthState = useAppSelector((state) => state.user.auth)\n  const [shouldFetchUserModule, setShouldFetchUserModule] =\n    React.useState(false)\n  const [showSupportButton, setShowSupportButton] = React.useState(false)\n\n  const { data: userModulesResponse } = useGetUserModules(shouldFetchUserModule)\n\n  const userModules = userModulesResponse?.modules || []\n  const supportUserModule = userModules.find((m) => m.id === 'customer-support')\n\n  const requiredLbPlanId = supportUserModule?.minimumPlan\n  const customerSupportId = supportUserModule?.id\n  const supportIsAvailable = supportUserModule?.enabled !== false\n\n  useEffect(() => {\n    if (userAuthState) {\n      setShouldFetchUserModule(true)\n      setShowSupportButton(true)\n    }\n  }, [userAuthState])\n\n  // We use a standard variable let because setState in this case generate too many renders and loop error\n  let bridgeId\n  let testEnable\n\n  // Check if we have the formik context to get bridgeId and testEnable,\n  // if not as it is in the step 3 we use props coming from StepCompleted which is not in the formik context\n\n  if (formikContext) {\n    const { values } = formikContext\n    bridgeId = values?.ui?.bridgeId\n    testEnable = values?.ui?.testEnabled\n  } else {\n    testEnable = IsTestEnableProp\n    bridgeId = bridgeIdProp\n  }\n\n  return (\n    <PageEditorStyled>\n      {hasTopBar ? (\n        <>\n          <Topbar\n            backlink={backlink}\n            defaultValue={topbarValue}\n            errorMessage={topbarError}\n            onNameChange={onTopbarValueChange}\n            hideOnEmbeddable\n          >\n            {bridgeId && testEnable ? (\n              <a\n                target={'_blank'}\n                href={`${process.env.REACT_APP_V1_URL}/leads/table/${bridgeId}?version=2`}\n                rel='noreferrer'\n              >\n                <Button $size={'small'} $variant={'secondary'}>\n                  Leads table\n                </Button>\n              </a>\n            ) : null}\n            {!supportIsAvailable && (\n              <ReactTooltip\n                id='support-button'\n                place='top'\n                type='dark'\n                textColor='white'\n                effect='solid'\n              >\n                <span>{t('auth.supportTooltip')}</span>\n              </ReactTooltip>\n            )}\n            {showSupportButton ? (\n              <span data-tip data-for='support-button'>\n                <Button\n                  onClick={() => {\n                    if (!supportIsAvailable) {\n                      history.push(\n                        `${appRoutes.pricing.makeUrl()}?reason=${customerSupportId}&suggestPlan=${\n                          requiredLbPlanId || 7\n                        }`\n                      )\n                    } else {\n                      openZendeskChat(zE)\n                    }\n                  }}\n                  $size={'small'}\n                  $variant={'secondary'}\n                >\n                  Support {!supportIsAvailable ? <FaLock /> : null}\n                </Button>\n              </span>\n            ) : null}\n\n            <a target={'_blank'} href={helpCenterUrl} rel='noreferrer'>\n              <Button $size={'small'} $variant={'secondary'}>\n                Help center\n              </Button>\n            </a>\n            <img src={lbLogo} width={140} alt={'LeadsBridge'} />\n          </Topbar>\n          {infoBar}\n        </>\n      ) : null}\n      {/* when content is embedded in iframe we hide stepbar with js */}\n      {/* it's not possibilel to rely on mediaqueries since the iframe size is too large */}\n      {/* we also display a mini stepbar inside the <Panel> component */}\n      {isEmbedded ? null : steps && steps.length ? (\n        <StepBarContainer className={'text-center'}>\n          <StepBar steps={steps} activeStep={activeStep} />\n        </StepBarContainer>\n      ) : (\n        <div style={{ paddingTop: '3rem' }} />\n      )}\n      {pageTitle ? (\n        <Container>\n          <PageTitle data-testid='page_title' className={'text-center'}>\n            {pageTitle}\n          </PageTitle>\n        </Container>\n      ) : null}\n      <PanelContainer>{children}</PanelContainer>\n    </PageEditorStyled>\n  )\n}\n","import React from 'react'\nimport styled from 'styled-components'\n\nconst SimplePageWrapper = styled.div`\n  background-color: rgba(65, 166, 220, 0.15);\n  min-height: 100vh;\n  padding: 1rem;\n\n  @media (min-width: 980px) {\n    padding: 2.5rem;\n  }\n`\n\nconst CardWrapper = styled.div`\n  background-color: white;\n  padding: 2em;\n`\n\nexport const SimplePage: React.FC = ({ children }) => {\n  return (\n    <SimplePageWrapper>\n      <CardWrapper>{children}</CardWrapper>\n    </SimplePageWrapper>\n  )\n}\n","import React, { useState } from 'react'\nimport styled from 'styled-components'\nimport { FacebookButtonNative } from '@components/ButtonProvider/Facebook/FacebookButtonNative'\nimport { InputField } from '@components/Form/InputField'\nimport { Button } from '@components/Basic/ButtonNbe'\nimport { apiAuthClient } from '@app/services/apiAuthClient'\nimport { useAppDispatch } from '@app/store/hooks'\nimport { sendToast } from '@app/store/actions/ApplicationConfigurationActions'\n\nconst Wrapper = styled.div`\n  padding: 2rem;\n`\n\nconst TokenOutput = styled.div`\n  padding-top: 1rem;\n`\n\nconst Spacer = styled.div`\n  margin-bottom: 1rem;\n`\n\nexport const TestFacebookToken: React.VFC = () => {\n  const [token, setToken] = useState('')\n  const [inputValue, setInputValue] = useState(\n    'pages_manage_ads,pages_manage_metadata,pages_read_engagement,ads_management,email,leads_retrieval,business_management'\n  )\n  const [scopes, setScopes] = useState('')\n  const dispatch = useAppDispatch()\n  const [isLoading, setIsLoading] = useState(false)\n\n  const validateTokenWithApi = (token: string) => {\n    setIsLoading(true)\n    apiAuthClient\n      .post(`${process.env.REACT_APP_LARAVEL_API}/admin/testFacebookToken`, {\n        oauthToken: token,\n      })\n      .then(() => {\n        dispatch(\n          sendToast({\n            title: 'Success',\n            message: 'Request completed',\n            color: 'positive',\n          })\n        )\n      })\n      .catch(() => {\n        setIsLoading(false)\n        dispatch(\n          sendToast({\n            title: 'Error',\n            message: 'Request failed',\n            color: 'negative',\n          })\n        )\n      })\n  }\n\n  return (\n    <Wrapper>\n      <Spacer>\n        <InputField\n          label={'Scopes'}\n          name={''}\n          type={'text'}\n          disabled={isLoading}\n          value={inputValue}\n          placeholder={'add scope as comma separated values'}\n          onChange={(e) => setInputValue(e.currentTarget.value)}\n        />\n        <Button\n          disabled={!inputValue || isLoading}\n          onClick={() => {\n            setScopes(inputValue)\n          }}\n          $variant={'action'}\n        >\n          Set scopes\n        </Button>\n      </Spacer>\n\n      <Spacer>\n        {scopes ? (\n          <div style={{ width: 240 }}>\n            <FacebookButtonNative\n              key={scopes}\n              onTokenRetrived={setToken}\n              scope={'SignIn'}\n              onSdkLoadError={() => {\n                alert('error loading FB SDK')\n              }}\n              customFbAppScopes={scopes}\n            />\n          </div>\n        ) : (\n          <div>Add some scopes to see the FB login button</div>\n        )}\n      </Spacer>\n\n      {token ? (\n        <Spacer>\n          <TokenOutput>\n            <InputField\n              label={'Auth token'}\n              name={''}\n              type={'text'}\n              readOnly\n              disabled\n              value={token}\n              placeholder={'Auth token will appear here'}\n            />\n          </TokenOutput>\n          <div>\n            <Button\n              $variant={'primary'}\n              disabled={isLoading}\n              onClick={() => {\n                validateTokenWithApi(token)\n              }}\n            >\n              Validate token\n            </Button>\n          </div>\n        </Spacer>\n      ) : null}\n    </Wrapper>\n  )\n}\n","import React, { Suspense } from 'react'\nimport { Loader } from '@components/Basic/Loader'\n\nconst ComponentLazy = React.lazy(() => import('./Router'))\n\nexport const AdminPages = () => {\n  return (\n    <Suspense\n      fallback={\n        <div\n          style={{\n            position: 'relative',\n            height: 200,\n          }}\n        >\n          <Loader $active $dimmer $size={'large'} />\n        </div>\n      }\n    >\n      <ComponentLazy />\n    </Suspense>\n  )\n}\n","import React from 'react'\nimport { ProgressDivStyled } from '@components/Basic/ProgressBar/styled'\n\nexport interface ProgressProps {\n  $progress: number\n  $theme: 'primary'\n}\n\nexport const ProgressBar: React.VFC<ProgressProps> = ({\n  $progress,\n  $theme,\n}) => {\n  return <ProgressDivStyled $progress={$progress} $theme={$theme} />\n}\n","import React from 'react'\nimport {\n  ContainerStyled,\n  IconWrapperStyled,\n  FastAppSurveyWrapperStyled,\n  HeaderStyled,\n  LoaderWrapperStyled,\n  LogoStyled,\n  BrandLogoStyled,\n} from './styled'\nimport { Loader } from '@components/Basic/Loader'\nimport { ProgressBar } from '@components/Basic/ProgressBar'\nimport { Form, FormProps } from '@components/FastAppSurvey/Form'\nimport logo from '@assets/images/logo-lb.png'\nimport { AiOutlineArrowRight } from 'react-icons/ai'\n\nexport interface Props extends Pick<FormProps, 'onSubmitSuccess'> {\n  isLoading?: boolean\n  loadingText?: string\n  step: 0 | 1 | 2\n  integrationsData?: {\n    source?: {\n      name: string\n      logo: string\n    }\n    destination?: {\n      name: string\n      logo: string\n    }\n  }\n}\n\nexport const FastAppSurvey: React.FC<Props> = ({\n  step,\n  isLoading,\n  loadingText,\n  integrationsData,\n  onSubmitSuccess,\n}) => {\n  return (\n    <ContainerStyled>\n      <BrandLogoStyled>\n        <img src={logo} alt='' />\n      </BrandLogoStyled>\n      <HeaderStyled>\n        <h2>{`We're setting up your connection`}</h2>\n        {integrationsData &&\n          integrationsData.source &&\n          integrationsData.destination && (\n            <IconWrapperStyled>\n              <div>\n                <LogoStyled\n                  src={integrationsData.source.logo}\n                  alt={integrationsData.source.name}\n                  title={integrationsData.source.name}\n                />\n                <AiOutlineArrowRight />\n                <LogoStyled\n                  src={integrationsData.destination.logo}\n                  alt={integrationsData.destination.name}\n                  title={integrationsData.destination.name}\n                />\n              </div>\n              <ProgressBar\n                $progress={step === 0 ? 5 : step === 1 ? 50 : 100}\n                $theme={'primary'}\n              />\n            </IconWrapperStyled>\n          )}\n      </HeaderStyled>\n      <FastAppSurveyWrapperStyled>\n        {isLoading ? (\n          <LoaderWrapperStyled>\n            <Loader $active $size={'large'} $text={loadingText} />\n          </LoaderWrapperStyled>\n        ) : (\n          <Form onSubmitSuccess={onSubmitSuccess} />\n        )}\n      </FastAppSurveyWrapperStyled>\n    </ContainerStyled>\n  )\n}\n","import React, { useEffect, useState } from 'react'\nimport { useHistory, useLocation, useParams } from 'react-router-dom'\nimport {\n  validatePersistentBbuData,\n  retryButtonPartnerLink,\n  userStatusForSurvey,\n} from '@app/pages/BridgeByUrlCallback/utils'\nimport queryString from 'query-string'\nimport { Button } from '@components/Basic/Button'\nimport { useGenericBbuAuth } from '@app/pages/BridgeByUrlCallback/useGenericBbuAuth'\nimport { BbuCallbackRouteParams, PersistentBbuData } from 'LeadsBridgeApp'\nimport { PersistentLocalStorageKeys } from '@app/enums/persistentLocalStorageKeys'\nimport { FastAppSurvey } from '@components/FastAppSurvey'\nimport { endpoints, getApiErrorMessage } from '@app/api/config'\nimport { Message } from '@components/Basic/Message'\nimport { Container } from 'react-grid-system'\nimport { useTranslation } from 'react-i18next'\nimport { apiAuthClient } from '@app/services/apiAuthClient'\nimport { appRoutes } from '@app/routes'\nimport { trackEvent } from '@app/dataTracking'\n\ninterface Props {\n  isMountedInLoggedRoute: boolean\n}\n\nexport const BridgeByUrlCallback: React.FC<Props> = ({\n  isMountedInLoggedRoute,\n}) => {\n  // can user reach this also when logged in?\n  const { partnerFullName } = useParams<BbuCallbackRouteParams>()\n  const location = useLocation()\n  const history = useHistory()\n  const persistentBbuData: PersistentBbuData = JSON.parse(\n    window.sessionStorage.getItem(\n      PersistentLocalStorageKeys.bbuPersistentData\n    ) || '{}'\n  )\n  const { t } = useTranslation()\n\n  const authLbCode = queryString.parse(location.search).lb_code as\n    | string\n    | undefined\n\n  // ui states\n  const [isLoading, setIsLoading] = useState(true)\n  const [progressStep, setProgressStep] = useState<0 | 1 | 2>(0)\n  const [loadingText, setLoadingText] = useState(\n    'We are connecting your account'\n  )\n  const [hasJustCompletedSurvey, setHasJustCompletedSurvey] = useState(false)\n  const [genericApiError, setGenericApiError] = useState('')\n\n  // before using data from local storage, it's always better to validate them\n  const validPersistentBbuData = validatePersistentBbuData(persistentBbuData)\n    ? persistentBbuData\n    : null\n\n  const errorMissingStartingData = !validPersistentBbuData\n    ? t('bbu.callback.missingPersitentData')\n    : !authLbCode\n    ? t('bbu.callback.missingAuthLbCode')\n    : null\n\n  // when user is not logged in\n  const { userStatus, apiError } = useGenericBbuAuth({\n    provider: partnerFullName,\n    authCode: authLbCode,\n    requestUri: validPersistentBbuData?.requestUri,\n    bbuData: validPersistentBbuData,\n  })\n\n  const persistentUserStatus = localStorage.getItem(\n    PersistentLocalStorageKeys.bbuPersistentUserStatus\n  )\n\n  const surveyNeeded =\n    userStatusForSurvey.includes(persistentUserStatus || '') ||\n    userStatusForSurvey.includes(userStatus || '')\n\n  const handleFinalStep = () => {\n    // As decided in SB-782 we take the user to nbee step1 instead of calling setupBridge\n    // https://leadsbridge.atlassian.net/browse/SB-782\n    window.sessionStorage.removeItem(\n      PersistentLocalStorageKeys.bbuPersistentData\n    )\n    try {\n      const bbuUrl = new URL(validPersistentBbuData!.requestUri).pathname\n      history.push(bbuUrl)\n    } catch {\n      history.push(appRoutes.nbeeStep1New.makeUrl())\n    }\n  }\n\n  useEffect(() => {\n    if (hasJustCompletedSurvey) {\n      // if user has just completed survay, surveyNeeded will mutate and we don't want to proceed with this useEffect\n      return\n    }\n\n    if (!isMountedInLoggedRoute) {\n      // we want to be sure this component has been mounted in it's final state, to prevent firing api requests twice\n      // note that we can't rely on redux, because redux store will be updated before the remount of this component in the signed-in routes\n      return\n    }\n\n    if (surveyNeeded) {\n      console.log('User is logged in but survey is needed')\n      trackEvent({\n        eventName: 'FastSurveyShown',\n        feature: 'Authentication',\n        step: 'Signup',\n      })\n      setProgressStep(1)\n      setIsLoading(false)\n    } else {\n      console.log(\n        'User is logged in and already has own email (survey is not needed), so we can call handleOauth (private endpoint) + setupBridge'\n      )\n      setProgressStep(2)\n      setLoadingText('We are connecting your account')\n\n      apiAuthClient\n        .post(endpoints.handleOauthLoggedUser, {\n          provider: partnerFullName,\n          authCode: authLbCode,\n          requestUri: validPersistentBbuData?.requestUri,\n        })\n        .then(() => {\n          setLoadingText('We are setting up your bridge')\n          handleFinalStep()\n        })\n        .catch((error) => {\n          setGenericApiError(\n            getApiErrorMessage({\n              error,\n            })\n          )\n        })\n    }\n  }, [isMountedInLoggedRoute, surveyNeeded, hasJustCompletedSurvey])\n\n  // SHOW ERROR\n  if (errorMissingStartingData || apiError || genericApiError) {\n    return (\n      <div>\n        <Container>\n          <Message $header={'Error'} $status={'error'}>\n            {errorMissingStartingData && <p>{errorMissingStartingData}</p>}\n            {apiError && (\n              <div\n                dangerouslySetInnerHTML={{\n                  // error messages from api could arrive as html\n                  __html: apiError,\n                }}\n              />\n            )}\n            {genericApiError && (\n              <div\n                dangerouslySetInnerHTML={{\n                  // error messages from api could arrive as html\n                  __html: genericApiError,\n                }}\n              />\n            )}\n\n            {/* api can return a link for the retry inside the error message (as html) */}\n            {/* It's not the best solution, but it's the good enough for now */}\n            {apiError.includes('<a ') ? null : (\n              <Button\n                className={'mt-1'}\n                $variant={'secondary'}\n                onClick={() => {\n                  if (validPersistentBbuData?.requestUri) {\n                    // we already validate `requestUri` so it's safe to do build a `new URL`\n                    history.push(\n                      new URL(validPersistentBbuData.requestUri).pathname\n                    )\n                    return\n                  }\n\n                  if (retryButtonPartnerLink[partnerFullName]) {\n                    window.location.href =\n                      retryButtonPartnerLink[partnerFullName]\n                  } else {\n                    window.location.reload()\n                  }\n                }}\n              >\n                Retry\n              </Button>\n            )}\n          </Message>\n        </Container>\n      </div>\n    )\n  }\n\n  return (\n    <>\n      <FastAppSurvey\n        isLoading={isLoading}\n        step={progressStep}\n        integrationsData={{\n          source: validPersistentBbuData?.source,\n          destination: validPersistentBbuData?.destination,\n        }}\n        loadingText={loadingText}\n        onSubmitSuccess={() => {\n          setHasJustCompletedSurvey(true)\n          localStorage.removeItem(\n            PersistentLocalStorageKeys.bbuPersistentUserStatus\n          )\n          setIsLoading(true)\n          setProgressStep(2)\n          setLoadingText('We are creating your bridge')\n          handleFinalStep()\n        }}\n      />\n    </>\n  )\n}\n","import React, { Suspense } from 'react'\nimport { Loader } from '@components/Basic/Loader'\n\nconst CheckoutLazy = React.lazy(() => import('./CheckoutPageComponent'))\n\nexport const CheckoutPage = () => {\n  return (\n    <Suspense\n      fallback={\n        <div\n          style={{\n            position: 'relative',\n            height: 200,\n          }}\n        >\n          <Loader $active $dimmer $size={'large'} />\n        </div>\n      }\n    >\n      <CheckoutLazy />\n    </Suspense>\n  )\n}\n","import React, { Suspense } from 'react'\nimport { Loader } from '@components/Basic/Loader'\n\nconst ComponentLazy = React.lazy(() => import('./Router'))\n\nexport const GoogleAdsAccountRouter = () => {\n  return (\n    <Suspense\n      fallback={\n        <div\n          style={{\n            position: 'relative',\n            height: 200,\n          }}\n        >\n          <Loader $active $dimmer $size={'large'} />\n        </div>\n      }\n    >\n      <ComponentLazy />\n    </Suspense>\n  )\n}\n","import React from 'react'\nimport { Route, Switch } from 'react-router-dom'\nimport { appRoutes } from '@app/routes'\nimport { IncomingDataScreen } from './IncomingDataScreen'\nimport { IncomingDataScreenSave } from './IncomingDataScreenSave'\nimport { IncomingDataScreenFields } from './IncomingDataScreenFields'\n\nexport const IncomingDataRouter: React.FC = () => {\n  return (\n    <Switch>\n      <Route\n        exact\n        path={appRoutes.incomingDataScreen.path}\n        component={IncomingDataScreen}\n      />\n      <Route\n        exact\n        path={appRoutes.incomingDataScreenEdit.path}\n        component={IncomingDataScreen}\n      />\n      <Route\n        exact\n        path={appRoutes.incomingDataScreenFields.path}\n        component={IncomingDataScreenFields}\n      />\n      <Route\n        exact\n        path={appRoutes.incomingDataScreenSave.path}\n        component={IncomingDataScreenSave}\n      />\n    </Switch>\n  )\n}\n","import React from 'react'\nimport { Route, Switch } from 'react-router-dom'\nimport { appRoutes } from '@app/routes'\nimport { IntegrationAuthScreenEdit } from './IntegrationAuthScreenEdit'\nimport { IntegrationAuthScreen } from './IntegrationAuthScreen'\nimport { IntegrationHome } from '@app/pages/Integration/IntegrationHome'\nimport { IntegrationAuthCallback } from './IntegrationAuthCallback'\nimport { IntegrationAuthCallback2 } from './IntegrationAuthCallback2'\n\nexport const IntegrationRouter: React.FC = () => {\n  return (\n    <Switch>\n      <Route\n        exact\n        path={appRoutes.integrationAuthScreenCallback2.path}\n        component={IntegrationAuthCallback2}\n      />\n      <Route\n        exact\n        path={appRoutes.integrationAuthScreenCallback.path}\n        component={IntegrationAuthCallback}\n      />\n      <Route\n        path={[\n          appRoutes.integrationAuthScreenEdit.path,\n          appRoutes.integrationAuthScreenEditWithBridgeId.path,\n          appRoutes.integrationAuthScreenEditStep2.path,\n        ]}\n        exact\n        component={IntegrationAuthScreenEdit}\n      />\n      <Route\n        path={appRoutes.integrationAuthScreen.path}\n        exact\n        component={IntegrationAuthScreen}\n      />\n      <Route component={IntegrationHome} />\n    </Switch>\n  )\n}\n","import React, { useEffect } from 'react'\nimport { Auth } from 'aws-amplify'\nimport { useHistory } from 'react-router-dom'\nimport queryString from 'query-string'\nimport { sendToast } from '../../store/actions/ApplicationConfigurationActions'\nimport { Loader } from '@components/Basic/Loader'\nimport { useAppDispatch } from '@app/store/hooks'\nimport { clearPersistentData } from '@app/pages/Logout/clearPersistentData'\nimport { forgetUser } from '@app/dataTracking'\nimport { useTranslation } from 'react-i18next'\n\nconst Logout: React.FC = () => {\n  const dispatch = useAppDispatch()\n  const history = useHistory()\n  const search = (window.location.search || '').replace('??', '?') // remove double ?? generate by v1\n  const qs = queryString.parse(search)\n  const { t } = useTranslation()\n\n  // https://leadsbridge.atlassian.net/browse/SB-572\n  // In order to logout the user also from V1 we need to load the v1/app/logout url inside an iframe.\n  // Strategy is to inject an iframe, prevent infinite injections  by checking the presence of `preventRedirect` in query string\n  // When this code/component is loaded inside the iframe we detect `preventRedirect` and send a post message to paret\n  // Parent (this same component) receives the message and performs a logout in cognito and redirect user to `path` where they was or to `/`\n  const isInIframe = qs.preventRedirect || qs.path?.includes('preventRedirect')\n\n  // Create the iframe to load v1 logout\n  useEffect(() => {\n    if (isInIframe) {\n      console.log('We are in iframe')\n      window.postMessage({ hasV1LoggedOut: true }, '*')\n      return\n    }\n\n    if (document.getElementById('logout-v1-iframe')) {\n      // we don't want each re-rendering to create new iframes\n      return\n    }\n\n    // we need to be sure that the iframe url contains preventRedirect so V1 will keep it during redirection\n    // and we won't create infinite loop of iframes\n    const logoutV1Url = `${process.env.REACT_APP_V1_URL}/logout?preventRedirect=1`\n    const iframe = document.createElement('iframe')\n    iframe.src = logoutV1Url\n    iframe.id = 'logout-v1-iframe'\n    iframe.style.position = 'absolute'\n    iframe.style.top = '-1000px'\n    iframe.style.opacity = '0'\n    document.body.appendChild(iframe)\n  }, [])\n\n  // Generic function to logout the user\n  const logoutFromCognitoAndRedirectUser = () => {\n    if (isInIframe) {\n      return // parent will be in charge, no need to do this in iframe\n    }\n    // remove cookies and localStorage\n    clearPersistentData().then(() => {\n      forgetUser() //  flush segment user info\n      Auth.signOut().then(() => {\n        const postLogoutUrl = `${qs.path || '/'}`\n        console.log('Logout from Cognito -> Redirect user to -> ', postLogoutUrl)\n        history.push(postLogoutUrl)\n      })\n    })\n  }\n\n  // We are expecting to receive data as postMessage from parent window\n  // Once we have received the message we can proceed with the v2 logout\n  const messageReceiverFn = function (event: MessageEvent) {\n    if (event.data.hasV1LoggedOut) {\n      console.log('Received post message from logout iframe')\n      logoutFromCognitoAndRedirectUser()\n    }\n  }\n  useEffect(() => {\n    window.addEventListener('message', messageReceiverFn)\n    return () => window.removeEventListener('message', messageReceiverFn)\n  }, [])\n  // in case something goes wrong, we proceed with the logout after few seconds\n  useEffect(() => {\n    setTimeout(() => {\n      console.log('logout timeout')\n      logoutFromCognitoAndRedirectUser()\n    }, 6000)\n  }, [])\n\n  // display toast to notify something to user (eg. session is expired)\n  useEffect(() => {\n    if (qs && qs.message) {\n      try {\n        const encodedStringAtoB = window.atob(qs.message.toString())\n        const JSONParsed = JSON.parse(encodedStringAtoB)\n        const alertTitle = JSONParsed.title ?? ''\n        const alertMessage = t('auth.logout.toastMessage') ?? ''\n        const alertColor = JSONParsed.type ?? 'negative'\n        dispatch(\n          sendToast({\n            title: alertTitle,\n            message: alertMessage,\n            color: alertColor,\n          })\n        )\n      } catch (e) {}\n    }\n  }, [])\n\n  return (\n    <div>\n      <Loader $active />\n    </div>\n  )\n}\n\nexport default Logout\n","import React from 'react'\nimport { Route, Switch } from 'react-router-dom'\nimport { appRoutes, bridgeByUrlPartnersPaths } from '@app/routes'\nimport { Step1Edit } from '@app/pages/Nbee/Step1Edit'\nimport { Step1 } from '@app/pages/Nbee/Step1'\nimport { Step2 } from '@app/pages/Nbee/Step2'\nimport { NbeeHome } from '@app/pages/Nbee/NbeeHome'\nimport { Step3 } from '@app/pages/Nbee/Step3'\nimport { BridgeChooser } from '@app/pages/Nbee/BridgeChooser'\nimport { InfoPage } from '@features/nbee/StepCompleted/InfoPage'\n\nexport const NbeeRouter: React.FC = () => {\n  return (\n    <Switch>\n      <Route exact path={appRoutes.nbeeInfoPage.path} component={InfoPage} />\n      <Route\n        exact\n        path={[\n          appRoutes.nbeeBridgeChooserStep1.path,\n          appRoutes.nbeeBridgeChooserStep2.path,\n        ]}\n        component={BridgeChooser}\n      />\n      <Route exact path={appRoutes.nbeeStep1New.path} component={Step1} />\n      <Route\n        exact\n        path={[\n          appRoutes.nbeeAppBbu.path,\n          appRoutes.signupBbu.path,\n          ...bridgeByUrlPartnersPaths,\n        ]}\n        component={Step1}\n      />\n      <Route exact path={appRoutes.nbeeStep1Edit.path} component={Step1Edit} />\n      <Route exact path={appRoutes.nbeeStep2.path} component={Step2} />\n      <Route exact path={appRoutes.nbeeStep3.path} component={Step3} />\n      <Route component={NbeeHome} />\n    </Switch>\n  )\n}\n","import React, { Suspense } from 'react'\n\nconst PricingLazy = React.lazy(() => import('./PricingPageComponent'))\n\nexport const PricingPage = () => {\n  return (\n    <Suspense\n      fallback={\n        <div\n          style={{\n            position: 'relative',\n            height: 200,\n          }}\n        ></div>\n      }\n    >\n      <PricingLazy />\n    </Suspense>\n  )\n}\n","import React from 'react'\nimport { SignupLayout } from '@features/signup/SignupLayout'\nimport { Content } from '@features/signup/SignupContent/Content'\nimport { SignUpForm } from '@features/signup/SignupForm'\nimport { useTranslation } from 'react-i18next'\nimport signupGenericImage from '@assets/images/signup-generic.svg'\n\nexport const SignUp: React.FC = () => {\n  const { t } = useTranslation()\n\n  return (\n    <>\n      <SignupLayout\n        hideLeftOnMobile\n        leftSlot={\n          <Content\n            section={<img src={signupGenericImage} />}\n            headerText={t('auth.signup.headline')}\n            subText={t('auth.signup.subHeadline')}\n          />\n        }\n        rightSlot={\n          <SignUpForm\n            title={t('auth.signup.formTitle')}\n            showGoogleButton\n            showFacebookButton\n          />\n        }\n      />\n    </>\n  )\n}\n","import React from 'react'\nimport { SignupLayout } from '@features/signup/SignupLayout'\nimport { Content } from '@features/signup/SignupContent/Content'\nimport { SignUpForm } from '@features/signup/SignupForm'\nimport { useTranslation } from 'react-i18next'\nimport signupGenericImage from '@assets/images/signup-generic.svg'\nimport lbLogo from '@assets/images/logo_lb_extended.svg'\nimport heartImg from '@assets/images/heart.svg'\nimport appSumoLogo from '@assets/images/appsumo-logo.svg'\n\nconst appSumoHeader = (\n  <>\n    <img src={lbLogo} width={140} alt={'LeadsBridge'} />\n    <img src={heartImg} style={{ margin: '0 .5rem' }} alt={'heart'} />\n    <img src={appSumoLogo} alt={'appSumo'} width={100} height={16} />\n  </>\n)\n\nexport const SignUpAppSumo: React.FC = () => {\n  const { t } = useTranslation()\n\n  return (\n    <>\n      <SignupLayout\n        hideLeftOnMobile\n        leftSlot={\n          <Content\n            section={<img src={signupGenericImage} />}\n            headerText={t('auth.signup.headline')}\n            subText={t('auth.signup.subHeadline')}\n          />\n        }\n        rightSlot={\n          <SignUpForm\n            title={t('auth.signup.formTitleAppSumo')}\n            isAppSumo\n            showIndustries\n            showCoupon\n            header={appSumoHeader}\n          />\n        }\n      />\n    </>\n  )\n}\n","import React from 'react'\nimport {\n  ContainerStyled,\n  ImgBoxStyled,\n  ImgWrapperStyled,\n  HeaderTextStyled,\n  IconWrapperStyled,\n} from './styled'\nimport noDataPng from '@assets/images/no-data.png'\nimport { Loader } from '@components/Basic/Loader'\nimport { AiOutlinePlusCircle } from 'react-icons/ai'\n\ninterface ImgSquareProps {\n  logoUri?: string\n  name?: string\n  isLoading?: boolean\n}\n\nconst ImgSquare = ({ logoUri, name, isLoading }: ImgSquareProps) => (\n  <ImgBoxStyled>\n    {isLoading ? (\n      <Loader $active />\n    ) : (\n      <>\n        <img src={logoUri || noDataPng} alt={name} />\n        {name && <p>{name}</p>}\n      </>\n    )}\n  </ImgBoxStyled>\n)\n\ninterface BbuContentProps {\n  sourceLogoUri?: string\n  sourceName?: string\n  destinationLogoUri?: string\n  destinationName?: string\n  headline?: string\n}\nexport const BbuContent: React.FC<BbuContentProps> = ({\n  sourceLogoUri,\n  sourceName,\n  destinationLogoUri,\n  destinationName,\n  headline,\n}) => {\n  return (\n    <ContainerStyled>\n      <ImgWrapperStyled>\n        <ImgSquare logoUri={sourceLogoUri} name={sourceName} />\n        <IconWrapperStyled>\n          <span />\n          <AiOutlinePlusCircle style={{ margin: '0' }} color='white' />\n          <span />\n        </IconWrapperStyled>\n        <ImgBoxStyled>\n          <ImgSquare logoUri={destinationLogoUri} name={destinationName} />\n        </ImgBoxStyled>\n      </ImgWrapperStyled>\n      {headline ? (\n        <HeaderTextStyled>\n          {headline ||\n            `Use LeadsBridge to connect ${sourceName} with ${destinationName}`}\n        </HeaderTextStyled>\n      ) : null}\n    </ContainerStyled>\n  )\n}\n","import React from 'react'\nimport { SignupLayout } from '@features/signup/SignupLayout'\nimport { Content } from '@features/signup/SignupContent/Content'\nimport { SignUpForm } from '@features/signup/SignupForm'\nimport { BbuContent } from '@features/signup/BbuContent'\nimport { useTranslation } from 'react-i18next'\nimport { BbuRouteParams } from 'LeadsBridgeApp'\nimport { useParams } from 'react-router-dom'\nimport { useFetchIntegrationsMetaForBridgeByUrl } from '@app/api/integrationTools'\nimport { Loader } from '@components/Basic/Loader'\nimport signupGenericImage from '@assets/images/signup-generic.svg'\n\n// example url for testing:\n// http://localhost:3000/bc/lb/facebook-lead-ads/google-sheets\nexport const SignUpBbu: React.FC = () => {\n  const { t } = useTranslation()\n  const { source, destination }: BbuRouteParams = useParams()\n\n  const { isLoading, data: bbuAppsInfo } =\n    useFetchIntegrationsMetaForBridgeByUrl(source, destination)\n\n  // prepare content in case of bbu\n  const sourceName = bbuAppsInfo?.source?.name\n  const sourceLogoUri = bbuAppsInfo?.source.logoSmallUri\n  const destinationName = bbuAppsInfo?.destination?.name\n  const destinationLogoUri = bbuAppsInfo?.destination.logoSmallUri\n  const headline = bbuAppsInfo?.meta?.headline\n  const isValidBbuUri = Boolean(sourceName && destinationName)\n\n  return (\n    <>\n      <SignupLayout\n        leftSlot={\n          <Content\n            section={\n              isLoading ? (\n                <div style={{ position: 'relative' }}>\n                  <Loader $active $inverted />\n                </div>\n              ) : isValidBbuUri ? (\n                <BbuContent\n                  sourceName={sourceName}\n                  sourceLogoUri={sourceLogoUri}\n                  destinationLogoUri={destinationLogoUri}\n                  destinationName={destinationName}\n                  headline={headline}\n                />\n              ) : (\n                // if is not a valid bbuUri, we display the default signup content as fallback\n                <Content\n                  section={<img src={signupGenericImage} />}\n                  headerText={t('auth.signup.headline')}\n                  subText={t('auth.signup.subHeadline')}\n                />\n              )\n            }\n          />\n        }\n        rightSlot={\n          <SignUpForm\n            title={t('auth.signup.formTitle')}\n            showGoogleButton\n            showFacebookButton\n          />\n        }\n      />\n    </>\n  )\n}\n","import React, { Suspense } from 'react'\nimport { Loader } from '@components/Basic/Loader'\n\nconst ComponentLazy = React.lazy(\n  () => import('./SignupBbuFallbackSurveyComponent')\n)\n\nexport const SignupBbuFallbackSurvey = () => {\n  return (\n    <Suspense\n      fallback={\n        <div\n          style={{\n            position: 'relative',\n            height: 200,\n          }}\n        >\n          <Loader $active $dimmer $size={'large'} />\n        </div>\n      }\n    >\n      <ComponentLazy />\n    </Suspense>\n  )\n}\n","import React from 'react'\nimport { SimplePage } from '@app/layouts/SimplePage'\nimport styled from 'styled-components'\nimport superHeroImg from '@assets/images/superhero.svg'\nimport { Button } from '@components/Basic/ButtonNbe'\nimport { useHistory, useLocation } from 'react-router-dom'\nimport { useSelector } from 'react-redux'\nimport { RootState } from '@app/index'\nimport { resetPath } from '@app/store/actions/ApplicationConfigurationActions'\nimport { useAppDispatch } from '@app/store/hooks'\n\nexport const WrapperStyled = styled.div`\n  height: 100%;\n  margin: 12rem auto;\n  text-align: center;\n\n  h2 {\n    font-size: 1.5rem;\n    font-weight: 700;\n    color: #273649;\n  }\n\n  img {\n    margin: 2rem 0;\n    width: 16rem;\n  }\n\n  p {\n    font-size: 0.875rem;\n    font-weight: 700;\n    margin: 0;\n  }\n\n  button {\n    margin-top: 2rem;\n    width: 15rem;\n  }\n`\n\nexport type ThankYouPageState = {\n  title: string\n  description: string[]\n  ctaText: string\n}\n\nexport const ThankYouPage: React.FC = () => {\n  const history = useHistory()\n  const dispatch = useAppDispatch()\n  const { state } = useLocation<ThankYouPageState>()\n  const prevPath: string | null = useSelector(\n    (state: RootState) => state.application.path\n  )\n\n  // we set some defaults in case state is missing\n  const title = state?.title || 'Thank you'\n  const description = state?.description || ['Your request has been processed.']\n  const ctaText = state?.ctaText || 'Continue'\n\n  return (\n    <SimplePage>\n      <WrapperStyled>\n        <h2>{title}</h2>\n        <img src={superHeroImg} alt={'super hero'} />\n        {description.map((row, idx) => (\n          <p key={idx}>{row}</p>\n        ))}\n        <Button\n          $size={'large'}\n          $variant={'action'}\n          onClick={() => {\n            if (prevPath) {\n              history.push(prevPath)\n              dispatch(resetPath())\n            } else {\n              window.location.href = process.env.REACT_APP_V1_URL! || ''\n            }\n          }}\n        >\n          {ctaText}\n        </Button>\n      </WrapperStyled>\n    </SimplePage>\n  )\n}\n","import { combineReducers } from 'redux'\nimport { ApplicationConfigurationReducer } from './reducers/ApplicationConfigurationReducer'\nimport { FbAppStoreReducer } from './reducers/FbAppStoreReducer'\nimport { UserReducer } from './reducers/UserReducer'\nimport { configureStore } from '@reduxjs/toolkit'\nimport { IntegrationListenerReducer } from './reducers/IntegrationListenerReducer'\n\nconst rootReducer = combineReducers({\n  application: ApplicationConfigurationReducer,\n  appStore: FbAppStoreReducer,\n  user: UserReducer,\n  integrationListener: IntegrationListenerReducer,\n})\n\nconst store = configureStore({\n  reducer: rootReducer,\n  devTools: process.env.NODE_ENV !== 'production',\n  middleware: (getDefaultMiddleware) =>\n    getDefaultMiddleware({\n      serializableCheck: {\n        // Ignore these field paths to handle buttons ReactNode in Alert component\n        ignoredActionPaths: ['payload.buttons'],\n        ignoredPaths: ['application.alert'],\n      },\n    }),\n})\n\nexport default store\n"],"names":["Button","$variant","children","props","icon","style","marginLeft","disabled","$size","$hasIcon","$loading","$loadingText","$minWidth","hasMinWidth","Boolean","Container","theme","container","large","medium","$marginY","FakeInput","required","text","tooltipProps","place","type","effect","border","borderColor","className","FiltersIcons","handleCopy","handleAdd","handleDelete","isDeleteDisabled","isAddDisabled","isCopyDisabled","isBridgeDisabled","t","id","onClick","size","InputText","variant","input","success","error","default","InputFeedback","$status","Loader","$text","$dimmer","Message","$header","customStyles","content","top","left","right","bottom","margin","width","borderRadius","boxShadow","marginRight","transform","backgroundColor","overlay","zIndex","noPaddingStyles","undefined","minWidth","height","maxHeight","maxWidth","padding","overflow","secondaryCustomStyles","minimizeCustomStyles","expandCustomStyles","position","ResizeWrapper","IconsWrapper","CloseIcon","isTransparent","noPadding","Modal","isOpen","onCloseModal","hideCloseButton","isResizable","isWide","isExpand","setIsExpand","useState","windowWidth","setWindowWidth","window","innerWidth","useEffect","handleResize","addEventListener","removeEventListener","wideCustomStyles","onRequestClose","preventScroll","StateIcon","state","iconSize","icons","color","empty","RefreshButton","font","family","link","TinyTextualButton","rest","ButtonProvider","provider","scope","onBeforeAuth","onAuthSuccess","onAuthError","dataWidth","signupParams","getCaptchaToken","location","matchBBuPath","pathname","path","exact","strict","bbuUri","isExact","origin","isGoogleButtonCustomLoaded","setIsGoogleButtonCustomLoaded","googleButtonToUseForSignup","setGoogleButtonToUseForSignup","sdkFailedToLoad","setSdkFailedToLoad","canUpdateState","useRef","current","handleSdkLoadError","handleExternalProviderAuth","oauthToken","recaptchaToken","tapExistingCookieData","console","log","tapVisitorId","tapClickId","authResponse","referralUri","document","referrer","catch","parsedError","message","code","eventName","feature","step","params","custom","errorCode","errorDescription","planId","cbPlan","sendEventToIntercom","userInfo","data","userCredentials","credentials","username","idToken","accessToken","refreshToken","then","r","Error","onTokenRetrived","onSdkLoadError","opacity","onGoogleLegacySdkInitSuccess","onGoogleLegacySdkInitError","providerRender","ConnectedPopupWindow","urlToOpen","widthPx","heightPx","onPopupOpen","onPopupClose","initialData","skipOriginCheck","popupName","popup","isClosedRef","intervalId","dataFromPopup","features","open","currentPopup","focus","close","setInterval","closed","clearInterval","Dropdown","$direction","dropdownButton","$lineSeparatorMenuItem","setIsOpen","closeDropdownHandler","clickAwayRef","ref","p","Checkbox","value","checked","onChange","name","inputProps","InputDomain","$protocolLabel","$domainLabel","InputField","label","slotLeft","slotRight","$hasMargin","defaultLabel","floatingLabel","fieldIsUnavailable","inputRefCallback","inputId","isFocused","setIsFocused","hasValue","setHasValue","inputRef","htmlFor","isFloating","toUpperCase","onFocus","event","onBlur","paddingTop","paddingBottom","marginTop","InputSelect","$label","$options","$optionsLabel","selectId","map","option","key","InputSmartSelect","initialValues","isClearable","onSelect","placeholder","defaultValue","isSearchable","noOptionsMessageText","addNewOptionButton","onInputChange","hasCustomSearch","isLoading","loadOptions","isMulti","isDisabled","menuIsOpen","noIcon","tooltipMessage","addActionClick","extraLabel","secondaryStyles","emailValidation","keyDown","isVerified","isFormulas","upDownIconsStyle","largeUpDownIconsStyle","dataTestId","wrapperEl","selectedSingleValueEl","isLabelTooLong","extraProps","tooltipInternalLabel","tooltipExternalMessage","noDropdownIndicator","DropdownIndicator","IndicatorSeparator","components","Option","SingleValue","Control","Menu","MenuList","ValueContainer","IndicatorsContainer","styles","defaultOptions","selectedValue","options","noOptionsMessage","newValue","filterOption","onKeyDown","InputToggle","$isChecked","$labelLeft","$labelRight","$isDisabled","Label","$disabled","allowsHtml","labelId","L","dangerouslySetInnerHTML","__html","LabelWrapper","DocUrl","LabelWithDocTooltip","docUrl","isRequired","tooltip","href","target","rel","MultiCreatableCustom","mappedField","fieldIndex","onMappingChange","onFormulaSelect","onRedirectToPricing","sourceOptions","picklistOptions","userHasFormulaEnabled","formulaSchema","sourceLogoUri","selectedOptions","setSelectedOptions","setMenuIsOpen","hasPicklist","picklist","length","defaultActiveTab","activeTab","setActiveTab","defaultValues","mapping","optionsDisabled","sourceLogoComponent","src","alt","handleMappingChange","newOptions","selectedOption","newMapping","mappingType","fieldType","newMappingWithFormula","sourceFieldId","formula","find","m","isNew","isNewFormula","handleTabChange","tabName","selectRef","MultiValue","MultiValueRemove","e","availableTabs","unshift","currentTabIndex","indexOf","preventDefault","inputValue","slice","openMenuOnClick","onMenuOpen","onMenuClose","hideSelectedOptions","isOptionSelected","isOptionDisabled","isValidNewOption","trim","actionMeta","action","updatedOption","filter","newOption","isFormula","Textarea","forwardRef","displayName","FormikInputSmartSelect","field","meta","helpers","errorMessage","touched","item","setTouched","currentValue","setValue","InputAutoSelectCopy","linkKey","isCopied","setIsCopied","handleCopyLink","select","execCommand","readOnly","PanelPopup","image","onClose","dismissable","useTranslation","isVisible","setIsVisible","timeoutId","setTimeout","clearTimeout","PanelPopupContext","createContext","Panel","head","body","footer","progressBarPercentage","setPopup","bodyPaddingBottom","setBodyPaddingBottom","bodyOuterRef","bodyInnerRef","footerRef","bodyOuterHeight","clientHeight","bodyInnerHeight","footerHasTopSeparator","Provider","sendPopup","extraPadding","ProgressBar","percentage","googleReCaptchaKey","ReCaptcha","getElementById","script","createElement","appendChild","googleScript","querySelector","remove","w","grecaptcha","execute","Translate","i18nKey","values","count","b","strong","a","br","SignupSurvey","bbuData","onSubmit","steps","title","validationSchema","formikHelpers","Fragment","activeStep","hasTopBar","InfoBarComponentLazy","lazy","SuperUserInfoBarWithQuery","userData","user","superUser","email","Suspense","fallback","fullName","firstName","lastName","SuperUserInfoBar","BillingDetails","billingInfo","onEditRequest","companyName","country","zip","phone","displayInfo","address","join","BillingBox","initialFormValues","onValuesChange","isDataEmpty","onStripeSubmit","isAddingNewInfo","setIsAddingNewInfo","countryCode","setCountryCode","noCompany","setNoCompany","validation","setValidation","countries","states","refetch","refetchStates","validateOnChange","validateOnBlur","formikProps","isCountryStates","SyncValuesWithParent","newValues","isValid","setFieldValue","handleValues","FormikInputCheckbox","FormikInputField","twoColumns","FormikInputSelect","Wrapper","hasPadding","CardInfo","CardBoxASideWrapper","CardBoxASideImageWrapper","BoxWrapperWithSideImage","showSecurePaymentLogo","ButtonWrapper","CreditCardBox","isAddingNewCard","setIsAddingNewCard","dispatch","isLoadingUser","refetchUserInfo","userBillingInfo","pricing","cards","creditCard","creditCardOwner","number","expiration","creditCardExpiration","card","mutate","storeCreditCardMutation","errorStoreCreditCard","storeLoadingStateCreditCard","onCreditCardTokenRetrieved","creditCardToken","onSuccess","onCancelRequest","idx","onEditCardRequest","CheckoutFooter","billingCircle","nextBillingDate","amountToPay","buttonLabel","isTrialAvailable","nextInvoiceAmount","isProrated","CheckoutTitleWrapper","isClickable","TitleStyled","CheckoutTitle","AccountActivate","billingData","handlePollingState","history","customerId","localStorage","getItem","push","topbarValue","backlink","url","AccountConnect","AccountCreationDone","AccountCreationFormInner","currenciesData","isLoadingCurrencies","timezonesData","isLoadingTimezones","AccountCreationForm","isSavingApi","enableReinitialize","validateOnMount","PageEditor","IntegrationPanel","integrationLogo","isTosAccepted","panelTitle","panelDescription","btnPrimaryLabel","btnPrimaryLink","isbtnPrimaryAccordion","btnLinkLabel","btnLinkUrl","accordionButtonLabel","accordionButtonUrl","closeTooltipText","handleAction","testIdPrimaryButton","testIdLinkButton","testIdPolicyButton","accordionCheckboxLabel","setOpen","textAlign","cursor","status","BridgeChooserForm","isEmbedded","setInitialData","validate","formikContext","pageTitle","isSubmitting","BridgeChooserRedirector","urlParams","sourceAppId","parseInt","destinationAppId","appCompatibilityCheck","isCheckingAppsCompatibility","obeUri","combination","nbeeUri","compatibility","to","EmailReceipt","bridgeId","emailReceiptUserModule","setValues","errors","isBridgeEnabled","ui","TitleWrapper","IconLockWrapper","moduleReceiptId","userEmail","isAvailableToUser","enabled","minimumPlanRequired","minimumPlan","updateBridgeToPricing","planLabelName","toString","settings","emailReceiptRecipients","emailReceipt","recipients","userDefaultRecipients","userDefaults","active","subject","canShow","isEmailReceiptCompatible","Object","keys","small","handleSubmit","emailReceiptValues","requiredLbPlanId","Text","Image","FieldMappingEmptyState","onResetFilterRequest","isFiltered","flattenErrors","errorObject","entries","reduce","messages","subErrors","FormulaModal","selectedMapping","sourceFieldOptions","index","mappingId","formulaId","modalTitle","fieldName","currentFieldValue","currentFieldMappingWithFormula","currentFieldFormula","currentFieldFormulaParams","formulaTemporaryState","setFormulaTemporaryState","isSubmitButtonDisabled","setIsSubmitButtonDisabled","singleFormulaSchema","isGettingSingleFormulaSchema","formulaName","category","formulaDescription","getParamDescription","paramId","singleFormulaSchemaParams","handleValueChange","updatedFormula","paramIndex","findIndex","getOptionsForSelectDropdown","selectedParam","Array","isArray","v","getDefaultValueForSelect","dropdownOptions","getDefaultValueForCreatableSelect","handleAbort","mappingIndex","newMappings","i","param","toLowerCase","replace","_","num","Number","char","display","wordWrap","maxLength","updatedMapping","HeaderSearch","totalFields","mappedFields","showAllFields","onShowAllFieldsRequest","isReloadingAllBridgeFields","onRefetchBridgeFieldRequest","isInTestScreen","maxFields","welcomeMessageProps","connectedApps","sourceApp","app","destinationApp","defaultTransparentPixel","sourceName","logoUriSmall","destinationName","destinationLogoUri","fieldsMappingValues","fieldsMapping","allAreMapped","every","allAreUnmapped","showFilterButton","HeaderSearchComponent","H","onRefetchFieldRequest","isReadonlyModeEnabled","emptyFilterRule","operator","AddFilterButtonModal","sourceFields","initialFilterRules","onSaveOrDeleteFilterRules","filterUserModules","filtersSchema","isGettingFiltersSchema","allInputsEmpty","setAllInputsEmpty","saveBridgeFilterRules","isSavingBridgeFilterRules","saveBridgeFilterRulesResult","deleteBridgeFilterRules","isDeletingBridgeFilterRules","deleteBridgeFilterRulesResult","deleteBridgeFilterRulesStatus","userHasFiltersEnabled","filterRules","setFilterRules","handleAddFilterRule","newIndex","Math","min","newFilterRules","splice","handleRemoveFilterRule","handleCopyFilterRule","handleFieldChange","selectedField","f","selectedFieldType","prevRules","newRules","handleOperatorChange","getDefaultSelectOption","fieldId","getOperatorsForSelect","schemaEntry","entry","rules","getInputTypeForCondition","rule","some","operatorRule","sourceFilters","conditions","Trans","ns","filterRule","fields","FilterRuleRow","isDefaultValueNotInSourceAnymore","el","fieldSelectDefaultValue","fieldSelectInitialValues","onFieldChange","operatorSelectDefaultValue","operatorSelectInitialValues","onOperatorChange","inputValueType","onValueChange","onCopyFilterRule","onAddFilterRule","onRemoveFilterRule","isRemoveFilterRuleDisabled","gap","requestBody","handleSubmitSaveFilters","AddFilterButton","allSourceFields","setRules","isModalOpen","toggleIsModalOpen","minimumPlanName","hasFilters","firstRule","firstRuleField","firstRuleCondition","firstRuleValue","otherRulesNumber","hasMoreThanOneRule","hasTwoRules","fontSize","paddingLeft","SendTestLeadFeedback","onBackToEditRequest","onProceedRequest","debugUri","REACT_APP_SUPPORT_URL","SendTestLeadSubForm","fieldsToRender","fieldMappingTestingFieldName","oldField","TestConnectionView","fieldMappingTesting","fieldsToTestResponse","errorGettingFieldsToTest","isLoadingFieldsToTest","isRefetching","isRefetchingFieldsToTest","isLoadingAll","apiError","sourceFieldsToTest","WelcomeMessageForm","bridgeFields","dropdownWrapperRef","textAreaRef","charToOpen","allAvailableCoupons","setAllAvailableCoupons","subjectField","metaSubject","helpersSubject","bodyField","metaBody","bodyHelpers","isCouponActive","couponActiveHelpers","couponsField","couponsHelpers","templateBasedFieldsMapping","subjectError","bodyError","subjectErrorStatus","bodyErrorStatus","coupons","inputSelectPosition","setInputSelectPosition","x","y","showDropdown","setShowDropdown","highlightedIndex","setHighlightedIndex","inputElement","setInputElement","lastFocusedField","setLastFocusedField","isFirstRender","setIsFirstRender","dropdownHeight","setDropdownHeight","textInsideBrackets","setTextInsideBrackets","filteredData","setFilteredData","source","templateFields","isSmsMessage","couponValue","Set","filtered","startsWith","newData","fieldRef","cursorPosition","selectionEnd","indexOfLastOpenBracket","lastIndexOf","newPosition","handleScroll","checkForChar","element","isClosingBracketDeleted","selectionStart","indexOfLastOpenBracketBeforeCursor","substring","handleFieldFocus","handleOnSelect","fieldToUpdate","helpersToUpdate","currentText","newText","newCursorPosition","setSelectionRange","handleInputChange","handleKeyDown","selectedItem","scrollIntoView","behavior","block","resize","outline","contains","items","alignItems","marginBottom","JSON","stringify","onPaste","newCoupons","clipboardData","getData","split","coupon","updatedCoupons","prev","FieldsMappingForm","allBridgeFields","bridgeFilterRulesList","onRefetchBridgeFormValues","availablePermissionChecks","showWelcomeMessage","testEnabled","userModulesResponse","isLoadingUserModules","appId","screenState","setScreenState","setShowAllFields","filterText","setFilterText","testLeadDebugUri","setTestLeadDebugUri","testLeadDebugError","setTestLeadDebugError","destinationFields","destination","isAPILoading","userModules","modules","formulaUserModules","fieldMappingModules","maxFieldsToMap","maxFieldsMapping","isSmsForm","isWelcomeMessageForm","isInFieldMappingForm","isInTestFieldMapping","isInTestFeedback","totalFieldsToMap","totalFieldsMapped","isTestLeadEnabled","infoBar","StatusBarBridge","manualStatus","onTopbarValueChange","newBridgeName","submitForm","FormInner","formulaUserModule","ButtonTestBeforeProceeding","isDisabledFromParent","isSavingFromParent","ButtonSendTestLead","onSendTestLead","IncomingDataFinalStep","onSave","integrationName","onEditIntegrationName","onCancel","isUpdatingIntegration","appName","showedName","textDecoration","IncomingDataInitialStep","appLogoUri","onContinueRequest","integrationListener","listenerType","slug","IncomingDataTable","fontWeight","lastValue","LoadingStep","setStep","prevState","loadingText","loadingTextTranslation","IncomingDataTableStep","isRecognizingFields","onContinue","isHeaderStuck","onReload","isConfirmingReload","activeBridges","totalBridges","resetConfirmingReload","tableRef","isStuck","setIsStuck","selectAll","setSelectAll","warningRef","isLastStepOfWarning","scrollTo","scrollHeight","justifyContent","newSelectAllState","updatedFields","recognizedFields","selectAllStatus","AppAuthCredentialForm","isOauthUri","skipParams","integrationId","isNotValidIntegrationErrorMessage","showName","setShowName","submitAction","setSubmitAction","hasError","setHasError","handleErrorsUpdate","integrationUsage","generateRedirectUri","isIntegrationUsed","oauth","setSubmitting","redirectUri","isLegacy","onError","flex","InfoSection","SubmitButton","isStepName","onSubmitRequest","IntegrationCredentialsContent","Header","Disclaimer","Body","Logo","Title","SubTitle","isFinalStepFromOauthFlow","embeddablePercentage","activeStepIndex","ModalTrialInfo","showSurpriseMessage","planName","NbeeError","statusCode","getDefaultSize","Skeleton","forElement","warn","defaultSizes","computedSizes","getSpecificSize","IntegrationSelector","parentAppId","isTesting","onTestIntegrationRequest","currentId","setCurrentId","refetchIntegrationsByAppId","u","selectedIdState","application","integrationIdField","integrationIdMeta","integrationIdHelpers","selectedIntegrationId","refetchSettings","useTriggerSettingsUpdate","allApps","mutateAsync","saveIntegrationAsync","isSavingIntegration","selectedApp","selectedAppLogoUri","selectedAppAuthType","authType","selectedAppId","o","logoUri","popupDestinationUrl","setPopupDestinationUrl","popupInstace","setPopupInstace","popupIsOpen","integrationDataFromPopup","setIntegrationDataFromPopup","onConnectNewAccountRequest","integrationIdToEdit","newIntegrationId","newIntegrationResponse","integration","popupUrl","isTouched","hasIntegrationApiError","isLoadingApi","gridTemplateColumns","pointerEvents","span","newIntegrationName","IntegrationSettings","isValidIntegration","skipRequestNewSettingsToApi","firstRun","setFirstRun","setFieldTouched","validateForm","settingFieldName","currentSettingsValues","integrationSettingsResponse","retrieveIntegrationSettings","isLoadingIntegrationSettings","retrieveIntegrationSettingsApiError","setFieldsToRender","showPopupError","clearPopupError","usePopupError","showLogo","newSettingsReceived","schemaSettings","newSettingsWithDefaults","integrationSettingsData","setting","refresh","triggerSettingsUpdate","canShowTitle","requiredFields","format","hide","SettingFieldSmartCreatableSelect","fieldSchema","GooglePicker","apiHasError","SettingFieldSmartSelect","SettingFieldInput","SettingFieldToggle","AppConfigurator","canShowIntegrationField","isValidIntegrationResponse","isValidIntegrationApiError","isCheckingValidIntegration","isReCheckingValidIntegration","reCheckValidIntegration","isTestingIntegrationCredentials","result","setIntegrationId","popupErrorFake","response","settingsAreFilled","bothAppsAreSelected","isInteger","appHasSetting","AppSelector","appNotFound","setAppNotFound","step1MatchRoute","isInStep1","inputName","appIdField","appIdMeta","appIdHelpers","isLoadingApps","mostPopular","isLoadingMostPopular","limit","isLoadingConnectedApps","mostPopularAppsOptions","allAppsOptions","useMemo","connectedAppsOptions","selectedAppName","fuzzySearch","isCaseSensitive","shouldSort","findAllMatches","includeMatches","includeScore","threshold","distance","ignoreLocation","sortFn","score","renderKey","Promise","resolve","flattenResults","search","searchAppName","SimpleBridgeBuilderForm","validationErrors","isEmailReceiptValid","sourceHasApiError","hasSettingsApiError","destinationHasApiError","cannotSubmit","topbarError","StatusBar","allowManualClosing","disableBridge","isDisablingBridge","disableBridgeApiError","disableBridgeResponse","newStatus","StepCompleted","bridgeName","isTestEnabledProp","queryClient","useQueryClient","bridgeIdProp","IsTestEnableProp","invalidateQueries","ModalChangePlan","hasSwitched","setHasSwitched","showConfirm","setShowConfirm","userDataRefetch","isUserDataRefetching","endOfTermsDate","Date","getTime","dateNow","remainDays","changePlanMutation","isChangingPlan","trial","previousPlanId","cbPlanId","newPlanId","previousMrr","mrr","newMrr","changePlan","ModalUpdatedPlan","PlanInfoBanner","plan","optionsMtu","optionsBridge","isCurrentPlan","onPlanSelect","isBusiness","price","serviceType","description","flexDirection","mainFeatures","clickable","html","planNameToShow","freemium","starter","pro","business","getPlanNameToShow","PricingCard","planDescription","priceDescription","isActive","isRecommended","isYearlyChecked","yearlyDiscountPercentage","onUndoSelect","deleteAtDate","showUndoPro","undoMessage","toLocaleLowerCase","SignUpForm","showGoogleButton","showFacebookButton","isAppSumo","showIndustries","showCoupon","header","testId","setIsLoading","getIndustries","matchPartnerPath","couponCode","currentPlan","updatedAppSumoFormValues","bbuSourceSlug","bbuDestinationSlug","bbuAppsInfo","isValidBbuUrl","affiliateData","setAffiliateData","existingCookieData","always_callback","referral_code","args","argId","vid","argVid","signupWithEmail","isDoingSingup","signupWithEmailApiError","signupReponse","newUserId","userId","channel","sourceId","destinationId","showGenericError","signupProviders","show","trialDays","industry","SingupLayoutWrapper","SignupLayoutStyled","extralarge","ContainerStyled","$hideOnMobile","SignupLayout","leftSlot","rightSlot","hideLeftOnMobile","ToastStyled","overallNotifications","visible","setVisible","toast","Transition","animation","duration","compact","onDismiss","QueryClient","queries","retry","staleTime","Infinity","refetchOnWindowFocus","S","dsn","integrations","routingInstrumentation","tracesSampleRate","environment","release","ignoreList","QueryClientProvider","client","ReactQueryDevtools","initialIsOpen","store","ErrorPage","App","alert","timerId","dismissableTimer","isDismissable","transValue","buttons","hasProgressBar","AlertProgressBar","timer","EditableText","onNameChange","hasEditModeEnabled","setHasEditModeEnabled","isEditable","Topbar","hideOnEmbeddable","StepBar","StepBarItem","subLabel","onStepClick","zE","userAuthState","auth","shouldFetchUserModule","setShouldFetchUserModule","showSupportButton","setShowSupportButton","supportUserModule","customerSupportId","supportIsAvailable","testEnable","textColor","SimplePageWrapper","CardWrapper","SimplePage","TokenOutput","Spacer","TestFacebookToken","token","setToken","setInputValue","scopes","setScopes","currentTarget","customFbAppScopes","validateTokenWithApi","ComponentLazy","AdminPages","$progress","$theme","FastAppSurvey","integrationsData","onSubmitSuccess","logo","Form","BridgeByUrlCallback","isMountedInLoggedRoute","partnerFullName","persistentBbuData","parse","sessionStorage","authLbCode","lb_code","progressStep","setProgressStep","setLoadingText","hasJustCompletedSurvey","setHasJustCompletedSurvey","genericApiError","setGenericApiError","validPersistentBbuData","errorMissingStartingData","userStatus","useGenericBbuAuth","authCode","requestUri","persistentUserStatus","surveyNeeded","handleFinalStep","removeItem","bbuUrl","URL","apiAuthClient","includes","reload","CheckoutLazy","CheckoutPage","GoogleAdsAccountRouter","IncomingDataRouter","component","IntegrationRouter","qs","isInIframe","preventRedirect","postMessage","hasV1LoggedOut","iframe","logoutFromCognitoAndRedirectUser","postLogoutUrl","messageReceiverFn","encodedStringAtoB","atob","JSONParsed","alertTitle","alertMessage","alertColor","NbeeRouter","PricingLazy","PricingPage","SignUp","section","headerText","subText","appSumoHeader","SignUpAppSumo","ImgSquare","BbuContent","headline","SignUpBbu","logoSmallUri","isValidBbuUri","Content","SignupBbuFallbackSurvey","WrapperStyled","ThankYouPage","prevPath","ctaText","row","rootReducer","appStore","reducer","devTools","middleware","getDefaultMiddleware","serializableCheck","ignoredActionPaths","ignoredPaths"],"sourceRoot":""}