\r\n \r\n
\r\n\r\n
\r\n The Banking Experience
\r\n\r\n We are continuously improving. We strive to consistently provide the\r\n perfect experience for our customers and employees.\r\n
\r\n\r\n Your loyalty and satisfaction inspire us to improve how you feel about\r\n banking – so you can focus on what matters.\r\n
\r\nLet us change your experience.
\r\n-
\r\n\r\n \r\n
\r\n\r\n
\r\n Innovative Banking Products
\r\n\r\n Our banking products are incessantly transformed to bring innovative\r\n solutions to you.\r\n
\r\n\r\n With intention, we’re recreating a banking experience – so you can\r\n achieve more.\r\n
\r\nLet us help you.
\r\n-
\r\n\r\n \r\n
\r\n\r\n
\r\n The Right Fit
\r\n\r\n We are more than just a bank. As your needs change, we have a financial\r\n services team that will help you find the right solution.\r\n
\r\n\r\n Our diverse team of professionals can meet you anywhere in your journey\r\n with a tailored solution – so you can evolve with us.\r\n
\r\nLet us find your solution.
\r\n-
\r\n\r\n \r\n
\r\n\r\n\r\n \r\n \r\n Yes\r\n \r\n \r\n No\r\n \r\n
\r\n \r\n \r\n \r\n \r\n\r\n","import { HttpClient, HttpHeaders } from '@angular/common/http';\r\nimport { Injectable } from '@angular/core';\r\nimport { environment } from 'src/environments/environment';\r\nimport { delay, retryWhen, tap } from 'rxjs/operators';\r\nimport { BehaviorSubject } from 'rxjs';\r\n\r\nconst HTTP_OPTIONS = {\r\n headers: new HttpHeaders({\r\n 'Content-Type': 'application/json',\r\n }),\r\n};\r\n\r\n@Injectable({\r\n providedIn: 'root',\r\n})\r\nexport class SurveyApiService {\r\n apiToken$ = new BehaviorSubject(null);\r\n newApiToken = this.apiToken$.asObservable();\r\n\r\n constructor(private httpClient: HttpClient) {}\r\n\r\n loginToAPI() {\r\n return this.httpClient\r\n .get(environment.surveyAPI.loginURL)\r\n .pipe(retryWhen((errors) => errors.pipe(delay(1000))));\r\n }\r\n\r\n getFirstQuestion(surveyId, token) {\r\n const formData: FormData = new FormData();\r\n formData.append('snsbankingToken', token);\r\n formData.append('surveyId', surveyId);\r\n\r\n return this.httpClient\r\n .post(environment.surveyAPI.firstQuestionURL, formData)\r\n .pipe(retryWhen((errors) => errors.pipe(delay(1000))));\r\n }\r\n\r\n getNextQuestion(sessionGUID, headerCookie, response, token) {\r\n const body = {\r\n snsbankingToken: token,\r\n snsbankingSessionGUID: sessionGUID,\r\n snsbankingCookie: headerCookie,\r\n QuestionAndSubQuestionResponses: response,\r\n };\r\n\r\n return this.httpClient\r\n .post(environment.surveyAPI.nextQuestionURL, body, HTTP_OPTIONS)\r\n .pipe(retryWhen((errors) => errors.pipe(delay(1000))));\r\n }\r\n}\r\n","import { Component, OnDestroy, OnInit } from '@angular/core';\r\nimport { ActivatedRoute } from '@angular/router';\r\nimport { Subscription } from 'rxjs';\r\nimport { SurveyApiService } from './survey-api.service';\r\n\r\n@Component({\r\n selector: 'app-core',\r\n templateUrl: './core.component.html',\r\n styleUrls: ['./core.component.scss'],\r\n})\r\nexport class CoreComponent implements OnInit, OnDestroy {\r\n subscription$: Subscription;\r\n\r\n constructor(\r\n // private ActivatedRoute: ActivatedRoute,\r\n private SurveyApiService: SurveyApiService\r\n ) {}\r\n\r\n ngOnInit(): void {\r\n // this.subscription$ = this.ActivatedRoute.data.subscribe((response: any) => {\r\n // this.SurveyApiService.apiToken = response.surveyAPITokenResolver.token;\r\n // });\r\n this.subscription$ = this.SurveyApiService.loginToAPI().subscribe(\r\n (response: any) => {\r\n this.SurveyApiService.apiToken$.next(response.token);\r\n }\r\n );\r\n }\r\n\r\n ngOnDestroy(): void {\r\n this.subscription$.unsubscribe();\r\n }\r\n}\r\n","\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n ![\"\"](\"./assets/images/chat_agent.png\")
\r\n
\r\n \r\n
\r\n \r\n ![\"\"](\"./assets/images/handwave.png\")
\r\n
\r\n Hello
\r\n\r\n Need some help?
\r\n\r\n \r\n
\r\n \r\n
\r\n I will be right there!
\r\n \r\n 0\" id=\"chat__history\" class=\"chat__history\">\r\n
\r\n \r\n \r\n 2\"\r\n class=\"custom__slider\"\r\n >\r\n \r\n
\r\n \r\n
\r\n\r\n
\r\n\r\n
\r\n Bank Accounts
\r\nCredit Cards
\r\nInvestments
\r\nPersonal Loans
\r\nHome Loans
\r\nVehicle Loans
\r\nOnline Banking
\r\nMobile Banking
\r\n\r\n
\r\n \r\n
\r\n Share Page
\r\n \r\n \r\n \r\n \r\n\r\n
\r\n \r\n
\r\n Personal Mobile Banking
\r\n\r\n Meet the app that empowers you! Secure and intuitive – making banking\r\n easier than ever before. The S&S Bank app allows\r\n convenient solutions for your banking needs. Watch this demo to see\r\n how our mobile app makes it possible.\r\n
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n Meet the
\r\nMobile App
\r\n\r\n ![\"\"](\"./assets/images/phone.png\")
\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n\r\n\r\n\r\n \r\n \r\n \r\n ![\"\"](\"./assets/images/sns_logo_light_grey.png\")
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n
\r\n\r\n\r\n","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-footer',\r\n templateUrl: './footer.component.html',\r\n styleUrls: ['./footer.component.scss']\r\n})\r\nexport class FooterComponent implements OnInit {\r\n\r\n constructor() { }\r\n\r\n ngOnInit(): void {\r\n }\r\n\r\n}\r\n","\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { FormControl } from '@angular/forms';\r\nimport { ChatService } from '../core/chat.service';\r\n\r\ndeclare var $;\r\n\r\n@Component({\r\n selector: 'app-chat-admin',\r\n templateUrl: './chat-admin.component.html',\r\n styleUrls: ['./chat-admin.component.scss'],\r\n})\r\nexport class ChatAdminComponent implements OnInit {\r\n messages = [];\r\n\r\n clients = [];\r\n\r\n adminMsg = new FormControl('');\r\n\r\n selectedTabIndex = null;\r\n domain: string;\r\n constructor(private ChatService: ChatService) {}\r\n\r\n ngOnInit(): void {\r\n this.domain = window.location.hostname;\r\n this.ChatService.newMessage.subscribe((data: any) => {\r\n if (\r\n data &&\r\n data.type !== 'system' &&\r\n data.name !== 'admin' &&\r\n data.message.domain === this.domain\r\n ) {\r\n if (this.clients.indexOf(data.name) === -1) {\r\n this.clients.push(data.name);\r\n this.selectedTabIndex = this.clients.length - 1;\r\n } else {\r\n this.selectedTabIndex = this.clients.indexOf(data.name);\r\n }\r\n\r\n this.messages.push({\r\n type: data.type,\r\n name: data.name,\r\n message: {\r\n text: data.message.text,\r\n recipient: data.message.recipient,\r\n },\r\n });\r\n\r\n $(`#chat__history-${this.selectedTabIndex}`).animate(\r\n {\r\n scrollTop: 999999,\r\n },\r\n 800\r\n );\r\n }\r\n });\r\n }\r\n\r\n keyup(event) {\r\n if (event.code === 'Enter') {\r\n event.preventDefault();\r\n this.sendMessage();\r\n }\r\n }\r\n\r\n sendMessage() {\r\n if (this.adminMsg.value) {\r\n const message = {\r\n message: {\r\n text: this.adminMsg.value,\r\n recipient: this.clients[this.selectedTabIndex],\r\n },\r\n name: 'admin',\r\n };\r\n\r\n this.ChatService.sendMessage(JSON.stringify(message));\r\n\r\n this.messages.push({\r\n type: 'usermsg',\r\n name: 'admin',\r\n message: {\r\n text: this.adminMsg.value,\r\n recipient: this.clients[this.selectedTabIndex],\r\n },\r\n });\r\n\r\n this.adminMsg.setValue('');\r\n }\r\n\r\n $(`#chat__history-${this.selectedTabIndex}`).animate(\r\n {\r\n scrollTop: 999999,\r\n },\r\n 800\r\n );\r\n }\r\n\r\n sendSurvey() {\r\n const message = {\r\n message: {\r\n text: '$survey',\r\n recipient: this.clients[this.selectedTabIndex],\r\n },\r\n name: 'admin',\r\n };\r\n\r\n this.ChatService.sendMessage(JSON.stringify(message));\r\n\r\n this.messages.push({\r\n type: 'usermsg',\r\n name: 'admin',\r\n message: {\r\n text: '(SURVEY SENT)',\r\n recipient: this.clients[this.selectedTabIndex],\r\n },\r\n });\r\n\r\n $(`#chat__history-${this.selectedTabIndex}`).animate(\r\n {\r\n scrollTop: 999999,\r\n },\r\n 800\r\n );\r\n }\r\n}\r\n","\r\n
\r\n\r\n \r\n\r\n
\r\n \r\n \r\n
\r\n \r\n\r\n","import { Component, OnDestroy, OnInit } from '@angular/core';\r\nimport { FormControl } from '@angular/forms';\r\nimport { Subscription } from 'rxjs';\r\nimport { SurveyApiService } from 'src/app/core/survey-api.service';\r\n\r\n@Component({\r\n selector: 'app-commercial-lending',\r\n templateUrl: './commercial-lending.component.html',\r\n styleUrls: ['./commercial-lending.component.scss'],\r\n})\r\nexport class CommercialLendingComponent implements OnInit, OnDestroy {\r\n subscriptions$: Subscription[] = [];\r\n\r\n sessionGUID: string;\r\n headerCookie: string;\r\n questionMetaData: any;\r\n\r\n textAnswer = new FormControl('');\r\n\r\n isLoading: boolean = true;\r\n\r\n apiToken: string;\r\n\r\n constructor(private SurveyAPIService: SurveyApiService) {}\r\n\r\n ngOnInit(): void {\r\n this.subscriptions$.push(\r\n this.SurveyAPIService.newApiToken.subscribe((response: any) => {\r\n this.apiToken = response;\r\n this.getFirstQuestion();\r\n })\r\n );\r\n }\r\n\r\n ngOnDestroy(): void {\r\n this.subscriptions$.forEach((s) => s.unsubscribe());\r\n }\r\n\r\n submitAnswer(answer) {\r\n const response = [\r\n {\r\n QuestionFullName: this.questionMetaData.QuestionInfo.QuestionFullName,\r\n AnswerInputs: [\r\n {\r\n Answer: answer,\r\n OtherData: '',\r\n },\r\n ],\r\n },\r\n ];\r\n this.getNextQuestion(response);\r\n }\r\n\r\n private getFirstQuestion() {\r\n this.subscriptions$.push(\r\n this.SurveyAPIService.getFirstQuestion(2, this.apiToken).subscribe(\r\n (response: any) => {\r\n this.sessionGUID = response.SessionGuid;\r\n this.headerCookie = JSON.stringify(response.header[1]);\r\n this.questionMetaData = response.QuestionMetaData;\r\n this.isLoading = false;\r\n }\r\n )\r\n );\r\n }\r\n\r\n private getNextQuestion(response) {\r\n this.isLoading = true;\r\n this.subscriptions$.push(\r\n this.SurveyAPIService.getNextQuestion(\r\n this.sessionGUID,\r\n this.headerCookie,\r\n response,\r\n this.apiToken\r\n ).subscribe((response: any) => {\r\n this.questionMetaData = response.QuestionMetaData;\r\n this.isLoading = false;\r\n })\r\n );\r\n }\r\n}\r\n","\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Waiting for messages...
\r\n 0\" class=\"tab-content\" id=\"nav-tabContent\">\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n Send Survey\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Commercial Lending
\r\nIndustry Expertise
\r\nTreasury Management
\r\nCommercial Services
\r\nSpecialty Finance
\r\n\r\n
\r\n \r\n
\r\n Share Page
\r\n \r\n \r\n \r\n \r\n\r\n
\r\n \r\n
\r\n Commercial Lending
\r\n\r\n S&S Bank offers a variety of traditional bank loans that will help\r\n achieve your financial objectives. We understand you need more than\r\n just a lender, with traditional commercial lending your funds are\r\n provided directly from our bank.\r\n
\r\n\r\n Your dedicated team of bankers will find the right solution for\r\n you—for today and for your needs ahead.\r\n
\r\n- \r\n
- Commercial Loans \r\n
- Commercial Real Estate \r\n
- Commercial Line of Credit \r\n
- Business Credit Cards \r\n
- \r\n Professional Practice Financing\r\n \r\n
- Syndications \r\n
\r\n
\r\n Commercial Lending Education Center
\r\n\r\n
\r\n \r\n Loans\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n Real Estate\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n Line of Credit\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n Credit Cards\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n Financing\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n Syndications\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n Submit\r\n \r\n
\r\n Contact Us
\r\n\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {{ questionMetaData.QuestionInfo.Label }}
\r\n\r\n
\r\n Thank you for your feedback!
\r\n\r\n
\r\n Sally Stevens, CXO
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n\r\n
\r\n\r\n
\r\n Share Page
\r\n \r\n \r\n \r\n \r\n