![](\"assets/imgs/Ripple-1s-200px.svg\")
\r\n `;\r\n\r\n\r\n constructor(private venue:VenueServiceeService, private router:ActivatedRoute){\r\n }\r\n\r\n ngOnInit(){ \r\n \r\n }\r\n \r\n}\r\n","import { BrowserModule } from '@angular/platform-browser';\r\nimport { RecaptchaModule } from 'ng-recaptcha';\r\nimport { RecaptchaFormsModule } from 'ng-recaptcha/forms';\r\nimport { NgModule } from '@angular/core';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { HttpClientModule } from '@angular/common/http';\r\n\r\n\r\nimport { AppComponent } from './app.component';\r\nimport { JoinFormComponent } from './pages/join-form/join-form.component';\r\nimport { DashboardComponent } from './pages/dashboard/dashboard.component';\r\nimport { VouchersComponent } from './pages/vouchers/vouchers.component';\r\nimport { NotFoundComponent } from './pages/not-found/not-found.component';\r\n\r\n// modules\r\nimport { NgbModule, NgbDateParserFormatter, NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';\r\nimport { AppRoutingModule } from './/app-routing.module';\r\nimport { SwiperModule } from 'ngx-useful-swiper';\r\nimport { Ng4LoadingSpinnerModule } from 'ng4-loading-spinner';\r\nimport { LazyLoadImageModule } from 'ng-lazyload-image';\r\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\r\nimport { ToastrModule } from 'ngx-toastr';\r\nimport { AgmCoreModule } from '@agm/core';\r\nimport { CurrencyMaskModule } from 'ng2-currency-mask';\r\nimport { NgSelectModule } from '@ng-select/ng-select';\r\n\r\n// components\r\nimport { FormPageComponent } from './components/form-page/form-page.component';\r\nimport { FooterComponent } from './components/footer/footer.component'; \r\nimport { InputFieldComponent } from './components/input-field/input-field.component';\r\nimport { SelectFieldComponent } from './components/select-field/select-field.component';\r\nimport { CheckFieldComponent } from './components/check-field/check-field.component';\r\nimport { MultiCheckComponent } from './components/multi-check/multi-check.component';\r\nimport { GoogleMapAutofillComponent } from './components/google-map-autofill/google-map-autofill.component';\r\n\r\n// service\r\nimport { VoucherServiceService } from './voucher-service.service';\r\nimport { StripServiceService } from './services/strip-service.service';\r\nimport { VenueServiceeService } from './services/venue-service/venue-servicee.service';\r\nimport { JoinServiceService } from './services/join-service.service';\r\nimport { DatePickerComponent } from './components/date-picker/date-picker.component';\r\nimport { NgDatePickerCustomFormatterService } from './services/ng-date-picker-custom-formatter.service';\r\n\r\n\r\n\r\n@NgModule({\r\n declarations: [\r\n AppComponent,\r\n JoinFormComponent,\r\n DashboardComponent,\r\n FooterComponent,\r\n FormPageComponent,\r\n InputFieldComponent,\r\n SelectFieldComponent,\r\n CheckFieldComponent,\r\n MultiCheckComponent,\r\n VouchersComponent,\r\n NotFoundComponent,\r\n GoogleMapAutofillComponent,\r\n DatePickerComponent\r\n ],\r\n imports: [\r\n BrowserModule,\r\n RecaptchaModule.forRoot(),\r\n RecaptchaFormsModule,\r\n FormsModule,\r\n NgSelectModule,\r\n ReactiveFormsModule,\r\n NgbModule.forRoot(),\r\n AppRoutingModule,\r\n SwiperModule,\r\n HttpClientModule,\r\n Ng4LoadingSpinnerModule.forRoot(),\r\n LazyLoadImageModule,\r\n BrowserAnimationsModule,\r\n ToastrModule.forRoot(),\r\n AgmCoreModule.forRoot({\r\n // apiKey: 'AIzaSyAv7I9_yX8d8IUalCJIti9c08w7wB0eI_8',\r\n apiKey: 'AIzaSyCb9hzXa-VUDtWjx1RKGhagARN-sO9pv20',\r\n libraries: [\"places\"]\r\n }),\r\n CurrencyMaskModule\r\n ],\r\n providers: [\r\n VoucherServiceService,\r\n StripServiceService,\r\n VenueServiceeService,\r\n JoinServiceService,\r\n {provide: NgbDateParserFormatter, useValue: new NgDatePickerCustomFormatterService('DD-MM-YYYY')},\r\n NgbActiveModal\r\n ],\r\n bootstrap: [AppComponent]\r\n})\r\nexport class AppModule { }\r\n","module.exports = \".form-check-label{\\r\\n color: var(--color);\\r\\n text-shadow: 2px 1px #222;\\r\\n}\"","module.exports = \"\\r\\n \\r\\n
\"","/// \\r\\n
\\r\\n\"","import { Component, OnInit, Input, ViewChild, OnChanges, SimpleChanges } from '@angular/core';\r\nimport { FormControl, Validators } from '@angular/forms';\r\nimport { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';\r\nimport { environment } from '../../../environments/environment';\r\nimport { ActivatedRoute } from '@angular/router';\r\n\r\n@Component({\r\n selector: 'app-input-field',\r\n templateUrl: './input-field.component.html',\r\n styleUrls: ['./input-field.component.css']\r\n})\r\nexport class InputFieldComponent implements OnInit, OnChanges {\r\n @Input() field: any;\r\n @ViewChild('invalidTooltip') invalidTooltip: NgbTooltip;\r\n fieldType: string;\r\n pattern: any;\r\n patternErrorMsg: string;\r\n fCtrl: FormControl;\r\n mobilePattern: {};\r\n venueSetting: any;\r\n\r\n constructor(private router: ActivatedRoute) {\r\n this.mobilePattern = environment.mobilePatterns;\r\n }\r\n\r\n ngOnInit() {\r\n this.pattern = '';\r\n if (this.field.bepoz_field_name == \"FirstName\") {\r\n this.pattern = '^[A-Za-z\\ \\'\\-]+$';\r\n this.patternErrorMsg = `Please enter a valid First Name.`;\r\n }\r\n\r\n if (this.field.bepoz_field_name == \"LastName\") {\r\n this.pattern = '^[A-Za-z\\ \\'\\-]+$';\r\n this.patternErrorMsg = `Please enter a valid Last Name.`;\r\n }\r\n\r\n if (this.field.bepoz_field_name == \"Mobile\") {\r\n this.fieldType = 'text';\r\n this.venueSetting = this.router.snapshot.data['venueSettings'];\r\n // this.pattern = '^0(4|5)[0-9]{8}$';\r\n let country_code = '';\r\n switch (this.venueSetting.country) {\r\n case 'New Zealand':\r\n country_code = 'NZ';\r\n break;\r\n case 'United Kingdom':\r\n country_code = 'UK';\r\n break;\r\n case 'United States':\r\n country_code = 'US';\r\n break;\r\n default:\r\n country_code = 'AU';\r\n break;\r\n }\r\n this.pattern = new RegExp(this.mobilePattern[country_code].pattern);\r\n this.patternErrorMsg = `Please enter a valid Mobile Number.`;\r\n }\r\n\r\n if (this.field.bepoz_field_name == \"PCode\") {\r\n this.fieldType = 'text';\r\n this.patternErrorMsg = `Please enter a valid postcode.`;\r\n this.venueSetting = this.router.snapshot.data['venueSettings'];\r\n switch (this.venueSetting.country) {\r\n case 'New Zealand':\r\n this.pattern = new RegExp(/^\\d{4}$/);\r\n break;\r\n case 'United Kingdom':\r\n this.pattern = '^([A-Z]){1}([0-9][0-9]|[0-9]|[A-Z][0-9][A-Z]|[A-Z][0-9][0-9]|[A-Z][0-9]|[0-9][A-Z]){1}([ ])?([0-9][A-z][A-z]){1}$';\r\n break;\r\n case 'United States':\r\n this.pattern = '^([0-9]{5})(?:-([0-9]{4}))?$';\r\n break;\r\n default:\r\n this.pattern = new RegExp(/^\\d{4}$/);\r\n break;\r\n }\r\n }\r\n\r\n if (this.field.bepoz_field_name == \"PhoneHome\") {\r\n this.fieldType = 'text';\r\n this.pattern = '^0(1|2|3|6|7|8|9)[0-9]{8}$';\r\n this.patternErrorMsg = `Please enter a valid Phone Number.`;\r\n }\r\n\r\n if (this.field.bepoz_field_name == \"Email1st\") {\r\n this.fieldType = 'email';\r\n this.pattern = '^[a-zA-Z0-9.!#$%&’*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\\.[a-zA-Z0-9-]+)*$';\r\n this.patternErrorMsg = `Please enter a valid Email Address.`;\r\n }\r\n\r\n if (this.field.bepoz_field_name == \"Street1\") {\r\n this.field.field_name = 'Building/Unit NO.';\r\n }\r\n\r\n if (this.field.bepoz_field_name == \"Street2\") {\r\n this.field.field_name = 'Street';\r\n }\r\n\r\n if (this.field.field_type == \"Text\") {\r\n this.fieldType = 'text';\r\n }\r\n\r\n if (this.field.field_type == \"Number\") {\r\n this.fieldType = 'text';\r\n this.pattern = '^[0-9]+$';\r\n this.patternErrorMsg = `Please enter a valid Number.`;\r\n }\r\n\r\n if (this.field.required) {\r\n this.fCtrl = new FormControl('', [Validators.required, Validators.pattern(this.pattern)]);\r\n } else {\r\n this.fCtrl = new FormControl('', [Validators.pattern(this.pattern)]);\r\n }\r\n\r\n // console.log(this.fCtrl);\r\n\r\n // listening input state changes\r\n this.fCtrl.statusChanges.subscribe(status => {\r\n // console.log(status);\r\n if (status == 'INVALID' && (this.fCtrl.dirty || this.fCtrl.touched)) {\r\n this.invalidTooltip.open();\r\n }\r\n if (status == 'VALID') {\r\n this.invalidTooltip.close();\r\n }\r\n });\r\n\r\n // pass formcontrol to field obj\r\n this.field.formControl = this.fCtrl;\r\n this.field.invalidTooltip = this.invalidTooltip;\r\n }\r\n\r\n ngOnChanges(changes: SimpleChanges) {\r\n }\r\n\r\n // when focus:blur check input status\r\n onFocusOutCheck(event) {\r\n if (this.fCtrl.invalid) {\r\n this.invalidTooltip.open();\r\n }\r\n }\r\n\r\n}\r\n","module.exports = \"form{\\r\\n padding-left: 1rem;\\r\\n padding-right: 1rem;\\r\\n}\\r\\n\\r\\nform.ng-dirty.ng-invalid{\\r\\n border: 1px solid #dc3545;\\r\\n\\r\\n}\\r\\n\\r\\nform.ng-touched.ng-invalid{\\r\\n border: 1px solid #dc3545;\\r\\n}\\r\\n\\r\\np{\\r\\n font-size: 18px;\\r\\n margin-top: 0.5rem;\\r\\n margin-bottom: 0.5rem;\\r\\n font-weight: 100;\\r\\n color: #fff;\\r\\n text-shadow: 2px 1px #222;\\r\\n}\\r\\n\\r\\n.form-check-label{\\r\\n color: var(--color);\\r\\n text-shadow: 2px 1px #222;\\r\\n}\\r\\n\\r\\n\"","module.exports = \"\"","import { Component, OnInit, Input, ViewChild } from '@angular/core';\r\nimport { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';\r\n\r\n@Component({\r\n selector: 'app-multi-check',\r\n templateUrl: './multi-check.component.html',\r\n styleUrls: ['./multi-check.component.css']\r\n})\r\nexport class MultiCheckComponent implements OnInit {\r\n @Input() field: any;\r\n @ViewChild('f') form: any;\r\n @ViewChild('invalidTooltip') invalidTooltip: NgbTooltip;\r\n\r\n constructor() { }\r\n\r\n ngOnInit() {\r\n this.field.value = {};\r\n // console.log(this.form);\r\n\r\n //listening input state changes\r\n this.form.statusChanges.subscribe(status => {\r\n // console.log(status);\r\n if (status == 'INVALID' && (this.form.dirty || this.form.touched)) {\r\n this.invalidTooltip.open();\r\n }\r\n if (status == 'VALID') {\r\n this.invalidTooltip.close();\r\n }\r\n });\r\n\r\n //pass formcontrol to field obj\r\n this.field.formControl = this.form.form;\r\n this.field.invalidTooltip = this.invalidTooltip;\r\n }\r\n\r\n isRequired(index) {\r\n if (!this.field.required) {\r\n return false;\r\n }\r\n for (let key in this.field.value) {\r\n if (this.field.value[key]) {\r\n return false;\r\n }\r\n }\r\n\r\n return true;\r\n }\r\n\r\n}\r\n","module.exports = \".custom-input-group .input-group-prepend .input-group-text{\\r\\n background-color: #fff;\\r\\n font-size: 18px;\\r\\n font-weight: 100;\\r\\n color: #707070;\\r\\n}\"","module.exports = \"\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{field.use_label == 1 && field.label != null ? field.label : field.field_name}}\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n- \\r\\n
- Required. \\r\\n
- {{patternErrorMsg}} \\r\\n
\\r\\n
\"","import { Component, OnInit, Input, ViewChild} from '@angular/core';\r\nimport { FormControl, Validators } from '@angular/forms';\r\nimport { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';\r\n\r\n@Component({\r\n selector: 'app-select-field',\r\n templateUrl: './select-field.component.html',\r\n styleUrls: ['./select-field.component.css']\r\n})\r\nexport class SelectFieldComponent implements OnInit {\r\n @Input() field: any;\r\n @ViewChild('invalidTooltip') invalidTooltip:NgbTooltip;\r\n fCtrl:FormControl;\r\n constructor() {\r\n\r\n }\r\n ngOnInit() {\r\n // console.log(this.field);\r\n if (this.field.bepoz_field_name == 'Title') {\r\n this.field.multi_values = [\r\n { \"text\": \"Mr\" },\r\n { \"text\": \"Mrs\" },\r\n { \"text\": \"Ms\" },\r\n { \"text\": \"Miss\" },\r\n { \"text\": \"Master\" }\r\n ]\r\n }\r\n\r\n if (this.field.bepoz_field_name == 'Gender') {\r\n this.field.multi_values = [\r\n { \"text\": \"Male\" },\r\n { \"text\": \"Female\" },\r\n { \"text\": \"Other\" },\r\n ]\r\n }\r\n\r\n if (this.field.bepoz_field_name == 'State') {\r\n this.field.multi_values = [\r\n { \"text\": \"ACT\" },\r\n { \"text\": \"NSW\" },\r\n { \"text\": \"QLD\" },\r\n { \"text\": \"SA\" },\r\n { \"text\": \"TAS\" },\r\n { \"text\": \"VIC\" },\r\n { \"text\": \"WA\" },\r\n ]\r\n }\r\n\r\n if(this.field.required){\r\n this.fCtrl = new FormControl('',Validators.required);\r\n }else{\r\n this.fCtrl = new FormControl('');\r\n }\r\n\r\n //listening input state changes\r\n this.fCtrl.statusChanges.subscribe(status => {\r\n // console.log(status);\r\n if(status == 'INVALID' && (this.fCtrl.dirty || this.fCtrl.touched)){\r\n this.invalidTooltip.open();\r\n }\r\n if(status == 'VALID'){\r\n this.invalidTooltip.close();\r\n }\r\n });\r\n\r\n //pass formcontrol to field obj\r\n this.field.formControl = this.fCtrl;\r\n this.field.invalidTooltip = this.invalidTooltip;\r\n }\r\n\r\n //when focus:blur check input status\r\n onFocusOutCheck(event){\r\n if(this.fCtrl.invalid){\r\n this.invalidTooltip.open();\r\n }\r\n }\r\n\r\n}\r\n","module.exports = \"\"","module.exports = \"\\r\\n \\r\\n
\\r\\n \\r\\nDashboard
\\r\\n\\r\\n\"","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-dashboard',\r\n templateUrl: './dashboard.component.html',\r\n styleUrls: ['./dashboard.component.css']\r\n})\r\nexport class DashboardComponent implements OnInit {\r\n\r\n constructor() { }\r\n\r\n ngOnInit() {\r\n }\r\n\r\n}\r\n","module.exports = \"/* .join-header .row .col-12:nth-child(1){\\r\\n display: flex;\\r\\n align-items: center;\\r\\n}\\r\\n\\r\\n.join-header .row .col-12:nth-child(2){\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: flex-end;\\r\\n} */\\r\\n.btn-bar .row .col-6{\\r\\n display: flex;\\r\\n align-items: center;\\r\\n}\\r\\n.btn-bar .row .col-6:nth-child(1){\\r\\n justify-content: flex-start;\\r\\n}\\r\\n.btn-bar .row .col-6:nth-child(2){\\r\\n justify-content: flex-end;\\r\\n}\\r\\n\\r\\n\"","module.exports = \"\\r\\n \\r\\n \\r\\n\\r\\n \\r\\n\\r\\n \\r\\n
\"","import { Component, OnInit, ViewChild, ElementRef } from '@angular/core';\r\nimport { ActivatedRoute } from '@angular/router';\r\nimport { VenueServiceeService } from '../../services/venue-service/venue-servicee.service';\r\nimport { JoinServiceService } from '../../services/join-service.service';\r\nimport { NgbModal, ModalDismissReasons, NgbModalRef } from '@ng-bootstrap/ng-bootstrap';\r\nimport { RecaptchaComponent } from 'ng-recaptcha';\r\nimport { ToastrService } from 'ngx-toastr';\r\nimport { Ng4LoadingSpinnerService } from 'ng4-loading-spinner';\r\n\r\ndeclare var CircularJSON: any;\r\n\r\n@Component({\r\n selector: 'app-join-form',\r\n templateUrl: './join-form.component.html',\r\n styleUrls: ['./join-form.component.css']\r\n})\r\nexport class JoinFormComponent implements OnInit {\r\n hash: string;\r\n fields: any;\r\n venueSetting: any;\r\n currentPage: number;\r\n activePages: any[];\r\n modalIstance: NgbModalRef;\r\n @ViewChild('tcsModal') tcsModal: ElementRef;\r\n @ViewChild('successModal') successModal: ElementRef;\r\n // @ViewChild('myRecaptcha') myRecaptcha: RecaptchaComponent;\r\n captchaRes: boolean;\r\n isTcagreed: boolean;\r\n doingSubmit: boolean;\r\n successMsg: string;\r\n alerts: any[];\r\n pageState: string;\r\n field: any;\r\n\r\n constructor(\r\n private router: ActivatedRoute,\r\n private venue: VenueServiceeService,\r\n private joinService: JoinServiceService,\r\n private myModalService: NgbModal,\r\n private toastr: ToastrService,\r\n private mySpinner: Ng4LoadingSpinnerService\r\n ) {\r\n // this.captchaRes = true;\r\n }\r\n\r\n ngOnInit() {\r\n this.router.queryParamMap.subscribe(q => {\r\n this.hash = q['params']['v_id'];\r\n this.field = {};\r\n this.field['value'] = '';\r\n\r\n this.venueSetting = this.router.snapshot.data['venueSettings'];\r\n if (this.venueSetting.setting.value) {\r\n document.documentElement.style.setProperty('--primary-color', this.venueSetting.setting.value.primary_colour ,'important'); //set primary value\r\n document.documentElement.style.setProperty('--btn-bg', this.venueSetting.setting.value.button_background ,'important'); //set button bg\r\n document.documentElement.style.setProperty('--btn-fontc', this.venueSetting.setting.value.button_font ,'important'); //set font colour\r\n document.documentElement.style.setProperty('--btn-border', this.venueSetting.setting.value.button_active_border ,'important'); //set border\r\n document.documentElement.style.setProperty('--btn-activebg', this.venueSetting.setting.value.button_active_bg ,'important'); //set active bg\r\n document.documentElement.style.setProperty('--btn-activef', this.venueSetting.setting.value.button_active_font ,'important'); //set active font\r\n document.documentElement.style.setProperty('--btn-activebrd', this.venueSetting.setting.value.background_button ,'important'); //set active brd\r\n document.documentElement.style.setProperty('--color', this.venueSetting.setting.value.font_color ,'important'); //set active brd\r\n document.documentElement.style.setProperty('--pg-bg', this.venueSetting.setting.value.page_background ,'important'); //set active brd\r\n }\r\n this.venue.getFieldSetting(this.hash).subscribe(s => {\r\n this.fields = s.data;\r\n this.getActivePage();\r\n if (this.activePages.length > 0) {\r\n // this.activePages.sort()\r\n this.currentPage = this.activePages[0];\r\n }\r\n if (this.fields.custom_fields.length > 0) {\r\n this.fields.custom_fields.forEach(f => {\r\n f.multi_values = JSON.parse(f.multi_values);\r\n })\r\n }\r\n }, e => {\r\n console.log(e);\r\n this.toastr.error(e.error.message, '', {\r\n positionClass: 'toast-bottom-right'\r\n });\r\n });\r\n })\r\n\r\n }\r\n\r\n initForm() {\r\n this.hash = this.router.snapshot.queryParams['v_id']\r\n\r\n this.venue.getVenueSetting(this.hash).subscribe(res => {\r\n this.venueSetting = res;\r\n }, e => {\r\n this.toastr.error(e.error.message, '', {\r\n positionClass: 'toast-bottom-right'\r\n });\r\n });\r\n\r\n this.venue.getFieldSetting(this.hash).subscribe(s => {\r\n this.fields = s.data;\r\n this.getActivePage();\r\n if (this.activePages.length > 0) {\r\n // this.activePages.sort()\r\n this.currentPage = this.activePages[0];\r\n }\r\n if (this.fields.custom_fields.length > 0) {\r\n this.fields.custom_fields.forEach(f => {\r\n f.multi_values = JSON.parse(f.multi_values);\r\n })\r\n }\r\n }, e => {\r\n console.log(e);\r\n this.toastr.error(e.error.message, '', {\r\n positionClass: 'toast-bottom-right'\r\n });\r\n })\r\n }\r\n\r\n getBgImg() {\r\n return this.venueSetting.use_background_image ? this.venueSetting.background_image : '';\r\n }\r\n\r\n getActivePage() {\r\n this.activePages = [];\r\n\r\n for (let k in this.fields) {\r\n this.fields[k].forEach(f => {\r\n if (f.active == true && this.activePages.indexOf(f.page)<0) {\r\n this.activePages.push(f.page);\r\n }\r\n });\r\n }\r\n this.activePages.sort();\r\n }\r\n\r\n nextPage() {\r\n\r\n\r\n let isValid = true;\r\n\r\n for (let k in this.fields) {\r\n this.fields[k].forEach(f => {\r\n console.log(f.value);\r\n if (f.page == this.currentPage && f.active == true) {\r\n if (f['bepoz_field_name'] && f.formControl) {\r\n f.formControl.markAsDirty();\r\n if (f.formControl.invalid) {\r\n f.invalidTooltip.open();\r\n }\r\n\r\n }\r\n if (f['bepoz_custom_field_name'] && f.formControl) {\r\n f.formControl.markAsDirty();\r\n if (f.formControl.invalid) {\r\n f.invalidTooltip.open();\r\n }\r\n }\r\n if (f.formControl && !f.formControl.valid) {\r\n isValid = f.formControl.valid;\r\n }\r\n\r\n }\r\n });\r\n\r\n }\r\n\r\n if (isValid) {\r\n // change the page\r\n console.log(isValid);\r\n if (this.activePages.indexOf(this.currentPage) < this.activePages.length - 1) {\r\n this.currentPage = this.activePages[this.activePages.indexOf(this.currentPage) + 1];\r\n this.pageState = 'forward';\r\n }\r\n }\r\n }\r\n\r\n prePage() {\r\n this.currentPage = this.activePages[this.activePages.indexOf(this.currentPage) - 1];\r\n this.pageState = 'backward';\r\n }\r\n\r\n openTCModal(modalRef: ElementRef) {\r\n this.alerts = [];\r\n this.captchaRes = false;\r\n this.isTcagreed = false;\r\n this.modalIstance = this.myModalService.open(modalRef, { centered: true, windowClass: 'voucher-modal-container', backdrop: false });\r\n }\r\n\r\n\r\n join() {\r\n this.doingSubmit = true;\r\n this.modalIstance.close();\r\n this.mySpinner.show();\r\n this.joinService.addMember(this.hash, this.fields).subscribe(s => {\r\n console.log(s);\r\n this.mySpinner.hide();\r\n // success modal\r\n this.successMsg = s.message;\r\n this.modalIstance.close();\r\n this.modalIstance = this.myModalService.open(this.successModal, { size: 'sm', centered: true, windowClass: 'voucher-modal-container' });\r\n this.doingSubmit = false;\r\n\r\n // reset the form\r\n this.initForm();\r\n\r\n }, e => {\r\n console.log(e);\r\n this.doingSubmit = false;\r\n this.mySpinner.hide();\r\n this.toastr.error(e.error.message, '', {\r\n positionClass: 'toast-bottom-right'\r\n });\r\n });\r\n }\r\n\r\n doSubmit() {\r\n let isValid = true;\r\n for (let k in this.fields) {\r\n this.fields[k].forEach(f => {\r\n if (f.formControl && f.page == this.currentPage && f.active == true) {\r\n if (f['bepoz_field_name']) {\r\n f.formControl.markAsDirty();\r\n if (f.formControl.invalid) {\r\n f.invalidTooltip.open();\r\n }\r\n }\r\n if (f['bepoz_custom_field_name']) {\r\n f.formControl.markAsDirty();\r\n if (f.formControl.invalid) {\r\n f.invalidTooltip.open();\r\n }\r\n }\r\n if (!f.formControl.valid) {\r\n isValid = f.formControl.valid;\r\n }\r\n }\r\n });\r\n }\r\n\r\n if (isValid) {\r\n // console.log(this.fields);\r\n this.openTCModal(this.tcsModal);\r\n }\r\n };\r\n\r\n}\r\n","module.exports = \"div.full-height{\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n justify-content: center;\\r\\n align-items: center;\\r\\n}\\r\\n\\r\\ndiv.full-height h1{\\r\\n font-size: 4rem;\\r\\n}\\r\\n\\r\\ndiv.full-height h3{\\r\\n text-transform: capitalize;\\r\\n}\"","module.exports = \"\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n ![\\\"logo\\\"](\\\"{{venueSetting.image}}\\\")
\\r\\n
\\r\\n \\r\\n 0\\\" [country]=\\\"venueSetting.country\\\" [fields]=\\\"fields\\\" [currentPage]=\\\"currentPage\\\" [activePages]=\\\"activePages\\\" [venueSetting]=\\\"venueSetting\\\" [pageState]=\\\"pageState\\\" (prev)=\\\"prePage()\\\" (next)=\\\"nextPage()\\\" (doSubmit)=\\\"doSubmit()\\\"> \\r\\n
\\r\\n\\r\\n \\r\\n\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
Click on the checkbox to indicate that you have read and agree to the terms below.\\r\\n {{venueSetting.name}} Membership program
\\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 {{successMsg}}
\\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-not-found',\r\n templateUrl: './not-found.component.html',\r\n styleUrls: ['./not-found.component.css']\r\n})\r\nexport class NotFoundComponent implements OnInit {\r\n\r\n constructor() { }\r\n\r\n ngOnInit() {\r\n }\r\n\r\n}\r\n","module.exports = \":root {\\r\\n --primary-color: #35434B;\\r\\n --pg-bg: #0F0F0F;\\r\\n --color: #0F0F0F;\\r\\n --btn-bg: #35434B;\\r\\n --btn-fontc: #fff;\\r\\n --btn-border: #35434B;\\r\\n --btn-font: 20px;\\r\\n --btn-activebg: #fff;\\r\\n --btn-activef: #35434B;\\r\\n --btn-activebrd: #35434B;\\r\\n}\\r\\n/* .container-fluid.nav-bar{\\r\\n padding: 0;\\r\\n position: fixed;\\r\\n top: 0;\\r\\n left: 0;\\r\\n right: 0;\\r\\n z-index: 99;\\r\\n}\\r\\n\\r\\n.nav-bar .justify-content-center span{\\r\\n color:#fff;\\r\\n font-size: 24px;\\r\\n}\\r\\n\\r\\n.bg-custom{\\r\\n background-color: #003366 !important;\\r\\n} */\\r\\n.container-fluid.swiper{\\r\\n /* min-height: 100vh; */\\r\\n\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n justify-content:center;\\r\\n align-items: center;\\r\\n /* padding-top: 62px; */\\r\\n /* overflow-y: hidden; */\\r\\n padding-left: 40px;\\r\\n padding-right: 40px;\\r\\n}\\r\\n@media screen and (max-width: 767px) {\\r\\n .container-fluid.swiper{\\r\\n padding: 0 20px;\\r\\n }\\r\\n}\\r\\n.venue_logo{\\r\\n display: block;\\r\\n /* margin: 0 0 30px; */\\r\\n max-width: 200px; \\r\\n margin: 40px 0;\\r\\n}\\r\\nswiper {\\r\\n width: 100%;\\r\\n}\\r\\n.swiper-wrapper {\\r\\n padding-bottom: 30px; \\r\\n /* overflow: hidden; */\\r\\n}\\r\\n.swiper-wrapper.grid-align {\\r\\n justify-content: center;\\r\\n}\\r\\n.swiper-button-next{\\r\\n right:0;\\r\\n background-image: url(\\\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 256 512%22%3E%3Cpath style%3D%22fill%3A%23000%3B%22 d%3D%22M24.707 38.101L4.908 57.899c-4.686 4.686-4.686 12.284 0 16.971L185.607 256 4.908 437.13c-4.686 4.686-4.686 12.284 0 16.971L24.707 473.9c4.686 4.686 12.284 4.686 16.971 0l209.414-209.414c4.686-4.686 4.686-12.284 0-16.971L41.678 38.101c-4.687-4.687-12.285-4.687-16.971 0z%22%2F%3E%3C%2Fsvg%3E\\\");\\r\\n fill: #000;\\r\\n}\\r\\n.swiper-button-prev{\\r\\n left:0;\\r\\n background-image: url(\\\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 256 512%22%3E%3Cpath style%3D%22fill%3A%23000%3B%22 d%3D%22M231.293 473.899l19.799-19.799c4.686-4.686 4.686-12.284 0-16.971L70.393 256 251.092 74.87c4.686-4.686 4.686-12.284 0-16.971L231.293 38.1c-4.686-4.686-12.284-4.686-16.971 0L4.908 247.515c-4.686 4.686-4.686 12.284 0 16.971L214.322 473.9c4.687 4.686 12.285 4.686 16.971-.001z%22%2F%3E%3C%2Fsvg%3E\\\");\\r\\n fill: #000;\\r\\n}\\r\\n.hide-swipper {\\r\\n display: none;\\r\\n}\\r\\n@media screen and (max-width: 767px) {\\r\\n .hide-swipper {\\r\\n display: block;\\r\\n }\\r\\n .swiper-button-next,.swiper-button-prev{\\r\\n width: 20px;\\r\\n height: 20px;\\r\\n }\\r\\n}\\r\\n@media screen and (min-width:768px){\\r\\n ::ng-deep .swiper-container.swiper-container-horizontal{\\r\\n overflow: initial;\\r\\n }\\r\\n \\r\\n .swiper-button-next{\\r\\n right:-30px;\\r\\n }\\r\\n \\r\\n .swiper-button-prev{\\r\\n left:-30px;\\r\\n }\\r\\n}\\r\\n@media only screen and (max-width:350px){\\r\\n .container-fluid.swiper{\\r\\n padding-left: 10px;\\r\\n padding-right: 10px;\\r\\n }\\r\\n}\\r\\n@media only screen and (max-width:320px){\\r\\n .container-fluid.swiper{\\r\\n padding-bottom: 65px;\\r\\n }\\r\\n .swiper-wrapper {\\r\\n /* margin-top: 60px; */\\r\\n }\\r\\n}\\r\\n.swiper-slide{\\r\\n text-align: center;\\r\\n min-height: 300px;\\r\\n height: auto;\\r\\n /* width: 65%; */\\r\\n border-radius: 20px;\\r\\n display: flex;\\r\\n flex-direction:column;\\r\\n align-items: center;\\r\\n background-color: rgba(255, 255, 255, 0.65);\\r\\n overflow: hidden;\\r\\n \\r\\n}\\r\\n.swiper-slide img{\\r\\n width: 60%;\\r\\n height: auto;\\r\\n border-radius: 50%;\\r\\n display: inline-block;\\r\\n margin: 20px 0 15px;\\r\\n}\\r\\n.venue-img {\\r\\n width: 100% !important;\\r\\n height: 200px !important;\\r\\n margin: 0px !important;\\r\\n border-radius: 0 !important;\\r\\n}\\r\\n@media screen and (max-width: 767px) {\\r\\n .venue-img {\\r\\n height: 150px !important;\\r\\n }\\r\\n}\\r\\n.swiper-slide .slide-title-1{\\r\\n color: var(--spl-font-color);\\r\\n font-size: 18px;\\r\\n width: 100%;\\r\\n line-height: 35px;\\r\\n}\\r\\n.swiper-slide h3.slide-title-2{\\r\\n color: var(--color); /*var(--spl-font-color)*/\\r\\n font-size: 18px;\\r\\n text-transform: uppercase;\\r\\n margin: 15px 8px 10px;\\r\\n}\\r\\n.swiper-slide .slide-desc-1{\\r\\n margin: 0 8px 8px;\\r\\n color: var(--color);\\r\\n font-size: 13px;\\r\\n font-weight: 500;\\r\\n overflow: hidden;\\r\\n text-overflow: ellipsis;\\r\\n display: -webkit-box;\\r\\n line-height: 1.5em;\\r\\n max-height: 3em;\\r\\n -webkit-line-clamp: 2;\\r\\n}\\r\\n.swiper-slide button{\\r\\n border-radius: initial;\\r\\n}\\r\\n/* voucher modal */\\r\\n@media screen and (max-width: 767px) {\\r\\n .modal-header.voucher-modal .modal-title {\\r\\n font-size: 24px !important;\\r\\n }\\r\\n}\\r\\n.modal-header.voucher-modal{\\r\\n padding: 0;\\r\\n}\\r\\n.modal-header.voucher-modal .modal-title{\\r\\n flex-grow: 2;\\r\\n text-align: center;\\r\\n font-size: 24px;\\r\\n color: var(--color) !important;\\r\\n text-transform: uppercase;\\r\\n padding: 0.5rem 0;\\r\\n font-weight: 550;\\r\\n}\\r\\n.modal-header.voucher-modal .payment-title{\\r\\n flex-grow: 2;\\r\\n text-align: center;\\r\\n font-size: 24px;\\r\\n color: var(--spl-font-color);\\r\\n text-transform: uppercase;\\r\\n padding: 1.5rem 0.5rem 3.5rem;\\r\\n}\\r\\n.modal-header.voucher-modal .close{\\r\\n margin: initial;\\r\\n padding: 0.5rem 1rem;\\r\\n}\\r\\n.close-svg {\\r\\n width: 25px !important;\\r\\n height: 35px;\\r\\n}\\r\\n.close-btn {\\r\\n position: absolute;\\r\\n right: 0;\\r\\n top: 0;\\r\\n}\\r\\n.modal-body.voucher-modal{\\r\\n padding: 0;\\r\\n}\\r\\n.modal-body.voucher-modal .voucher-details{\\r\\n max-height: 240px;\\r\\n overflow: scroll;\\r\\n}\\r\\n.modal-body.voucher-modal button.close{\\r\\n position: absolute;\\r\\n right: 9px;\\r\\n top: 0;\\r\\n font-size: 3rem;\\r\\n}\\r\\n.modal-body.voucher-modal p {\\r\\n color: var(--color);\\r\\n}\\r\\n.modal-body.voucher-modal img{\\r\\n width: 100%;\\r\\n height: auto;\\r\\n display: block;\\r\\n background-color: transparent;\\r\\n border-radius: 20px 20px 0 0;\\r\\n}\\r\\n.modal-body.voucher-modal.square-edge img {\\r\\n border-radius: 0px;\\r\\n}\\r\\n.modal-body.voucher-modal.square-edge button {\\r\\n border-radius: 0px;\\r\\n}\\r\\n.modal-body.voucher-modal.square-edge input {\\r\\n border-radius: 0px;\\r\\n}\\r\\n.modal-footer.voucher-modal.square-edge button {\\r\\n border-radius: 0px;\\r\\n}\\r\\n.modal-body.voucher-modal .bg-custom h2{\\r\\n text-align: center;\\r\\n color: var(--color); /*var(--spl-font-color)*/;\\r\\n font-size: 36px;\\r\\n font-weight: normal;\\r\\n padding: 8px 0;\\r\\n}\\r\\n.modal-body.voucher-modal .voucher-price{\\r\\n font-size: 30px;\\r\\n font-weight: 300;\\r\\n color: #003366;\\r\\n text-align: center;\\r\\n}\\r\\n.modal-body.voucher-modal .desc-long{\\r\\n color: var(--color); \\r\\n font-size: 20px;\\r\\n font-weight: 300;\\r\\n text-align: center;\\r\\n padding-left: 10px;\\r\\n padding-right: 10px;\\r\\n}\\r\\n.modal-body.voucher-modal .voucher-qty{\\r\\n justify-content: center;\\r\\n flex-direction: row;\\r\\n align-items: center;\\r\\n}\\r\\n.modal-body.voucher-modal .voucher-input-label{\\r\\n display: block !important;\\r\\n text-align: center;\\r\\n margin-bottom: .2rem;\\r\\n color: var(--color); \\r\\n}\\r\\n.modal-body.voucher-modal .send-myself-label {\\r\\n color: var(--color); \\r\\n padding-top: 6px;\\r\\n padding-right: 10px;\\r\\n}\\r\\n.modal-body.voucher-modal .voucher-qty input{\\r\\n flex: initial;\\r\\n width:120px;\\r\\n}\\r\\n.modal-footer.voucher-modal{\\r\\n justify-content: center;\\r\\n color: var(--color); \\r\\n}\\r\\n.modal-footer.voucher-modal.payment {\\r\\n border-top: none;\\r\\n width: 100%\\r\\n}\\r\\n/* credit card */\\r\\n.cardelement {\\r\\n padding: 10px;\\r\\n}\\r\\n.cardelement.number {\\r\\n border: 0.5px solid #e5e5e5;\\r\\n /* border-right: 0; */\\r\\n border-radius: 5px;\\r\\n margin-bottom: 10px;\\r\\n}\\r\\n.cardelement.expiry {\\r\\n border: 0.5px solid #e5e5e5;\\r\\n /* border-right: 0;\\r\\n border-left: 0; */\\r\\n border-radius: 5px;\\r\\n}\\r\\n.cardelement.cvc {\\r\\n border: 0.5px solid #e5e5e5;\\r\\n /* border-left: 0; */\\r\\n border-radius: 5px;\\r\\n margin-left: 5px;\\r\\n}\\r\\n.cardelement.number.square-edge, .cardelement.expiry.square-edge, .cardelement.cvc.square-edge {\\r\\n border-radius: 0px;\\r\\n}\\r\\n/* card error */\\r\\n.carderror {\\r\\n color: red;\\r\\n font-size: 15px;\\r\\n padding-top: 5px;\\r\\n padding-bottom: 5px;\\r\\n height: auto;\\r\\n text-align: center;\\r\\n}\\r\\n.lineItem {\\r\\n margin: 10px 0;\\r\\n font-size: 16px;\\r\\n}\\r\\n.lineItem.total {\\r\\n font-size: 18px;\\r\\n color: var(--color) !important;\\r\\n border-top: 0.5px solid #e5e5e5;\\r\\n}\\r\\n.lineItem.subtotal {\\r\\n margin-top: 35px;\\r\\n}\\r\\n.headerText {\\r\\n color: #35434B !important;\\r\\n}\\r\\n.quickpay {\\r\\n background: #252C36;\\r\\n color: white;\\r\\n font-size: 16px;\\r\\n margin: 15px 0px 10px;\\r\\n border-radius: 15px;\\r\\n}\\r\\n.quickpay:hover, .quickpay:active, .quickpay:focus {\\r\\n color: white !important;\\r\\n}\\r\\n@media only screen and (max-width:767px){\\r\\n .mobile-nopadding {\\r\\n padding: 0;\\r\\n }\\r\\n .vocher-image {\\r\\n max-width: 75px !important;\\r\\n }\\r\\n}\\r\\n.tax-lineitem {\\r\\n display: inline-flex;\\r\\n padding: 0;\\r\\n}\\r\\n.venue-title {\\r\\n font-size: 17px;\\r\\n font-weight: bold;\\r\\n letter-spacing: 1px;\\r\\n text-transform: uppercase;\\r\\n margin: 25px 0 0px;\\r\\n font-family: 'AGSchoolbookBold', sans-serif;\\r\\n min-height: 55px;\\r\\n color: var(--spl-font-color);\\r\\n}\\r\\n.org-theme .venue-title h2{\\r\\n font-weight: 550 !important;\\r\\n font-size: 2.3rem;\\r\\n}\\r\\n.venue-desc {\\r\\n font-size: 14px;\\r\\n color: var(--color);\\r\\n width: 100%;\\r\\n margin: 10px 0;\\r\\n font-family: 'AGSchoolbookReg', sans-serif;\\r\\n min-height: 60px;\\r\\n height: 108px;\\r\\n overflow-y: scroll;\\r\\n margin-bottom: 22px;\\r\\n}\\r\\n.venue-desc::-webkit-scrollbar {\\r\\n width: 0px;\\r\\n background: transparent; /* make scrollbar transparent */\\r\\n}\\r\\n.org-win-venue-desc {\\r\\n font-weight: 530;\\r\\n margin: 20px 0 30px;\\r\\n}\\r\\n.org-button {\\r\\n border: 2px solid var(--btn-border);\\r\\n padding-top: 22px;\\r\\n padding-bottom: 22px;\\r\\n text-transform: uppercase;\\r\\n font-size: 15px;\\r\\n background-color: var(--btn-bg);\\r\\n color: var(--btn-fontc);\\r\\n /* position: relative; */\\r\\n font-family: 'AGSchoolbookReg', sans-serif;\\r\\n font-weight: bold;\\r\\n width: 100%;\\r\\n}\\r\\n.org-button:active,\\r\\n.org-button:hover,\\r\\n.org-button:focus {\\r\\n background-color: var(--btn-activebg) !important;\\r\\n color: var(--btn-activef) !important;\\r\\n border-color: var(--btn-activebrd);\\r\\n}\\r\\n@media screen and (max-width: 767px) {\\r\\n .org-button {\\r\\n padding: 15px 0px;\\r\\n width: 100%;\\r\\n }\\r\\n}\\r\\n@media screen and (max-width: 350px) {\\r\\n .org-button {\\r\\n font-size: 14px;\\r\\n }\\r\\n}\\r\\n.venue-vouchers {\\r\\n padding: 10px 15px;\\r\\n}\\r\\n.org-theme-images {\\r\\n height: 30vh !important;\\r\\n /*border-radius: 0 !important;\\r\\n /*background-position: center;\\r\\n background-repeat: no-repeat;\\r\\n background-size: cover;*/\\r\\n}\\r\\n.org-theme-close {\\r\\n position: absolute;\\r\\n right: 0;\\r\\n top: 0;\\r\\n background: transparent;\\r\\n color: white;\\r\\n border: 0;\\r\\n font-size: 1.5rem;\\r\\n}\\r\\n.org-label {\\r\\n font-size: 12px;\\r\\n margin-bottom: 0px;\\r\\n margin-top: 15px;\\r\\n font-weight: 550;\\r\\n}\\r\\n.payment-form label {\\r\\n color: var(--color);\\r\\n}\\r\\n.payment-form .org-label {\\r\\n font-size: 15px;\\r\\n font-weight: bold;\\r\\n margin-bottom: 3px;\\r\\n}\\r\\n.org-theme .square-edge input {\\r\\n border-radius: 0 !important;\\r\\n}\\r\\n.org-theme .square-edge button {\\r\\n border-radius: 0 !important;\\r\\n}\\r\\n.org-theme .square-edge select {\\r\\n border-radius: 0 !important;\\r\\n}\\r\\n.org-theme.modal-title, .org-theme.payment-title {\\r\\n font-family: 'AGSchoolbookBold', sans-serif;\\r\\n}\\r\\n.org-theme.square-edge.cardelement.number, .org-theme.square-edge.cardelement.expiry, .org-theme.square-edge.cardelement.cvc {\\r\\n border-radius: 0 !important;\\r\\n}\\r\\n.venue-grid {\\r\\n margin-bottom: 35px;\\r\\n padding: 0 10px;\\r\\n min-height: 250px;\\r\\n}\\r\\nselect {\\r\\n -webkit-appearance: none;\\r\\n -moz-appearance: none;\\r\\n background: transparent;\\r\\n background-image: url(\\\"data:image/svg+xml;utf8,\\\");\\r\\n background-repeat: no-repeat;\\r\\n background-position-x: 100%;\\r\\n background-position-y: 5px;\\r\\n border: 1px solid #dfdfdf;\\r\\n border-radius: 2px;\\r\\n margin-right: 2rem;\\r\\n padding-right: 2rem;\\r\\n}\\r\\n.qty-btn-div {\\r\\n width: 20%;\\r\\n}\\r\\n.qty-btn-div button {\\r\\n width: 100%;\\r\\n}\\r\\n.org-qty-c {\\r\\n border-left: unset;\\r\\n border-right: unset;\\r\\n width: 60% !important;\\r\\n}\\r\\n.org-qty-l {\\r\\n border: 1px solid #ced4da;\\r\\n border-right: unset;\\r\\n}\\r\\n.org-qty-r {\\r\\n border: 1px solid #ced4da;\\r\\n border-left: unset;\\r\\n}\\r\\n@media screen and (max-width: 767px) {\\r\\n .success-modal {\\r\\n padding-top: 25vh !important;\\r\\n }\\r\\n}\\r\\n.form-required {\\r\\n font-size: 10px;\\r\\n color: red;\\r\\n position: absolute;\\r\\n}\"","module.exports = \"Error 404
\\r\\npage not found please check the url.
\\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 0\\\">\\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 ![](\\\"{{slider.image_square)
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n {{slider.title}}
\\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 ![\\\"logo\\\"](\\\"{{orgSetting.logo_image_url)
\\r\\n
\\r\\n 0\\\">\\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 ![](\\\"{{slider.background_image)
\\r\\n \\r\\n \\r\\n
\\r\\n {{slider.name}}
\\r\\n \\r\\n \\r\\n\\r\\n \\r\\n ![\\\"\\\"]()
\\r\\n
\\r\\n\\r\\n \\r\\n\\r\\n
\\r\\n {{currentVoucher.title}}
\\r\\n\\r\\n
\\r\\n\\r\\n \\r\\n {{currentVoucher.unit_price | currency:curencyName:'symbol-narrow'}}
\\r\\n\\r\\n Free
\\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
- Minimum: {{currentVoucher.min_value | currency:curencyName:'symbol-narrow'}} \\r\\n
- Maximum: {{currentVoucher.max_value |\\r\\n currency:curencyName:'symbol-narrow'}} \\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\\nPAYMENT & DELIVERY
\\r\\n \\r\\n\\r\\n \\r\\n
\\r\\n Payment
\\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 {{ currentVoucher.qty + ' x ' + currentVoucher.title }}\\r\\n
\\r\\n \\r\\n {{venueSetting.currency_sign}}{{ (currentVoucher.unit_price * 1) * currentVoucher.qty | number : '1.2-2' }}\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n Subtotal\\r\\n
\\r\\n \\r\\n {{venueSetting.currency_sign}}{{getAmount('subtotal') | number : '1.2-2' }}\\r\\n
\\r\\n 0\\\">\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{ tax.label }} (Excl)\\r\\n
\\r\\n \\r\\n {{venueSetting.currency_sign}}{{tax.amount | number : '1.2-2' }}\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n Card processing fee\\r\\n
\\r\\n \\r\\n {{venueSetting.currency_sign}}{{getAmount('processingfee') | number : '1.2-2' }}\\r\\n
\\r\\n 0\\\">\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{ tax.label }} on Processing Fee (Excl)\\r\\n
\\r\\n \\r\\n {{venueSetting.currency_sign}}{{tax.amount | number : '1.2-2' }}\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n Total\\r\\n
\\r\\n \\r\\n {{venueSetting.currency_sign}}{{getAmount('total') | number : '1.2-2' }}\\r\\n
\\r\\n 0\\\">\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{ tax.label }} (Incl)\\r\\n
\\r\\n \\r\\n {{venueSetting.currency_sign}}{{tax.amount | number : '1.2-2' }}\\r\\n
\\r\\n 0\\\">\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{ tax.label }} on Processing Fee (Incl)\\r\\n
\\r\\n \\r\\n {{venueSetting.currency_sign}}{{tax.amount | number : '1.2-2' }}\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n\\r\\n Thank you for your payment, we will send your {{heading}}(s) shortly!
\\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 The voucher will be emailed to the email below:
\\r\\n\\r\\n
\\r\\n {{recipientEmail}}
\\r\\n\\r\\n
\\r\\n Please click Confirm to continue
\\r\\n\\r\\n \\r\\n
\\r\\n TERMS & CONDITIONS
\\r\\n \\r\\n
\\r\\n \\r\\n\\r\\n
Click on the checkbox to indicate that you have read and agree to the terms below.\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n ![\\\"\\\"](\\\"{{currentVoucher.image_banner)
\\r\\n
\\r\\n\\r\\n \\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{currentVoucher.title}}
\\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