\\n
\\n\\n
\\n\\n\\n
\\n
\\n
\\n
Cosync Administrator \\n \\n\\n
\\n\\n
\\n\\n
\\n\\n
\\n \\n\\n
\\n \\n
\\n \\n \\n \\n \\n Name \\n Version Number \\n Status \\n Description \\n Created At \\n Control \\n \\n \\n\\n \\n \\n {{item.name}} \\n {{item.versionNumber}} \\n {{item.status}} \\n {{item.desc}} \\n {{item.createdAt}} \\n \\n \\n \\n\\n Add New \\n\\n
\\n
\\n
\\n\\n\\n
\\n \\n\\n
\\n \\n
\\n \\n \\n \\n \\n Name \\n Version Number \\n Status \\n Description \\n Created At \\n Control \\n \\n \\n\\n \\n \\n {{item.name}} \\n {{item.versionNumber}} \\n {{item.status}} \\n {{item.desc}} \\n {{item.createdAt}} \\n \\n \\n \\n\\n Add New \\n\\n
\\n
\\n
\\n
\\n\\n
\\n
\\n \\n
\\n \\n
\\n \\n
\\n
\\n
\\n
\\n
\\n
\\n Loading... \\n
\\n
\\n \\n
\\n
{{twoFactorText}}
\\n
\\n Admin Account: {{twoFactorAuth.email}}
\\n
\\n
\\n \\n
\\n
\\n
\\n \\n
\\n \\n
\\n Back \\n
\\n \\n
\\n Save \\n
\\n \\n
\\n \\n
\\n
\\n
\\n
\\n\\n
\\n
\\n \\n\\n
\\n \\n
\\n \\n \\n \\n \\n Coupon Code \\n Description \\n Percentage Amount \\n Status \\n Created At \\n Updated At \\n Control \\n \\n \\n\\n \\n \\n \\n {{item.couponCode}} \\n {{item.desc}} \\n {{item.amount}} \\n {{item.status}} \\n {{item.createdAt}} \\n {{item.updatedAt}} \\n \\n \\n edit \\n query_stats \\n delete \\n \\n \\n \\n\\n Add Coupon \\n\\n
\\n
\\n\\n
\\n\\n
\\n
\\n\\n
\\n\\n
\\n \\n \\n
\\n\\n\\n \\n \\n
No log is found. \\n\\n \\n
0\\\"> \\n
\\n \\n \\n \\n # \\n Coupon Code \\n Plan ID \\n Developer Id \\n Created At \\n \\n \\n \\n\\n \\n \\n {{ (couponLogsOffset.offset * couponEntryAmount) + i + 1 }} \\n {{log.couponCode}} \\n {{log.developerPlanId}} \\n {{log.developerId}} \\n {{log.createdAt}} \\n \\n No user is found. \\n \\n \\n \\n\\n \\n \\n {{ (couponLogsOffset.offset * couponEntryAmount) + i + 1 }} \\n {{log.couponCode}} \\n {{log.developerPlanId}} \\n {{log.developerId}} \\n {{log.createdAt}} \\n \\n\\n \\n
\\n \\n \\n
\\n\\n \\n
\\n
\\n
\\n
\\n\\n
\\n\\n
\\n \\n \\n\\n
\\n
\\n\\n
\\n\\n \\n
\\n\\n
\\n
\\n Loading... \\n
\\n
\\n\\n
\\n
No record has found. \\n \\n \\n
0\\\" style=\\\"overflow-x: hidden;\\\">\\n
\\n
\\n
\\n Show \\n \\n 25 \\n 50 \\n 100 \\n entries. Total Records: {{allDev}} \\n
\\n \\n
\\n\\n
\\n
\\n \\n
\\n \\n \\n \\n # \\n User ID \\n Email \\n First Name \\n Last Name \\n Type \\n Status \\n Created At \\n \\n \\n \\n\\n \\n \\n {{ i + 1 }} \\n {{user.uid}} \\n {{user.email}} \\n {{user.firstName}} \\n {{user.lastName}} \\n {{user.type}} \\n {{user.status}} \\n {{user.createdAt}} \\n \\n \\n No user is found. \\n \\n\\n \\n \\n {{ (devOffset.offset * entryAmount) + i + 1 }} \\n {{user.uid}} \\n {{user.email}} \\n {{user.firstName}} \\n {{user.lastName}} \\n {{user.type}} \\n {{user.status}} \\n {{user.createdAt}} \\n \\n \\n \\n\\n
\\n\\n \\n\\n
\\n
\\n \\n \\n\\n \\n
\\n\\n
\\n
\\n Loading... \\n
\\n
\\n\\n
\\n
No record has found. \\n \\n \\n
0\\\" style=\\\"overflow-x: hidden;\\\">\\n
\\n
\\n
\\n Show \\n \\n 25 \\n 50 \\n 100 \\n entries. Total Records: {{freeDev}} \\n
\\n
\\n\\n
\\n
\\n \\n
\\n \\n \\n \\n # \\n User ID \\n Email \\n First Name \\n Last Name \\n Type \\n Status \\n Created At \\n \\n \\n \\n\\n \\n \\n {{ i + 1 }} \\n {{user.uid}} \\n {{user.email}} \\n {{user.firstName}} \\n {{user.lastName}} \\n {{user.type}} \\n {{user.status}} \\n {{user.createdAt}} \\n \\n \\n No user is found. \\n \\n\\n \\n \\n {{ (freeDevOffset.offset * entryAmountFreeDev) + i + 1 }} \\n {{user.uid}} \\n {{user.email}} \\n {{user.firstName}} \\n {{user.lastName}} \\n {{user.type}} \\n {{user.status}} \\n {{user.createdAt}} \\n \\n \\n \\n\\n
\\n\\n \\n\\n
\\n
\\n \\n\\n\\n \\n
\\n\\n
\\n
\\n Loading... \\n
\\n
\\n\\n
\\n
No record has found. \\n \\n \\n
0\\\" style=\\\"overflow-x: hidden;\\\">\\n
\\n
\\n
\\n Show \\n \\n 25 \\n 50 \\n 100 \\n entries. Total Records: {{paidDev}} \\n
\\n
\\n\\n
\\n
\\n \\n
\\n \\n \\n \\n # \\n User ID \\n Email \\n First Name \\n Last Name \\n Type \\n Status \\n Created At \\n \\n \\n \\n\\n \\n \\n {{ i + 1 }} \\n {{user.uid}} \\n {{user.email}} \\n {{user.firstName}} \\n {{user.lastName}} \\n {{user.type}} \\n {{user.status}} \\n {{user.createdAt}} \\n \\n \\n No user is found. \\n \\n\\n \\n \\n {{ (paidDevOffset.offset * entryAmountPaidDev) + i + 1 }} \\n {{user.uid}} \\n {{user.email}} \\n {{user.firstName}} \\n {{user.lastName}} \\n {{user.type}} \\n {{user.status}} \\n {{user.createdAt}} \\n \\n \\n \\n\\n
\\n\\n \\n\\n
\\n
\\n \\n\\n\\n
\\n\\n
\\n
\\n\\n\\n
\\n \\n \\n
\\n \\n
\\n \\n \\n
\\n \\n
\\n \\n
\\n
\\n Loading... \\n
\\n
\\n \\n
\\n
No record has found. \\n \\n \\n
0\\\" style=\\\"overflow-x: hidden;\\\">\\n \\n \\n
\\n \\n \\n \\n # \\n Name \\n Type \\n Status \\n Total User \\n Created At \\n Control \\n \\n \\n \\n \\n \\n \\n {{ i + 1 }} \\n {{app.name}} \\n {{app.type}} \\n {{app.status}} \\n {{app.totalUser}} \\n {{app.createdAt}} \\n \\n \\n \\n
\\n \\n
\\n
\\n \\n
\\n \\n
\\n
No record has found. \\n \\n \\n
0\\\" style=\\\"overflow-x: hidden;\\\">\\n
\\n \\n
\\n \\n \\n \\n # \\n Invoice ID \\n Title \\n Transaction ID \\n Amount \\n Type \\n Status \\n Created At \\n Control \\n \\n \\n \\n \\n \\n \\n {{ i + 1 }} \\n {{item.invoiceId}} \\n {{item.title}} \\n {{item.appUserChargeTransactionId || item.subscriptionTransactionId}} \\n {{item.amount}} \\n {{item.type}} \\n {{item.status}} \\n {{item.createdAt}} \\n {{item.status == 'paid' ? 'refund' : ''}} \\n refunding...\\n \\n \\n \\n \\n
\\n \\n
\\n
\\n \\n \\n
\\n \\n
\\n Update Developer Account Status:\\n
\\n\\n
\\n
\\n \\n \\n Active \\n Disabled \\n Blocked \\n Pending \\n DELETE \\n \\n \\n
\\n
\\n\\n
\\n \\n \\n \\n
\\n
\\n
\\n\\n\\n
\\n
\\n\\n \\n \\n \\n\\n
\\n
\\n
\\n
\\n\\n\\n\\n
\\n \\n\\n \\n \\n\\n\\n
\\n \\n\\n \\n\\n \\n\\n
\\n \\n\\n \\n\\n \\n\\n\\n
\\n \\n\\n \\n
\\n\\n\\n
\\n \\n
\\n\\n
\\n
\\n Loading... \\n
\\n
\\n\\n
\\n
No record has found. \\n \\n \\n
0\\\" style=\\\"overflow-x: hidden;\\\">\\n \\n \\n
\\n \\n \\n \\n # \\n Name \\n Type \\n Status \\n Created At \\n Control \\n \\n \\n\\n \\n \\n \\n {{ i + 1 }} \\n {{app.name}} \\n {{app.type}} \\n {{app.status}} \\n {{app.createdAt}} \\n \\n \\n\\n
\\n\\n
\\n
\\n\\n
\\n\\n
\\n
No record has found. \\n \\n \\n
0\\\" style=\\\"overflow-x: hidden;\\\">\\n \\n \\n
\\n \\n \\n \\n # \\n Invoice ID \\n Title \\n Transaction ID \\n Amount \\n Type \\n Created At \\n Control \\n \\n \\n\\n \\n \\n \\n {{ i + 1 }} \\n {{item.invoiceId}} \\n {{item.title}} \\n {{item.appUserChargeTransactionId || item.subscriptionTransactionId}} \\n {{item.amount}} \\n {{item.type}} \\n {{item.createdAt}} \\n \\n \\n \\n\\n
\\n
\\n
\\n
\\n
\\n\\n\\n\\n\\n\\n
\\n \\n\\n \\n\\n \\n\\n\\n\\n
\\n \\n\\n \\n\\n \\n\\n\\n\\n
\\n \\n\\n \\n\\n \\n\\n\\n\\n
\\n \\n\\n \\n\\n \\n\\n\\n\\n\\n
\\n \\n\\n \\n\\n \\n\\n\\n
\\n \\n\\n \\n\\n \\n\\n\"","export default \"\\n\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n \\n Sandbox {{item.name}} \\n \\n \\n \\n
\\n \\n\\n
\\n \\n Create New App \\n
\\n
\\n
\\n
\\n
\\n\\n
\\n\\n
\\n\\n
\\n
\\n
\\n \\n
\\n \\n
Sandbox App \\n \\n
Get started quickly with testing out the capabilities of Cosync AUTH by creating a sandbox app for your Realm app
\\n
\\n Up to 20 Cosync apps \\n Up to 50 users per app \\n Free forever \\n \\n
+ Add First App \\n
\\n\\n \\n \\n
\\n
\\n
\\n \\n
\\n
\\n
\\n
{{app.name}} \\n
\\n initializing \\n
\\n Loading... \\n
\\n
\\n Loading... \\n
\\n
\\n Loading... \\n
\\n
\\n\\n
\\n Status: {{app.status}}\\n \\n\\n
\\n\\n
\\n
Last Modified: {{app.lastModified}}
\\n
\\n\\n
\\n Details \\n \\n \\n
\\n\\n
\\n
\\n
\\n\\n \\n
\\n
\\n
{{appToEdit.name}} Application Detail \\n
\\n
\\n
\\n\\n \\n\\n
\\n\\n \\n
\\n
\\n \\n
\\n
\\n\\n
\\n\\n \\n
\\n
\\n add user\\n \\n\\n
\\n
\\n Loading... \\n
\\n
\\n\\n
\\n
No Users \\n \\n \\n
0\\\" style=\\\"overflow-x: hidden;\\\">\\n
\\n
\\n
\\n Show \\n \\n 25 \\n 50 \\n 100 \\n 500 \\n entries \\n
\\n
\\n\\n
\\n
0\\\">\\n
Total User: {{appData.totalUser}} \\n 0\\\">Total Anonnymous User: {{appData.totalAnonUser}} \\n \\n
\\n\\n
\\n
\\n
\\n \\n \\n
\\n
\\n \\n \\n \\n # \\n Handle \\n User Name \\n Login Provider \\n Last Login \\n Metadata \\n Created At \\n Control \\n \\n \\n\\n \\n \\n {{ i + 1 }} \\n {{user.handle}} \\n {{user.userName || \\\"\\\"}} \\n {{user.loginProvider || \\\"email\\\"}} \\n {{user.lastLogin || \\\"\\\"}} \\n \\n Show Metadata \\n No Metadata \\n \\n {{user.createdAt}} \\n \\n \\n \\n No user is found. \\n \\n\\n \\n \\n {{ (userOffset.offset * entryAmount) + i + 1 }} \\n {{user.handle}} \\n {{user.userName || \\\"\\\"}} \\n {{user.loginProvider || \\\"email\\\"}} \\n {{user.lastLogin || \\\"\\\"}} \\n \\n Show Metadata \\n No Metadata \\n \\n {{user.createdAt}} \\n \\n \\n \\n \\n
\\n \\n \\n\\n
\\n
\\n \\n\\n\\n \\n
\\n\\n
\\n create invite\\n \\n\\n
\\n
No record has found. \\n \\n \\n
0\\\" style=\\\"overflow-x: hidden;\\\">\\n
\\n
\\n
\\n Show \\n \\n 25 \\n 50 \\n 100 \\n 500 \\n entries \\n
\\n
\\n
\\n
0\\\">\\n
Total Invitation: {{appData.totalInvite}} \\n \\n
\\n
\\n
\\n \\n
\\n \\n \\n \\n # \\n Handle \\n Sender Handle \\n Status \\n Created At \\n Updated At \\n Control \\n \\n \\n\\n \\n \\n {{ i + 1 }} \\n {{item.handle}} \\n {{item.senderHandle}} \\n {{item.status}} \\n {{item.createdAt}} \\n {{item.updatedAt}} \\n \\n \\n No record is found. \\n \\n\\n \\n \\n {{ (inviteOffset.offset * entryAmountInvite) + i + 1 }} \\n {{item.handle}} \\n {{item.senderHandle}} \\n {{item.status}} \\n {{item.createdAt}} \\n {{item.updatedAt}} \\n \\n \\n \\n
\\n \\n \\n
\\n
\\n \\n\\n
\\n
\\n
\\n Loading... \\n
\\n
\\n\\n
\\n
No record has found. \\n \\n\\n
0\\\" style=\\\"overflow-x: hidden;\\\">\\n
\\n
\\n
\\n Show \\n \\n 25 \\n 50 \\n 100 \\n 500 \\n entries \\n
\\n
\\n\\n
\\n
0\\\">\\n
Total Signup: {{appData.totalSignup}} \\n \\n
\\n\\n
\\n
\\n \\n
\\n \\n \\n \\n # \\n Handle \\n Status \\n Created At \\n Updated At \\n Control \\n \\n \\n\\n \\n \\n {{ i + 1 }} \\n {{item.handle}} \\n {{item.status}} \\n {{item.createdAt}} \\n {{item.updatedAt}} \\n \\n \\n No record is found. \\n \\n\\n \\n \\n {{ (signUpOffset.offset * entryAmountSignUp) + i + 1 }} \\n {{item.handle}} \\n {{item.status}} \\n {{item.createdAt}} \\n {{item.updatedAt}} \\n \\n \\n \\n
\\n \\n \\n
\\n\\n
\\n
\\n\\n
\\n
\\n
\\n \\n\\n \\n
\\n\\n \\n\\n
\\n \\n
\\n \\n \\n
\\n\\n
\\n
Set your email template locale for user
\\n
\\n \\n
\\n \\n \\n \\n {{locale}} - {{findCountryByLocale(locale)}} \\n \\n \\n
\\n \\n \\n
\\n \\n language Edit Locale\\n \\n
\\n
\\n \\n
\\n
\\n\\n
\\n\\n
\\n
Email address verification \\n
When a user signs up using an email address and password, you can send them a confirmation code to verify their registered email address. Learn more.
\\n \\n
Message edit \\n \\n\\n
\\n \\n
\\n \\n
\\n
\\n
Account signup verification \\n
When a user signs up using an email address and password, you can send them a confirmation link to verify their registered email address. Learn more.
\\n \\n
Message edit \\n \\n\\n
\\n \\n
\\n \\n
\\n\\n \\n\\n
\\n
Account signup success \\n
After a user signs up, you can send them a successed email to their email address. Learn more.
\\n \\n
Message edit \\n \\n\\n
\\n \\n
\\n \\n
\\n \\n\\n
\\n
Account signup confirmation \\n
When a user signs up using an email address and password, you can customize the click through link page. Learn more.
\\n \\n
Message edit \\n \\n\\n
\\n \\n
\\n \\n
\\n\\n\\n
\\n \\n
Password reset \\n
When a user forgets their password, a password reset email is sent to help them set up a new one. Learn more.
\\n \\n
Message edit \\n \\n \\n
\\n \\n
\\n \\n
\\n
\\n \\n
\\n \\n
\\n \\n \\n \\n
\\n \\n Cancel \\n Save \\n \\n \\n \\n\\n
\\n \\n
\\n \\n
\\n
\\n \\n \\n
\\n\\n
\\n
Account Invitation \\n
When a user invites other account, an invitation email is sent to the email. Learn more.
\\n \\n
Message edit \\n \\n \\n
\\n \\n
\\n \\n
\\n
\\n \\n
\\n \\n
\\n \\n \\n \\n
\\n \\n Cancel \\n Save \\n\\n \\n \\n
\\n \\n
\\n \\n
\\n
\\n
\\n\\n\\n
\\n
QR Code for Two Factor Verification \\n
When a user enable two step verification, the user will recieve this email for the QR Code. Learn more.
\\n \\n
Message edit \\n \\n \\n
\\n \\n
\\n \\n
\\n\\n
\\n \\n
\\n \\n
\\n \\n \\n \\n
\\n \\n Cancel \\n Save \\n \\n \\n
\\n \\n
\\n \\n
\\n
\\n
\\n\\n\\n
\\n
SMS verification \\n
Allow users to sign in using a one time passcode sent as a SMS to their mobile phones. Learn more.
\\n \\n
Message edit \\n
\\n \\n
\\n
\\n
\\n
\\n \\n \\n \\n
\\n Cancel \\n Save \\n \\n \\n
\\n \\n
\\n \\n
\\n
\\n
\\n\\n
\\n\\n
\\n
\\n \\n
\\n\\n \\n\\n
\\n
\\n \\n
\\n
\\n
\\n Loading... \\n
\\n
\\n \\n \\n
\\n\\n
\\n\\n
\\n
\\n\\n \\n \\n\\n Action: \\n \\n All \\n {{act}} \\n \\n\\n
\\n
\\n\\n
\\n
\\n\\n Type: \\n \\n All \\n App \\n User \\n \\n \\n
\\n
\\n\\n
\\n
\\n Status: \\n \\n All \\n Success \\n Error \\n \\n \\n
\\n
\\n\\n
\\n
\\n \\n \\n \\n
\\n
\\n\\n
\\n
\\n
\\n \\n \\n \\n {{logDateFilterMessage}} \\n
\\n \\n
\\n \\n
\\n\\n
\\n Apply \\n Reset \\n
\\n\\n
\\n\\n
\\n\\n
\\n \\n
\\n \\n Show \\n \\n 25 \\n 50 \\n 100 \\n 500 \\n entries \\n\\n Total Log: {{appLogData.totalLog}} \\n
\\n
\\n\\n
\\n\\n\\n
No log is found. \\n\\n
0\\\"> \\n
\\n \\n \\n \\n # \\n Log Type \\n Action \\n Status \\n Value \\n Created At \\n \\n \\n \\n\\n \\n \\n {{ (logsOffset.offset * entryAmount) + i + 1 }} \\n {{log.logType}} \\n {{log.action}} \\n {{log.status || \\\"\\\"}} \\n {{log.status || \\\"\\\"}} \\n {{log.value}}
{{log.createdAt}} \\n \\n\\n \\n
\\n \\n \\n
\\n\\n
\\n \\n
\\n
\\n
\\n\\n\\n
\\n
\\n \\n\\n\\n
\\n\\n
\\n
\\n
MongoDB Realm App ID \\n
\\n
\\n
\\n\\n
\\n
\\n
Initialize Cosync AUTH \\n
Installed Version: {{appToEdit.appData.CosyncJWTVersion}}
\\n
Latest Version: {{cosyncVersions.cosyncJWT[0].versionNumber}}
\\n\\n
\\n
\\n \\n
\\n AUTH Token Expiration in Hour \\n
\\n \\n
Init Cosync AUTH \\n
Remove Cosync AUTH \\n
\\n
\\n \\n
\\n
\\n\\n\\n
\\n
\\n
Initialize Cosync AssetLink \\n
Installed Version: {{appToEdit.appData.CosyncEngineVersion}}
\\n
Latest Version: {{cosyncVersions.cosyncEngine[0].versionNumber}}
\\n \\n
\\n
\\n Init Cosync AssetLink \\n Remove Cosync AssetLink \\n \\n
\\n
\\n\\n
\\n
\\n\\n
\\n\\n\\n\\n
\\n
\\n\\n
\\n \\n \\n
\\n \\n\\n
\\n \\n
\\n\\n \\n
\\n\\n
\\n
\\n
Two Factor Verifications \\n
Set your two factor verifications with Google Authenticator or Twilio
\\n
\\n
\\n \\n \\n None \\n Google \\n Phone \\n \\n \\n
\\n
\\n
\\n\\n
\\n\\n
\\n Update \\n
\\n\\n
\\n \\n Update \\n Test \\n
\\n \\n
\\n\\n
\\n\\n
\\n
\\n
Maximux User of the Application \\n
maximum number of users for a commercial application. Minimum is 1000
\\n
\\n
\\n \\n
\\n
\\n \\n
\\n
\\n
Allow App Invitation \\n
Turn on or off App Invitation.
\\n\\n
\\n
\\n \\n \\n
\\n \\n
\\n \\n
\\n\\n
Allow User Name Login \\n
Turn on or off App User Name Login.
\\n \\n
\\n \\n \\n
\\n
\\n\\n\\n
\\n\\n
Allow Apple Login \\n
Turn on or off App Apple Login.
\\n \\n
\\n \\n \\n
\\n
\\n
\\n\\n
\\n Save \\n
\\n \\n
\\n\\n
\\n\\n
\\n\\n
Allow Google Login \\n
Turn on or off App Apple Login.
\\n \\n
\\n \\n \\n
\\n\\n
\\n
\\n\\n
\\n Save \\n
\\n\\n
\\n\\n
\\n\\n
\\n\\n
Allow Anonymous Login \\n
Turn on or off App Anonymous Login.
\\n \\n
\\n \\n \\n
\\n
\\n\\n\\n
\\n\\n
Allow App Signup \\n
Turn on or off App Signup.
\\n \\n
\\n \\n \\n
\\n
\\n\\n
Set your app sign up flow \\n\\n
\\n\\n \\n \\n Code \\n Link \\n None \\n \\n \\n
\\n\\n\\n
\\n
\\n\\n
\\n \\n
\\n
Metadata Fields \\n
Specify where metadata is located in your AUTH. Dot notation is supported.
\\n
\\n
\\n \\n
\\n
+ Add Field \\n\\n
\\n\\n\\n \\n\\n \\n
\\n\\n
\\n \\n
\\n
Invite Metadata Fields \\n
Specify what invite metadata in your app invitation. Dot notation is supported.
\\n \\n
\\n
+ Add Field \\n\\n
\\n\\n\\n \\n\\n \\n
\\n\\n\\n\\n
\\n
\\n
Password Filter \\n\\n
Set minimum strong password for user.
\\n \\n\\n
\\n \\n \\n
\\n\\n
\\n\\n
Save \\n\\n
\\n
\\n\\n\\n\\n
\\n
\\n
Email Extensions \\n\\n
Set your own email extensions for your application. We only accept SendGrid Account.
\\n\\n
\\n \\n \\n
\\n\\n
\\n\\n
Save \\n\\n\\n
Test Extension \\n\\n
\\n
\\n\\n \\n \\n
\\n \\n\\n\\n \\n
\\n\\n
\\n
\\n
Maximux User of the Application \\n
maximum number of users for a commercial application
\\n
\\n
\\n
Update \\n
\\n
\\n\\n \\n \\n
\\n \\n\\n
\\n\\n
\\n
\\n\\n\\n
\\n\\n\\n
\\n
\\n
\\n \\n \\n \\n\\n
\\n
\\n
\\n\\n\\n\\n\\n
\\n \\n\\n \\n \\n\\n \\n\\n\\n
\\n \\n\\n \\n \\n\\n\\n\\n
\\n \\n\\n \\n \\n\\n\\n \\n\\n\\n
\\n \\n\\n \\n \\n\\n\\n\\n
\\n \\n\\n \\n\\n
When you customize an email template's subject line and message, you can use the following placeholder strings to represent values that will be filled in before sending:
\\n
\\n
\\n \\n \\n \\n %APP_NAME%The name of your app. You can set this value by editing the App name field on the App page. \\n \\n \\n %HANDLE%The recipient's email address or phone number. \\n \\n \\n %CODE%The code to send to user for account verification. \\n \\n \\n %LINK%The link to send to user for account verification. \\n \\n \\n
\\n
\\n\\n
\\n
\\n \\n
\\n
\\n Close \\n
\\n
\\n \\n
\\n
\\n \\n
\\n\\n\\n\\n
\\n \\n\\n \\n
User Handle: {{currentAppUser.handle}}
\\n \\n
Edit Metadata
\\n
\\n
User doesn't have any Metadata.
\\n
\\n
\\n
\\n\\n
\\n
Update Your User Metadata:
\\n \\n \\n
\\n \\n
\\n
\\n Save \\n Discard \\n
\\n
\\n\\n \\n
\\n \\n \\n \\n\\n \\n
\\n\\n
\\n \\n\\n \\n
Please select the locale that you wish to add.
\\n\\n
\\n \\n \\n Add Locale \\n {{item.name}} - {{item.code}} \\n \\n \\n
\\n\\n
\\n \\n
\\n \\n \\n Locale \\n Language \\n Remove \\n \\n \\n\\n \\n \\n \\n {{locale}} \\n {{findCountryByLocale(locale)}} \\n delete \\n\\n \\n \\n
\\n \\n \\n
\\n\\n
\\n Cancel \\n Submit \\n
\\n\\n
\\n\\n
\\n \\n\\n \\n
Please enter your MongoDB Realm Credential. We don't store these infomation in the database.
\\n\\n
\\n
\\n\\n\\n\\n
\\n \\n\\n \\n
Please enter your MongoDB Realm Credential to remove Cosync AUTH. We don't store these infomation in the database.
\\n\\n
\\n
\\n\\n\\n\\n\\n
\\n \\n\\n \\n
Please enter your MongoDB Realm Credential . We don't store these infomation in the database.
\\n
Please enter your Amazone S3 Credential . We don't store these infomation in the database.
\\n
\\n
\\n\\n\\n\\n
\\n \\n\\n \\n
Please enter your MongoDB Realm Credential to remove Cosync AssetLink. We don't store these infomation in the database.
\\n \\n
\\n
\\n\"","export default \"\\n \\n \\n \\n \"","export default \"\\n \"","export default \" \\n \"","export default \"
\\n \\n \\n
\\n \\n \\n\\n
\\n\\n
\\n \"","export default \"
\\n \\n
\\n \\n
\\n Toggle navigation \\n \\n\\n
\\n
\"","export default \"\\n\\n
\\n
\\n
\\n
\\n
\\n
\\n\\n
\\n\\n
\\n\\n\\n\\n
\\n Create New Host \\n
\\n \\n\\n
\\n\\n
\\n Create New App \\n \\n Toggle Dropdown \\n \\n \\n
\\n\\n \\n
\\n\\n
\\n
\\n
\\n
\\n\\n
\\n\\n
\\n
\\n Loading... \\n
\\n
\\n\\n
\\n \\n\\n
\\n
\\n
\\n\\n
\\n
Hosts \\n \\n
Run your own AUTH server managed through Cosync Portal
\\n
\\n Unlimited apps \\n Unlimited user per app \\n Custom user emails \\n Email technical support \\n $29/month or $228/year \\n \\n
+ Add First Host \\n
\\n\\n \\n\\n
\\n
\\n
\\n \\n
\\n
\\n
\\n
{{host.name}} \\n Status: {{host.status}} \\n Status: {{host.status}} \\n \\n\\n
\\n \\n
Last Modified: {{host.lastModified}}
\\n
\\n\\n
\\n All Apps \\n \\n \\n
\\n\\n
\\n
\\n\\n \\n\\n
\\n\\n\\n
\\n
No Application. \\n
\\n
\\n
\\n
{{app.name}} \\n
\\n initializing \\n
\\n Loading... \\n
\\n
\\n Loading... \\n
\\n
\\n Loading... \\n
\\n
\\n\\n
\\n Status: {{app.status}}\\n \\n\\n
\\n\\n
\\n
Last Modified: {{app.lastModified}}
\\n
\\n\\n
\\n Details \\n \\n \\n
\\n\\n
\\n
\\n
\\n\\n \\n\\n
\\n
\\n
{{hostToEdit.name}} Host Detail \\n\\n
\\n\\n
\\n\\n
\\n\\n\\n\\n \\n \\n
\\n
\\n
{{appToEdit.name}} Application Detail \\n
\\n
\\n
\\n\\n \\n\\n
\\n\\n \\n
\\n
\\n \\n
\\n
\\n\\n
\\n\\n \\n
\\n
\\n add user\\n \\n\\n
\\n
\\n Loading... \\n
\\n
\\n\\n
\\n
No Users \\n \\n \\n
0\\\" style=\\\"overflow-x: hidden;\\\">\\n
\\n
\\n
\\n Show \\n \\n 25 \\n 50 \\n 100 \\n 500 \\n entries \\n
\\n
\\n\\n
\\n\\n
0\\\">\\n
Total User: {{appData.totalUser}} \\n 0\\\">Total Anonnymous User: {{appData.totalAnonUser}} \\n \\n
\\n\\n\\n\\n
\\n
\\n\\n
\\n \\n \\n
\\n\\n \\n
\\n \\n \\n \\n # \\n Handle \\n User Name \\n Login Provider \\n Last Login \\n Metadata \\n Created At \\n Control \\n \\n \\n\\n \\n \\n {{ i + 1 }} \\n {{user.handle}} \\n {{user.userName}} \\n {{user.loginProvider || \\\"email\\\"}} \\n {{user.lastLogin || \\\"\\\"}} \\n \\n Show Metadata \\n No Metadata \\n \\n {{user.createdAt}} \\n \\n \\n \\n No user is found. \\n \\n\\n \\n \\n {{ (userOffset.offset * entryAmount) + i + 1 }} \\n {{user.handle}} \\n {{user.userName}} \\n {{user.loginProvider || \\\"email\\\"}} \\n {{user.lastLogin || \\\"\\\"}} \\n \\n Show Metadata \\n No Metadata \\n \\n {{user.createdAt}} \\n \\n \\n \\n \\n
\\n \\n \\n\\n
\\n
\\n \\n\\n\\n \\n
\\n\\n
\\n create invite\\n \\n\\n
\\n
No record has found. \\n \\n \\n
0\\\" style=\\\"overflow-x: hidden;\\\">\\n
\\n
\\n
\\n Show \\n \\n 25 \\n 50 \\n 100 \\n 500 \\n entries \\n
\\n
\\n
\\n
0\\\">\\n
Total Invitation: {{appData.totalInvite}} \\n \\n
\\n
\\n
\\n \\n
\\n \\n \\n \\n # \\n Handle \\n Sender Handle \\n Status \\n Created At \\n Updated At \\n Control \\n \\n \\n\\n \\n \\n {{ i + 1 }} \\n {{item.handle}} \\n {{item.senderHandle}} \\n {{item.status}} \\n {{item.createdAt}} \\n {{item.updatedAt}} \\n \\n \\n No record is found. \\n \\n\\n \\n \\n {{ (inviteOffset.offset * entryAmountInvite) + i + 1 }} \\n {{item.handle}} \\n {{item.senderHandle}} \\n {{item.status}} \\n {{item.createdAt}} \\n {{item.updatedAt}} \\n \\n \\n \\n
\\n \\n \\n
\\n
\\n \\n\\n
\\n
\\n
\\n Loading... \\n
\\n
\\n\\n
\\n
No record has found. \\n \\n\\n
0\\\" style=\\\"overflow-x: hidden;\\\">\\n
\\n
\\n
\\n Show \\n \\n 25 \\n 50 \\n 100 \\n 500 \\n entries \\n
\\n
\\n\\n
\\n
0\\\">\\n
Total Signup: {{appData.totalSignup}} \\n \\n
\\n\\n
\\n
\\n \\n
\\n \\n \\n \\n # \\n Handle \\n Status \\n Created At \\n Updated At \\n Control \\n \\n \\n\\n \\n \\n {{ i + 1 }} \\n {{item.handle}} \\n {{item.status}} \\n {{item.createdAt}} \\n {{item.updatedAt}} \\n \\n \\n No record is found. \\n \\n\\n \\n \\n {{ (signUpOffset.offset * entryAmountSignUp) + i + 1 }} \\n {{item.handle}} \\n {{item.status}} \\n {{item.createdAt}} \\n {{item.updatedAt}} \\n \\n \\n \\n
\\n \\n \\n
\\n\\n
\\n
\\n\\n
\\n
\\n
\\n \\n\\n \\n
\\n\\n \\n\\n
\\n \\n
\\n \\n \\n
\\n\\n
\\n
Set your email template locale for user
\\n
\\n \\n
\\n \\n \\n \\n {{locale}} - {{findCountryByLocale(locale)}} \\n \\n \\n
\\n \\n \\n
\\n \\n language Edit Locale\\n \\n
\\n
\\n \\n
\\n
\\n\\n
\\n\\n
\\n
Email address verification \\n
When a user signs up using an email address and password, you can send them a confirmation code to verify their registered email address. Learn more.
\\n \\n
Message edit \\n \\n\\n
\\n \\n
\\n \\n
\\n\\n\\n
\\n
Account signup verification \\n
When a user signs up using an email address and password, you can send them a confirmation link to verify their registered email address. Learn more.
\\n \\n
Message edit \\n \\n\\n
\\n \\n
\\n \\n
\\n\\n\\n\\n
\\n
Account signup success \\n
After a user signs up, you can send them a successed email to their email address. Learn more.
\\n \\n
Message edit \\n \\n\\n
\\n \\n
\\n \\n
\\n\\n\\n
\\n
Account signup confirmation \\n
When a user signs up using an email address and password, you can customize the click through link page. Learn more.
\\n \\n
Message edit \\n \\n\\n
\\n \\n
\\n \\n
\\n\\n\\n
\\n \\n
Password reset \\n
When a user forgets their password, a password reset email is sent to help them set up a new one. Learn more.
\\n \\n
Message edit \\n \\n \\n
\\n \\n
\\n \\n
\\n
\\n \\n
\\n \\n
\\n \\n \\n \\n
\\n \\n Cancel \\n Save \\n \\n \\n \\n\\n
\\n \\n
\\n \\n
\\n
\\n \\n \\n
\\n\\n
\\n
Account Invitation \\n
When a user invites other account, an invitation email is sent to the email. Learn more.
\\n \\n
Message edit \\n \\n \\n
\\n \\n
\\n \\n
\\n
\\n \\n
\\n \\n
\\n \\n \\n \\n
\\n \\n Cancel \\n Save \\n\\n \\n \\n
\\n \\n
\\n \\n
\\n
\\n
\\n\\n\\n
\\n
QR Code for Two Factor Verification \\n
When a user enable two step verification, the user will recieve this email for the QR Code. Learn more.
\\n \\n
Message edit \\n \\n \\n
\\n \\n
\\n \\n
\\n\\n
\\n \\n
\\n \\n
\\n \\n \\n \\n
\\n \\n Cancel \\n Save \\n \\n \\n
\\n \\n
\\n \\n
\\n
\\n
\\n\\n\\n
\\n
SMS verification \\n
Allow users to sign in using a one time passcode sent as a SMS to their mobile phones. Learn more.
\\n \\n
Message edit \\n
\\n \\n
\\n
\\n
\\n
\\n \\n \\n \\n
\\n Cancel \\n Save \\n \\n \\n
\\n \\n
\\n \\n
\\n
\\n
\\n\\n
\\n\\n
\\n
\\n \\n
\\n\\n\\n\\n
\\n
\\n \\n
\\n
\\n
\\n Loading... \\n
\\n
\\n \\n \\n
\\n\\n
\\n\\n
\\n
\\n\\n \\n \\n\\n Action: \\n \\n All \\n {{act}} \\n \\n\\n
\\n
\\n\\n
\\n
\\n\\n Type: \\n \\n All \\n App \\n User \\n \\n \\n
\\n
\\n\\n
\\n
\\n Status: \\n \\n All \\n Success \\n Error \\n \\n \\n
\\n
\\n\\n
\\n
\\n \\n \\n \\n
\\n
\\n\\n
\\n
\\n
\\n \\n \\n \\n {{logDateFilterMessage}} \\n
\\n \\n
\\n \\n
\\n\\n
\\n Apply \\n Reset \\n
\\n\\n
\\n\\n
\\n\\n
\\n \\n
\\n \\n Show \\n \\n 25 \\n 50 \\n 100 \\n 500 \\n entries \\n\\n Total Log: {{appLogData.totalLog}} \\n
\\n
\\n\\n
\\n\\n\\n
No log is found. \\n\\n
0\\\"> \\n
\\n \\n \\n \\n # \\n Log Type \\n Action \\n Status \\n Value \\n Created At \\n \\n \\n \\n\\n \\n \\n {{ (logsOffset.offset * entryAmount) + i + 1 }} \\n {{log.logType}} \\n {{log.action}} \\n {{log.status || \\\"\\\"}} \\n {{log.status || \\\"\\\"}} \\n {{log.value}}
{{log.createdAt}} \\n \\n\\n \\n
\\n \\n \\n
\\n\\n
\\n \\n
\\n
\\n
\\n\\n\\n
\\n
\\n \\n\\n\\n
\\n\\n
\\n
\\n
MongoDB Realm App ID \\n
\\n
\\n
\\n\\n
\\n
\\n
Initialize Cosync AUTH \\n
Installed Version: {{appToEdit.appData.CosyncJWTVersion}}
\\n
Latest Version: {{cosyncVersions.cosyncJWT[0].versionNumber}}
\\n\\n
\\n
\\n \\n
\\n AUTH Token Expiration in Hour \\n
\\n \\n
Init Cosync AUTH \\n
Remove Cosync AUTH \\n
\\n
\\n \\n
\\n
\\n\\n\\n
\\n
\\n
Initialize Cosync AssetLink \\n
Installed Version: {{appToEdit.appData.CosyncEngineVersion}}
\\n
Latest Version: {{cosyncVersions.cosyncEngine[0].versionNumber}}
\\n \\n
\\n
Upgrade your account to use Cosync AssetLink Engine
\\n
Init Cosync AssetLink \\n
\\n \\n
\\n
\\n Init Cosync AssetLink \\n Remove Cosync AssetLink \\n \\n
\\n
\\n\\n
\\n
\\n\\n
\\n\\n\\n\\n
\\n
\\n\\n
\\n \\n \\n
\\n \\n\\n
\\n \\n
\\n\\n \\n
\\n\\n
\\n
\\n
Two Factor Verifications \\n
Set your two factor verifications with Google Authenticator or Twilio
\\n
\\n
\\n \\n \\n None \\n Google \\n Phone \\n \\n \\n
\\n
\\n
\\n\\n
\\n\\n
\\n Update \\n
\\n\\n
\\n \\n Update \\n Test \\n
\\n \\n
\\n\\n
\\n \\n \\n
\\n
\\n
Allow App Invitation \\n
Turn on or off App Invitation.
\\n\\n
\\n
\\n \\n \\n
\\n \\n
\\n \\n
\\n\\n
Allow User Name Login \\n
Turn on or off App User Name Login.
\\n \\n
\\n \\n \\n
\\n
\\n\\n
Allow Apple Login \\n
Turn on or off App Apple Login.
\\n \\n
\\n \\n \\n
\\n
\\n
\\n\\n
\\n Save \\n
\\n \\n
\\n \\n\\n
\\n\\n
Allow Google Login \\n
Turn on or off App Apple Login.
\\n \\n
\\n \\n \\n
\\n\\n
\\n
\\n\\n
\\n Save \\n
\\n\\n
\\n\\n \\n\\n
\\n\\n
Allow Anonymous Login \\n
Turn on or off App Anonymous Login.
\\n \\n
\\n \\n \\n
\\n \\n\\n
\\n\\n
Allow App Signup \\n
Turn on or off App Signup.
\\n \\n
\\n \\n \\n
\\n
\\n\\n
Set your app sign up flow \\n\\n
\\n\\n \\n \\n Code \\n Link \\n None \\n \\n \\n
\\n\\n\\n
\\n
\\n\\n
\\n \\n
\\n
Metadata Fields \\n
Specify where metadata is located in your AUTH. Dot notation is supported.
\\n
\\n
\\n \\n
\\n
+ Add Field \\n\\n
\\n\\n\\n \\n\\n \\n
\\n\\n
\\n \\n
\\n
Invite Metadata Fields \\n
Specify what invite metadata in your app invitation. Dot notation is supported.
\\n \\n
\\n
+ Add Field \\n\\n
\\n\\n\\n \\n\\n \\n
\\n\\n\\n\\n
\\n
\\n
Password Filter \\n\\n
Set minimum strong password for user.
\\n \\n\\n
\\n \\n \\n
\\n\\n
\\n\\n
Save \\n\\n
\\n
\\n\\n\\n\\n
\\n
\\n
Email Extensions \\n\\n
Set your own email extension for your application. We only accept SendGrid Account.
\\n\\n
\\n \\n \\n
\\n\\n
\\n\\n
\\n Save \\n \\n Test Extension \\n
\\n \\n
\\n
\\n\\n \\n \\n
\\n \\n \\n
\\n\\n
\\n
\\n\\n\\n
\\n\\n\\n
\\n
\\n
\\n \\n \\n \\n\\n
\\n
\\n
\\n\\n\\n\\n\\n
\\n \\n\\n \\n \\n\\n\\n\\n\\n
\\n \\n\\n \\n \\n\\n\\n\\n
\\n \\n\\n \\n \\n\\n\\n\\n
\\n \\n\\n \\n \\n\\n\\n
\\n \\n\\n \\n \\n\\n\\n \\n\\n\\n
\\n \\n\\n \\n \\n\\n\\n\\n
\\n \\n\\n \\n\\n
When you customize an email template's subject line and message, you can use the following placeholder strings to represent values that will be filled in before sending:
\\n
\\n
\\n \\n \\n \\n %APP_NAME%The name of your app. You can set this value by editing the App name field on the App page. \\n \\n \\n %HANDLE%The recipient's email address or phone number. \\n \\n \\n %CODE%The code to send to user for account verification. \\n \\n \\n %LINK%The link to send to user for account verification. \\n \\n \\n
\\n
\\n\\n
\\n
\\n \\n
\\n
\\n Close \\n
\\n
\\n \\n
\\n
\\n \\n
\\n\\n\\n\\n
\\n \\n\\n \\n
User Handle: {{currentAppUser.handle}}
\\n \\n
Edit Metadata
\\n
\\n
User doesn't have any Metadata.
\\n
\\n
\\n
\\n\\n
\\n
Update Your User Metadata:
\\n \\n \\n
\\n \\n
\\n
\\n Save \\n Discard \\n
\\n
\\n
\\n
\\n\\n\\n
\\n \\n\\n \\n
Please select the locale that you wish to add.
\\n\\n
\\n \\n \\n Add Locale \\n {{item.name}} - {{item.code}} \\n \\n \\n
\\n\\n
\\n \\n
\\n \\n \\n Locale \\n Language \\n Remove \\n \\n \\n\\n \\n \\n \\n {{locale}} \\n {{findCountryByLocale(locale)}} \\n delete \\n\\n \\n \\n
\\n \\n \\n
\\n\\n
\\n Cancel \\n Submit \\n
\\n\\n
\\n\\n
\\n \\n\\n \\n
Please enter your MongoDB Realm Credential. We don't store these infomation in the database.
\\n\\n
\\n
\\n\\n\\n\\n
\\n \\n\\n \\n
Please enter your MongoDB Realm Credential to remove Cosync AUTH. We don't store these infomation in the database.
\\n\\n
\\n
\\n\\n\\n\\n\\n
\\n \\n\\n \\n
Please enter your MongoDB Realm Credential . We don't store these infomation in the database.
\\n
Please enter your Amazone S3 Credential . We don't store these infomation in the database.
\\n
\\n
\\n\\n\\n\\n
\\n \\n\\n \\n
Please enter your MongoDB Realm Credential to remove Cosync AssetLink. We don't store these infomation in the database.
\\n \\n
\\n
\\n\"","export default \"\\n \\n \\n\"","export default \"\\n\\n\\n \\n\\n \\n \"","export default \"\\n \\n \\n\"","export default \"\"","export default \" \\n \"","export default \"\\n \\n \\n\\n\\n\\n\\n
\\n\\n \\n\\n \\n\\n
\\n
\\n Loading... \\n
\\n
\\n\\n \\n
\\n \\n\\n\\n \\n
\\n
{{paymentInfo}} \\n
\\n\\n
0\\\">\\n \\n
\\n
\\n
\\n
\\n
\\n {{card.last4}} \\n
\\n \\n
\\n \\n {{card.cardholderName}} \\n
\\n
{{card.error}} \\n
Your your payment method is expired. Please update your payment. \\n \\n
\\n
\\n\\n
\\n\\n
\\n {{payTextBtn}} \\n Save \\n
\\n \\n
\\n \\n \\n
\\n\\n
{{paymentInfo}} \\n \\n
\\n\\n
\\n {{payTextBtn}} \\n Save \\n
\\n
\\n\\n\\n \\n
\\n
\\n
\\n
\\n
\\n
{{plan.name}} - USD {{plan.price}} \\n \\n {{plan.desc}} \\n \\n \\n {{plan.durationText}} \\n \\n \\n\\n
\\n \\n \\n
\\n
\\n
\\n
\\n\\n \\n
\\n\\n\\n \\n
\\n \\n
\\n
\\n
\\n
Thank you for your subscription with Cosync. \\n \\n You have successfuly subscribed {{subscriptionResult.planName}}.\\n \\n \\n Your subscription will be ended and auto renew at {{subscriptionResult.endDate}}.\\n \\n \\n\\n
\\n
Whoop! something went wrong. \\n \\n You can not subscribe to {{subscriptionResult.planName}}.\\n \\n \\n {{subscriptionResult.error.message}}.\\n \\n \\n
\\n \\n
\\n \\n
\\n\\n \\n
\\n\\n
You don't have any billing transaction yet. \\n
0\\\">\\n
\\n
\\n
\\n
{{item.title}} \\n \\n {{item.amount}} - {{item.startDate}} \\n \\n \\n \\n\\n
\\n \\n \\n \\n Downloading\\n \\n
\\n
\\n
\\n
\\n
2 && billingList.length < billingHistory.length\\\"> \\n Load more \\n
\\n\\n
\\n \\n \\n
\\n\\n\\n\\n\\n
\\n \\n\\n \\n \\n\\n\\n\\n
\\n \\n\\n \\n
\\n
\\n
\\n
\\n Loading... \\n
\\n
\\n\\n
\\n
{{twoFactorText}}
\\n
\\n Account: {{twoFactorAuth.email}}
\\n
\\n
\\n\\n
\\n
\\n\\n
\\n\\n
\\n Generate New \\n
\\n\\n
\\n Save \\n
\\n\\n
\\n\\n
\\n\\n\\n\\n\"","export default \"\\n \\n \\n \\n \"","export default \"\\n\\n
\\n
\\n
\\n\\n
\\n\\n
\\n \\n \\n
\\n Agreement Overview This Agreement represents a Service Level Agreement (“Agreement”) between Cosync, Inc. (“Cosync”) and the Client (the individual or entity that has ACCEPTED the Agreement) for user authentication and identity management of the Client’s users. Cosync is an authentication provider for clients building applications using MongoDB App Services using a self-hosted server. Cosync provides secure user authentication and identity management on behalf of the Client. This Agreement remains valid until superseded by a revised agreement mutually endorsed by the Parties.
\\n This Agreement outlines the parameters of authentication and identity management services as they are mutually understood by the Parties.
\\n Goals & Objectives The purpose of this Agreement is to ensure that the proper elements and commitments are in place to provide consistent service to the Client and to document the agreement and intent of the Parties.
\\n The goal of this Agreement is to obtain mutual agreement for authentication services between Cosync and Client.
\\n The objectives of this Agreement are to:
\\n \\n Provide clear reference to service ownership, roles and/ or responsibilities. Present a clear, concise description of service provision to the Client. Match perceptions of expected service provision with actual service support & delivery.
\\n The Parties The Parties to this Agreement are Cosync and the Client. There are no third party beneficiaries intended or implied by this Agreement whatsoever.
\\n Periodic Review \\n This Agreement is valid from the date Client accepts the Agreement and pays for any Services as required by Section 6 and is valid until further notice. This Agreement should be reviewed once per fiscal year, however, in lieu of a review during any specified period, the current Agreement will remain in effect.
\\n Service Agreement The following detailed service parameters are the guidelines of Cosync in support of this Agreement. \\n \\n Scope of Service \\n User authentication User registration User management User signup Two factor verification Invitation functions \\n Client Requirements \\n \\n Authentication of the users for Client’s application into the Cosync Portal Maintenance of Client’s self-hosted servers Maintenance of Client’s individual user’s email, password (encrypted), telephone number (if two factor verification selected) Best efforts by Cosync to continuously authenticate Client’s users seeking to access Client’s application(s). \\n Cosync Requirements \\n \\n Accurate entry of information by Client’s users Proper transmission of Client user information from Client application(s) properly transmitting user information to log in Client maintaining proper security over its superuser tokens and other appropriate security measures to safeguard its users’ authentication tokens and user information Payment of all fees \\n Assumptions/ Acknowledged Limitations on Services \\n \\n Due to the nature of Cosync’s services, the Services are necessarily dependent upon the successful operation and proper functioning of Microsoft Azure, MongoDB Atlas, the Internet, and potentially other programs. It is understood and mutually acknowledged by the Parties that a malfunction or outage among any of these items would necessarily negatively impact Cosync’s ability to deliver the Services.
\\n \\n Fees for Services \\n Free Tier – for 50 users or less for up to 20 applications, Client will not be charged a fee but must simply ACCEPT the terms of this Agreement. If the Client exceeds 20 applications or if any of the applications exceed 50 users, the Client will be asked to migrate to a self-hosted solution. Developer Subscription Tier – for up to three self-hosted Cosync AUTH servers, each with an unlimited number of applications and users, the Client shall pay $29 per month, or $228 per year. \\n Cosync may offer other potential additional services and/or options in the future for such additional fees as the Parties may agree.
\\n \\n No Express or Implied Warranties Client accepts Cosync’s services “as is.” Cosync will use its best efforts to provide continuous services to Client, however Cosnyc makes no warranties express or implied that its services will be free from interruption or unexpected conditions \\n Cosync hereby disclaims any and all warranties express or implied regarding its services, and Cosync makes no representation that its services are fit for a particular purpose.
\\n To the extent the Client experiences losses due to Cosync’s service, Cosync’s liability is limited to a refund of the fees it charges for its services to the Client.
\\n \\n Ownership of Data Cosync will own all data regarding Client’s users’ activity logging into Client’s applications via’s Cosync’s authentication and identity verification processes for sandbox applications. Client shall make all necessary disclosures regarding Cosync’s ownership and use of Client’s users’ data to its users, and to the extent necessary Client warrants and represents it will procure all consents necessary by operation of law from its users to effectuate this term.
\\n Client will own all data regarding Client’s users’ activity logging into Client’s applications via’s Cosync’s authentication and identity verification processes for self-hosted applications.
\\n \\n Governing Law The Parties agree that this Agreement was entered into in the State of North Carolina, and that this Agreement will be governed by, construed, and enforced in accordance with the laws of the State of North Carolina without regard to conflict of law principles.
\\n Disputes \\n Indemnification – if anyone brings a claim, cause of action, or dispute against Cosync related to services, actions, content or information, you agree to indemnify, defend and hold us harmless from and against all damages, losses, and expenses of any kind (including the cost of our defense ) related to any such claim, cause of action or dispute. Dispute Resolution \\n If Client resides or is located wholly outside the United States any claim, cause of action, or dispute between Client and Cosync regarding any matter arising in any way from this Agreement must be resolved exclusively in the United States District Court for the Eastern District of North Carolina or a State Court located in Wake County, North Carolina, and the Parties irrevocably submit to the personal jurisdiction of either of these courts for the purpose of litigating any such claim, and that the laws of the State of North Carolina will govern this Agreement without regarding to conflict of law provisions.
\\n If Client resides or is located in the United States, any claim, cause of action, or dispute between Client and Cosync regarding any matter arising in any way arising from this Agreement then the Parties shall submit the matter to binding arbitration to be held within the State of North Carolina. The Parties waive their respective rights to a trial by jury or to participate in a class or representative action. The Federal Arbitration Act shall govern the interpretation and enforcement of this arbitration provision. All issues are to be decided by an arbitrator, except.
\\n \\n Other \\n If any portion of this Agreement is found to be unenforceable, then (except as otherwise provided) that portion will be severed and the remaining portion will remain in full force and effect. If Cosync fails to enforce any term in this Agreement it will not be considered a waiver. Any amendment to or waiver of the terms in this Agreement by either party must be in writing signed by both Parties. All of Cosync’s rights under this Agreement are freely assignable in connection with a merger, acquisition, sale of assets, or by operation of law or otherwise. Cosync reserves all rights not expressly granted to Client in this Agreement. \\n \\n
\\n
\\n
\\n
\\n
\\n\\n\\n \\n\\n\\n\\n \"","export default \"\\n \\n \\n\"","/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation. All rights reserved.\r\nLicensed under the Apache License, Version 2.0 (the \"License\"); you may not use\r\nthis file except in compliance with the License. You may obtain a copy of the\r\nLicense at http://www.apache.org/licenses/LICENSE-2.0\r\n\r\nTHIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\r\nKIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED\r\nWARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,\r\nMERCHANTABLITY OR NON-INFRINGEMENT.\r\n\r\nSee the Apache Version 2.0 License for specific language governing permissions\r\nand limitations under the License.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n __assign = Object.assign || function __assign(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n }\r\n return t;\r\n }\r\n return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n var t = {};\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n t[p] = s[p];\r\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n t[p[i]] = s[p[i]];\r\n }\r\n return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n return new (P || (P = Promise))(function (resolve, reject) {\r\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n function step(result) { result.done ? resolve(result.value) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); }\r\n step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n function verb(n) { return function (v) { return step([n, v]); }; }\r\n function step(op) {\r\n if (f) throw new TypeError(\"Generator is already executing.\");\r\n while (_) try {\r\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n if (y = 0, t) op = [op[0] & 2, t.value];\r\n switch (op[0]) {\r\n case 0: case 1: t = op; break;\r\n case 4: _.label++; return { value: op[1], done: false };\r\n case 5: _.label++; y = op[1]; op = [0]; continue;\r\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n default:\r\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n if (t[2]) _.ops.pop();\r\n _.trys.pop(); continue;\r\n }\r\n op = body.call(thisArg, _);\r\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n }\r\n}\r\n\r\nexport function __exportStar(m, exports) {\r\n for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];\r\n}\r\n\r\nexport function __values(o) {\r\n var m = typeof Symbol === \"function\" && o[Symbol.iterator], i = 0;\r\n if (m) return m.call(o);\r\n return {\r\n next: function () {\r\n if (o && i >= o.length) o = void 0;\r\n return { value: o && o[i++], done: !o };\r\n }\r\n };\r\n}\r\n\r\nexport function __read(o, n) {\r\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n if (!m) return o;\r\n var i = m.call(o), r, ar = [], e;\r\n try {\r\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n }\r\n catch (error) { e = { error: error }; }\r\n finally {\r\n try {\r\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n }\r\n finally { if (e) throw e.error; }\r\n }\r\n return ar;\r\n}\r\n\r\nexport function __spread() {\r\n for (var ar = [], i = 0; i < arguments.length; i++)\r\n ar = ar.concat(__read(arguments[i]));\r\n return ar;\r\n}\r\n\r\nexport function __spreadArrays() {\r\n for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n r[k] = a[j];\r\n return r;\r\n};\r\n\r\nexport function __await(v) {\r\n return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n function fulfill(value) { resume(\"next\", value); }\r\n function reject(value) { resume(\"throw\", value); }\r\n function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n var i, p;\r\n return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === \"return\" } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var m = o[Symbol.asyncIterator], i;\r\n return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n return cooked;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n if (mod && mod.__esModule) return mod;\r\n var result = {};\r\n if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];\r\n result.default = mod;\r\n return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n","\nimport { Routes, RouterModule } from '@angular/router';\nimport { LoginComponent } from './components/login/login.component';\nimport { RegisterComponent } from './components/register/register.component'; \nimport { AppsComponent } from './components/apps/apps.component';\nimport { NotFoundComponent } from './components/not-found/not-found.component';\nimport { UnderConstructionComponent } from './components/under-construction/under-construction.component';\nimport { ActivateComponent } from './components/activate/activate.component';\nimport { LockComponent } from './components/lock/lock.component';\nimport { AuthGuard } from './auth/auth.guard';\nimport { ProfileComponent } from './components/profile/profile.component';\nimport { TermConditionComponent } from './components/term-condition/term-condition.component';\nimport { AdminComponent } from './components/admin/admin.component';\nimport { ClickThroughComponent } from './components/click-through/click-through.component';\nimport { PricingComponent } from './components/pricing/pricing.component';\nimport { DownloadComponent } from './components/download/download.component'; \nimport { HostsComponent } from './components/hosts/hosts.component';\nimport { AppsumoComponent } from './components/appsumo/appsumo.component';\n\n\nconst routes: Routes = [\n { path: '', component: HostsComponent, canActivate: [AuthGuard] },\n { path: 'login', component: LoginComponent },\n { path: 'pricing', component: PricingComponent },\n { path: 'profile', component: ProfileComponent, canActivate: [AuthGuard] },\n { path: 'profile/:option', component: ProfileComponent, canActivate: [AuthGuard] },\n { path: 'profile/:option/:service', component: ProfileComponent, canActivate: [AuthGuard] },\n { path: 'register', component: RegisterComponent },\n { path: 'appsumo', component: AppsumoComponent },\n { path: 'apps', component: AppsComponent, canActivate: [AuthGuard] },\n { path: 'apps/app/:id', component: AppsComponent, canActivate: [AuthGuard] },\n { path: 'sandbox/apps', component: AppsComponent, canActivate: [AuthGuard] },\n { path: 'sandbox/apps/app/:id', component: AppsComponent, canActivate: [AuthGuard] },\n { path: 'app/:id', component: AppsComponent, canActivate: [AuthGuard] },\n { path: 'hosts', component: HostsComponent, canActivate: [AuthGuard] },\n { path: 'host/:id/:action', component: HostsComponent, canActivate: [AuthGuard] },\n { path: 'host/:id/:action/:appId', component: HostsComponent, canActivate: [AuthGuard] },\n { path: 'host/:id', component: HostsComponent, canActivate: [AuthGuard] },\n { path: 'lock', component: LockComponent, canActivate: [AuthGuard] },\n { path: 'lock/:logout', component: LockComponent, canActivate: [AuthGuard] },\n { path: 'download', component: DownloadComponent, canActivate: [AuthGuard] },\n { path: 'activate/:token', component: ActivateComponent },\n { path: 'clickthrough/:token/:handle/:code', component: ClickThroughComponent },\n { path: 'clickthrough/:token/:handle/:code/:hostId', component: ClickThroughComponent },\n { path: 'resetPassword/:reset', component: LoginComponent },\n { path: 'under-construction', component: UnderConstructionComponent },\n { path: 'term-condition', component: TermConditionComponent }, \n { path: 'admin', component: AdminComponent },\n { path: '**', component: NotFoundComponent }\n];\n \n\nexport const AppRoutingModule = RouterModule.forRoot(routes);\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL2FwcC5jb21wb25lbnQuY3NzIn0= */\"","import { Component, OnInit } from '@angular/core'; \nimport { NotificationService } from './services/notification.service';\n\n@Component({\n selector: 'app-root',\n templateUrl: './app.component.html',\n styleUrls: ['./app.component.css']\n})\nexport class AppComponent implements OnInit{\n title = 'CosyncJWT-Website';\n\n constructor( private notiSerivce:NotificationService, ){\n\n }\n\n ngOnInit() { \n\n }\n\n\n onClickPage(){ \n this.notiSerivce.task('refreshToken'); \n }\n}\n","import { BrowserModule } from '@angular/platform-browser';\nimport { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';\nimport {DatePipe} from '@angular/common';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { AppRoutingModule } from './app-routing.module';\nimport { AppComponent } from './app.component';\nimport { HttpClientModule, HTTP_INTERCEPTORS } from '@angular/common/http'; \nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\nimport {NgbModule} from '@ng-bootstrap/ng-bootstrap'; \nimport { NouisliderModule } from 'ng2-nouislider';\nimport {\n MatAutocompleteModule,\n MatButtonModule,\n MatButtonToggleModule,\n MatCardModule,\n MatCheckboxModule,\n MatChipsModule,\n MatDialogModule,\n MatExpansionModule,\n MatGridListModule,\n MatIconModule,\n MatInputModule,\n MatFormFieldModule,\n MatListModule,\n MatMenuModule,\n MatNativeDateModule,\n MatPaginatorModule,\n MatProgressBarModule,\n MatProgressSpinnerModule,\n MatRadioModule,\n MatRippleModule,\n MatSelectModule,\n MatSidenavModule,\n MatSliderModule,\n MatSlideToggleModule,\n MatSnackBarModule,\n MatSortModule,\n MatTableModule,\n MatTabsModule,\n MatToolbarModule,\n MatTooltipModule,\n MatStepperModule,\n} from '@angular/material'; \nimport { MatDatepickerModule } from '@angular/material/datepicker';\n\nimport { AppsComponent } from './components/apps/apps.component';\nimport { NotFoundComponent } from './components/not-found/not-found.component';\nimport { UnderConstructionComponent } from './components/under-construction/under-construction.component';\nimport { ActivateComponent } from './components/activate/activate.component';\nimport { HeaderComponent } from './components/header/header.component';\nimport { LockComponent } from './components/lock/lock.component';\nimport { FooterComponent } from './components/footer/footer.component';\nimport { ProfileComponent } from './components/profile/profile.component';\nimport { LoginComponent } from './components/login/login.component';\nimport { RegisterComponent } from './components/register/register.component';\nimport { PaginationComponent } from './components/pagination/pagination.component';\nimport { TermConditionComponent } from './components/term-condition/term-condition.component';\nimport { AdminComponent } from './components/admin/admin.component';\nimport { ClickThroughComponent } from './components/click-through/click-through.component';\nimport { NgxJsonViewerModule } from 'ngx-json-viewer';\nimport { PricingComponent } from './components/pricing/pricing.component';\nimport { DownloadComponent } from './components/download/download.component'; \nimport { HostsComponent } from './components/hosts/hosts.component';\nimport { AppsumoComponent } from './components/appsumo/appsumo.component'; \n\n@NgModule({\n exports: [\n MatAutocompleteModule,\n MatButtonModule,\n MatButtonToggleModule,\n MatCardModule,\n MatCheckboxModule,\n MatChipsModule,\n MatStepperModule,\n MatDatepickerModule,\n MatDialogModule,\n MatExpansionModule,\n MatGridListModule,\n MatIconModule,\n MatInputModule,\n MatFormFieldModule,\n MatListModule,\n MatMenuModule,\n MatNativeDateModule,\n MatPaginatorModule,\n MatProgressBarModule,\n MatProgressSpinnerModule,\n MatRadioModule,\n MatRippleModule,\n MatSelectModule,\n MatSidenavModule,\n MatSliderModule,\n MatSlideToggleModule,\n MatSnackBarModule,\n MatSortModule,\n MatTableModule,\n MatTabsModule,\n MatToolbarModule,\n MatTooltipModule,\n NouisliderModule\n ],\n declarations: []\n})\nexport class MaterialModule {}\n\n@NgModule({\n declarations: [\n LockComponent, \n ActivateComponent,\n RegisterComponent,\n AppsumoComponent,\n LoginComponent,\n HeaderComponent, \n AppComponent, \n FooterComponent,\n ProfileComponent,\n AppsComponent,\n NotFoundComponent,\n UnderConstructionComponent,\n PaginationComponent,\n TermConditionComponent,\n AdminComponent,\n ClickThroughComponent,\n PricingComponent,\n DownloadComponent,\n HostsComponent\n ],\n imports: [ \n NgbModule,\n BrowserModule,\n AppRoutingModule, \n FormsModule,\n ReactiveFormsModule,\n HttpClientModule,\n MaterialModule,\n MatNativeDateModule,\n BrowserAnimationsModule,\n NgxJsonViewerModule\n ],\n providers: [DatePipe],\n bootstrap: [AppComponent],\n schemas: [CUSTOM_ELEMENTS_SCHEMA]\n})\nexport class AppModule { }\n","import { Injectable } from '@angular/core';\nimport { CanActivate, CanLoad, Route, UrlSegment, ActivatedRouteSnapshot, RouterStateSnapshot, UrlTree, Router } from '@angular/router';\nimport { Observable } from 'rxjs';\nimport { AuthenticationService } from '../services/authentication.service';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class AuthGuard implements CanActivate, CanLoad {\n\n constructor(private authService: AuthenticationService, private router: Router) {}\n\n\n canActivate(\n next: ActivatedRouteSnapshot,\n state: RouterStateSnapshot): Observable
| Promise | boolean | UrlTree {\n let url: string = state.url;\n\n return this.checkLogin(url);\n \n }\n canLoad(\n route: Route,\n segments: UrlSegment[]): Observable | Promise | boolean {\n return true;\n }\n\n checkLogin(url: string): boolean {\n if (this.authService.user) { return true; }\n\n // Store the attempted URL for redirecting\n this.authService.redirectUrl = url;\n\n // Navigate to the login page with extras\n this.router.navigate(['/login']);\n return false;\n }\n\n}\n","export default \".activate-page {\\n padding-top: 100px !important;\\n}\\n\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvY29tcG9uZW50cy9hY3RpdmF0ZS9hY3RpdmF0ZS5jb21wb25lbnQuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0UsNkJBQTZCO0FBQy9CIiwiZmlsZSI6InNyYy9hcHAvY29tcG9uZW50cy9hY3RpdmF0ZS9hY3RpdmF0ZS5jb21wb25lbnQuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLmFjdGl2YXRlLXBhZ2Uge1xuICBwYWRkaW5nLXRvcDogMTAwcHggIWltcG9ydGFudDtcbn1cbiJdfQ== */\"","import { Component, OnInit } from '@angular/core';\nimport { Router, ActivatedRoute } from '@angular/router';\nimport { AuthenticationService } from 'src/app/services/authentication.service';\n\n@Component({\n selector: 'app-activate',\n templateUrl: './activate.component.html',\n styleUrls: ['./activate.component.css']\n})\nexport class ActivateComponent implements OnInit {\n\n activateResult:any = {};\n\n constructor(private router: Router, private route: ActivatedRoute, private authService:AuthenticationService) { \n let token = this.route.snapshot.paramMap.get('token'); \n \n \n\n if(token){\n this.authService.logout();\n \n authService.activateAccount(token).then(result => {\n let item = result as any;\n this.activateResult.message = item.message;\n this.activateResult.title = `Welcome ${item.email}`;\n this.activateResult.status = true;\n\n \n }).catch(err => {\n this.activateResult.title = `Whoop! Something went wrong.`;\n this.activateResult.message = err.error.message;\n this.activateResult.status = false;\n });\n }\n else {\n this.router.navigate(['/login']);\n }\n }\n\n ngOnInit() {\n \n\n }\n\n getStart(){\n this.router.navigate(['/login']);\n }\n\n}\n","export default \"\\ndiv.user-entry select {\\n width: auto; \\n}\\n\\n\\n.user-fillter{\\n text-align: right;\\n}\\n\\n\\ndiv.user-fillter input {\\n width: auto;\\n margin-left: .5rem;\\n display: inline-block;\\n \\n}\\n\\n\\n.pagination-wrapper{\\n text-align: right;\\n display: block;\\n}\\n\\n\\n.loader{\\n width: 20px !important;\\n margin-top: -10px;\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvY29tcG9uZW50cy9hZG1pbi9hZG1pbi5jb21wb25lbnQuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFDQTtJQUNJLFdBQVc7QUFDZjs7O0FBR0E7SUFDSSxpQkFBaUI7QUFDckI7OztBQUVBO0lBQ0ksV0FBVztJQUNYLGtCQUFrQjtJQUNsQixxQkFBcUI7O0FBRXpCOzs7QUFHQTtJQUNJLGlCQUFpQjtJQUNqQixjQUFjO0FBQ2xCOzs7QUFFQTtJQUNJLHNCQUFzQjtJQUN0QixpQkFBaUI7QUFDckIiLCJmaWxlIjoic3JjL2FwcC9jb21wb25lbnRzL2FkbWluL2FkbWluLmNvbXBvbmVudC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyJcbmRpdi51c2VyLWVudHJ5IHNlbGVjdCB7XG4gICAgd2lkdGg6IGF1dG87IFxufVxuXG5cbi51c2VyLWZpbGx0ZXJ7XG4gICAgdGV4dC1hbGlnbjogcmlnaHQ7XG59XG5cbmRpdi51c2VyLWZpbGx0ZXIgaW5wdXQge1xuICAgIHdpZHRoOiBhdXRvO1xuICAgIG1hcmdpbi1sZWZ0OiAuNXJlbTtcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgXG59XG5cblxuLnBhZ2luYXRpb24td3JhcHBlcntcbiAgICB0ZXh0LWFsaWduOiByaWdodDtcbiAgICBkaXNwbGF5OiBibG9jaztcbn1cblxuLmxvYWRlcntcbiAgICB3aWR0aDogMjBweCAhaW1wb3J0YW50O1xuICAgIG1hcmdpbi10b3A6IC0xMHB4O1xufSJdfQ== */\"","import { Component, OnInit, ViewChild, AfterViewInit} from '@angular/core';\nimport {DatePipe} from '@angular/common';\nimport { NgbModal } from '@ng-bootstrap/ng-bootstrap';\nimport { AdminService } from 'src/app/services/admin.service';\nimport { AuthenticationService } from 'src/app/services/authentication.service';\nimport swal from 'sweetalert2';\n@Component({\n selector: 'app-admin',\n templateUrl: './admin.component.html',\n styleUrls: ['./admin.component.css']\n})\nexport class AdminComponent implements OnInit, AfterViewInit {\n @ViewChild('developerPagination', {static: false}) developerPagination: any = {};\n @ViewChild('freeDeveloperPagination', {static: false}) freeDeveloperPagination: any = {};\n @ViewChild('paidDeveloperPagination', {static: false}) paidDeveloperPagination: any = {};\n @ViewChild('authorizedModal', {static: false}) authorizedModal: any;\n @ViewChild('couponLogsPagination', {static: false}) couponLogsPagination: any = {};\n\n currentPassword:string = \"\" ;\n newPassword:string = \"\" ;\n \n\n loading_service:boolean = false;\n sortType:string = 'all';\n authorized:boolean = false;\n searchDevResult:any;\n developerResult:any;\n freeDeveloperResult:any;\n searchFreeResult:any;\n paidDeveloperResult:any;\n searchPaidResult:any;\n loginText:string= \"\";\n loading_data:boolean = false; \n devOffset:any = {page:1, order: 1, offset: 0};\n freeDevOffset:any = {page:1, order: 1, offset: 0};\n paidDevOffset:any = {page:1, order: 1, offset: 0};\n entryAmountFreeDev:number = 25;\n entryAmountPaidDev:number = 25;\n entryAmount:number = 25;\n currentDeveloper:any;\n currentDeveloperList:any;\n developerCertificate:any = {\n licenseAmount: 1,\n developer: []\n };\n inputLicense: any = [0];\n createVersionData : any = {};\n currentApp:any;\n developerApps:any;\n developerBilling:any;\n searchBillingResult:any;\n page:string = 'main';\n devTap:string = 'all';\n freeDev:number = 0;\n paidDev:number = 0;\n allDev:number = 0;\n couponTotalLog:Number = 0\n admin:any;\n twoFactorText:string = \"\";\n twoFactorAuth:any;\n modalTitle:string = 'setting';\n infoText:string;\n cosyncVersions:any = {\n cosyncEngine:[],\n cosyncJWT: []\n };\n couponLogs : any = {list:[]}; \n searchCouponLogs:any;\n couponList = [];\n currentCouponData : any = {};\n showCouponLog = false;\n couponEntryAmount:number = 25;\n couponLogsOffset:any = {page:1, order: 1, offset: 0}; \n\n constructor( private modalService: NgbModal, private adminService:AdminService, private authService:AuthenticationService, private datePipe: DatePipe ) {\n this.authService.logout();\n } \n \n\n ngOnInit() {\n \n \n }\n\n ngAfterViewInit(){\n \n if(!this.authorized){\n let that = this;\n \n this.modalService.open(that.authorizedModal, {backdrop: 'static', ariaLabelledBy: 'modal-basic-title'}).result.then((result) => {\n \n }, (reason) => {\n\n });\n }\n\n }\n\n submitCertificate(){\n \n\n if(this.developerCertificate.developer.length > this.inputLicense.length || this.developerCertificate.developer.length < this.inputLicense.length){\n swal({\n type: 'error',\n title: 'Whoop! Something went wrong.',\n text: \"Invalid License Amount\",\n confirmButtonClass: 'btn btn-warning',\n buttonsStyling: false \n });\n\n return;\n }\n\n\n for (let index = 0; index < this.inputLicense.length; index++) {\n const element = this.developerCertificate.developer[index];\n\n if(!element || element.email == \"\"){\n swal({\n type: 'error',\n title: 'Whoop! Something went wrong.',\n text: \"Invalid Developer Email/Username\",\n confirmButtonClass: 'btn btn-warning',\n buttonsStyling: false \n });\n\n return;\n } \n \n }\n\n this.developerCertificate.developerUid = this.currentDeveloper.uid;\n\n\n this.adminService.requestDeveloperCertificate(this.developerCertificate).then(res => {\n\n swal({\n title: 'Sucesses!',\n text: 'Certificate has been sent to developer email.',\n type: 'success',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop);\n\n }).catch(err => {\n swal({\n type: 'error',\n title: 'Whoop! Something went wrong.',\n text: \"Invalid Developer Data\",\n confirmButtonClass: 'btn btn-warning',\n buttonsStyling: false \n });\n });\n\n \n \n }\n\n onkeyUpLicenseDataEvent(item){\n let length = parseInt(item.value); \n this.inputLicense = [];\n for (let index = 0; index < length; index++) {\n let item = {email: '', index: index};\n this.inputLicense.push(item);\n }\n \n this.developerCertificate.licenseAmount = length;\n } \n\n\n onkeyUpLicenseDeveloperEvent(item, field){\n this.developerCertificate.developer[field.index] = item.value;\n }\n \n\n\n submit(username, password, twoFactorCode){\n this.loginText = \"\";\n\n this.authService.loginAdmin(username, password, twoFactorCode).then(res => {\n this.authorized = true;\n this.modalService.dismissAll();\n this.admin = res;\n this.getDevelopers();\n this.getCosyncVersions();\n this.getCoupons();\n\n }).catch(err => {\n this.loginText = \"Invalid Credential\";\n })\n }\n\n\n getCoupons(){\n let that = this;\n this.adminService.getCoupons(function(results){\n that.couponList = results\n }); \n }\n\n getCosyncVersions(){\n let that = this;\n this.adminService.getCosyncVersion(function(versions){\n versions.forEach(v => {\n if(v.service == \"CosyncEngine\") that.cosyncVersions.cosyncEngine.push(v);\n else if(v.service == \"CosyncJWT\") that.cosyncVersions.cosyncJWT.push(v);\n });\n }); \n }\n\n getDevelopers(){ \n \n\n this.adminService.getDevelopers('').then(res => {\n this.loading_data = false;\n let result = res as any; \n this.developerResult = result.list; \n this.allDev = result.total;\n\n this.developerResult.filter(u => { \n\n u.show = true;\n u.createdAt = this.datePipe.transform(new Date(u.createdAt), 'MMM d, y');\n u.updatedAt = this.datePipe.transform(new Date(u.updatedAt), 'MMM d, y');\n \n }); \n\n });\n\n this.adminService.getDevelopers({type:'free'}).then(res => { \n let result = res as any; \n this.freeDeveloperResult = result.list; \n this.freeDev = result.total;\n this.freeDeveloperResult.filter(u => { \n u.show = true;\n u.createdAt = this.datePipe.transform(new Date(u.createdAt), 'MMM d, y');\n u.updatedAt = this.datePipe.transform(new Date(u.updatedAt), 'MMM d, y'); \n }); \n\n });\n\n this.adminService.getDevelopers({type:'paid'}).then(res => { \n let result = res as any; \n this.paidDeveloperResult = result.list; \n this.paidDev = result.total;\n this.paidDeveloperResult.filter(u => { \n u.show = true;\n u.createdAt = this.datePipe.transform(new Date(u.createdAt), 'MMM d, y');\n u.updatedAt = this.datePipe.transform(new Date(u.updatedAt), 'MMM d, y'); \n }); \n\n });\n\n }\n\n searchAllDeveloper(value){\n this.adminService.searchDevelopers({search:value}).then(res => { \n let result = res as any; \n this.searchDevResult = result.list; \n this.searchDevResult.filter(u => { \n u.show = true;\n u.createdAt = this.datePipe.transform(new Date(u.createdAt), 'MMM d, y');\n u.updatedAt = this.datePipe.transform(new Date(u.updatedAt), 'MMM d, y'); \n });\n\n this.developerPagination.data = {\n totalItem: result.total, \n entryAmount: this.entryAmount,\n };\n });\n }\n\n searchFreeDeveloper(value){\n this.adminService.searchDevelopers({type:'free', search:value}).then(res => { \n let result = res as any; \n this.searchFreeResult = result.list; \n this.searchFreeResult.filter(u => { \n u.show = true;\n u.createdAt = this.datePipe.transform(new Date(u.createdAt), 'MMM d, y');\n u.updatedAt = this.datePipe.transform(new Date(u.updatedAt), 'MMM d, y'); \n });\n });\n }\n\n searchPaidDeveloper(value){\n this.adminService.searchDevelopers({type:'paid', search:value}).then(res => { \n let result = res as any; \n this.searchPaidResult = result.list;\n this.searchPaidResult.filter(u => { \n u.show = true;\n u.createdAt = this.datePipe.transform(new Date(u.createdAt), 'MMM d, y');\n u.updatedAt = this.datePipe.transform(new Date(u.updatedAt), 'MMM d, y'); \n });\n });\n }\n\n\n searchValidateCoupon(value){\n const encoded = encodeURIComponent(value);\n\n this.adminService.searchValidateCoupon(encoded).then(res => { \n let result = res as any; \n \n if (result && result.planId){\n this.searchCouponLogs = [result]; \n this.searchCouponLogs.filter(log => { \n log.show = true;\n log.createdAt = this.datePipe.transform(new Date(log.createdAt), 'MMM d, y');\n log.updatedAt = this.datePipe.transform(new Date(log.updatedAt), 'MMM d, y'); \n });\n }\n else if (result){\n swal({\n title: \"Success!\",\n text: `This is a valid coupon: ${result.couponCode}`,\n buttonsStyling: false,\n confirmButtonClass: \"btn btn-success\",\n type: \"success\"\n }).catch(swal.noop)\n }\n else {\n swal({\n type: 'error',\n title: 'Whoop! Invalid Coupon.',\n text: \"Invalid Data\",\n confirmButtonClass: 'btn btn-warning',\n buttonsStyling: false \n });\n }\n\n }).catch(err => {\n swal({\n type: 'error',\n title: 'Whoop! Invalid Coupon.',\n text: err.error && err.error.message ? err.error.message :\"Invalid Data\",\n confirmButtonClass: 'btn btn-warning',\n buttonsStyling: false \n });\n })\n }\n\n filterKeyChangeCouponLog(event){\n\n \n \n this.searchCouponLogs = null;\n let value = event.target.value;\n if(value == \"\") this.searchCouponLogs = null;\n\n this.\n couponLogs.list.filter(log => { \n if(log.couponCode.indexOf(value) >= 0) log.show = true;\n else log.show = false; \n });\n\n if(event.keyCode == 13) this.searchValidateCoupon(value);\n\n }\n\n filterKeyChangeFree(event){\n this.searchFreeResult = null;\n let value = event.target.value;\n if(value == \"\") this.searchFreeResult = null;\n\n this.freeDeveloperResult.filter(u => { \n if(u.email.indexOf(value) >= 0 || u.uid.indexOf(value) >= 0) u.show = true;\n else u.show = false; \n });\n\n if(event.keyCode == 13) this.searchFreeDeveloper(value);\n \n }\n\n\n filterKeyChangePaid(event){\n \n let value = event.target.value; \n if(value == \"\") this.searchPaidResult = null;\n\n this.paidDeveloperResult.filter(u => { \n if(u.email.indexOf(value) >= 0 || u.uid.indexOf(value) >= 0) u.show = true;\n else u.show = false; \n });\n if(event.keyCode == 13) this.searchPaidDeveloper(value);\n }\n\n filterKeyChange(event){\n \n let value = event.target.value;\n if(value == \"\"){\n this.developerPagination.data = {\n totalItem: this.allDev, \n entryAmount: this.entryAmount,\n };\n this.searchDevResult = null;\n } \n\n this.developerResult.filter(u => {\n if(u.email.indexOf(value) >= 0 || u.uid.indexOf(value) >= 0) u.show = true;\n else u.show = false; \n }); \n \n if(event.keyCode == 13) this.searchAllDeveloper(value);\n }\n\n\n sortDeveloper(type){\n this.sortType = type;\n this.developerResult.filter(u => { \n if(type == 'all'){\n u.show = true; \n }\n else{\n if(u.type == type) u.show = true; \n else u.show = false; \n }\n \n }); \n\n }\n\n onClickDevTap(tap){\n this.devTap = tap;\n }\n\n onkeyUpEvent(evt, username, password, twoFactorCode){\n if (evt.key === \"Enter\") this.submit(username, password, twoFactorCode)\n }\n\n clickBackButton(){\n this.page = 'main';\n if(this.devTap == 'free'){\n let element:HTMLElement = document.getElementById('free-tap') as HTMLElement;\n if (element) element.click();\n }\n else if(this.devTap == 'paid'){\n let element:HTMLElement = document.getElementById('paid-tap') as HTMLElement;\n if (element) element.click();\n }\n }\n\n updateDeveloperStatus(value){ \n\n this.adminService.updateDeveloperStatus(this.currentDeveloper.uid, value).then(res => { \n\n this.paidDeveloperResult.map(dev => { if (dev.uid === this.currentDeveloper.uid) dev.status = value })\n this.freeDeveloperResult.map(dev => { if (dev.uid === this.currentDeveloper.uid) dev.status = value })\n this.developerResult.map(dev => { if (dev.uid === this.currentDeveloper.uid) dev.status = value })\n \n swal({\n title: 'Sucesses!',\n text: 'Developer status has been updated.',\n type: 'success',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop);\n\n }).catch(err => {\n swal({\n type: 'error',\n title: 'Whoop! Something went wrong.',\n text: \"Invalid Data\",\n confirmButtonClass: 'btn btn-warning',\n buttonsStyling: false \n });\n })\n\n }\n\n deleteDeveloper(){\n\n swal({\n title: `Are you sure to delete this developer?`,\n text: `Developer: ${this.currentDeveloper.email}, Cannot undo this deletion.`,\n type: 'warning',\n showCancelButton: true,\n confirmButtonText: 'Yes, Do it!',\n cancelButtonText: 'Cancel',\n confirmButtonClass: \"btn btn-success\",\n cancelButtonClass: \"btn btn-danger\",\n buttonsStyling: false\n }).then((result) => {\n if (result.value) {\n this.adminService.updateDeveloperStatus(this.currentDeveloper.uid, 'delete').then(res => { \n\n let deletedVev = res as any;\n\n this.paidDeveloperResult = this.paidDeveloperResult.filter(dev => dev.uid != deletedVev.developerUid)\n this.freeDeveloperResult = this.freeDeveloperResult.filter(dev => dev.uid != deletedVev.developerUid)\n this.developerResult = this.developerResult.filter(dev => dev.uid != deletedVev.developerUid)\n \n swal({\n title: 'Sucesses!',\n text: 'Developer status has been deleted.',\n type: 'success',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop);\n\n }).catch(err => {\n swal({\n type: 'error',\n title: 'Whoop! Something went wrong.',\n text: \"Invalid Data\",\n confirmButtonClass: 'btn btn-warning',\n buttonsStyling: false \n });\n })\n \n }\n })\n\n }\n\n handleDeveloperStatus(status){\n if (this.admin.role != \"administrator\" || !this.currentDeveloper || !this.currentDeveloper.uid) return; \n\n if (status == \"delete\") this.deleteDeveloper();\n else this.updateDeveloperStatus(status);\n\n }\n\n\n\n clickDeveloper(dev, currentList){\n\n if (this.admin.role != \"administrator\") return;\n this.currentDeveloperList = currentList;\n this.loading_data = true;\n this.currentDeveloper = dev;\n this.page = 'developer';\n this.adminService.getDeveloperApp(dev).then(res => {\n this.developerApps = res as any;\n this.loading_data = false;\n if(this.developerApps){\n this.developerApps.filter(app => {\n \n app.createdAt = this.datePipe.transform(new Date(app.createdAt), 'MMM d, y');\n app.updatedAt = this.datePipe.transform(new Date(app.updatedAt), 'MMM d, y');\n \n }); \n }\n });\n\n this.adminService.getDeveloperBilling(dev).then(res => {\n this.developerBilling = res as any; \n this.developerBilling.filter(item => { \n if(item.appUserChargeTransactionId) item.type = \"Subscription\";\n else item.type = \"App User Charge\";\n item.show = true;\n item.transactionId = item.appUserChargeTransactionId || item.subscriptionTransactionId;\n let day2:any = new Date(item.createdAt);\n let day1:any = new Date();\n var dayDif = (day1 - day2) / 1000 / 60 / 60 / 24;\n item.countDay = Math.round(dayDif);\n item.createdAt = this.datePipe.transform(new Date(item.createdAt), 'MMM d, y');\n item.updatedAt = this.datePipe.transform(new Date(item.updatedAt), 'MMM d, y'); \n \n }); \n });\n }\n\n shutdownApp(app){\n this.adminService.updateDeveloperAppStatus(app, 'blocked').then(res => { \n app.status = 'blocked';\n });\n }\n\n activateApp(app){\n this.adminService.updateDeveloperAppStatus(app, 'active').then(res => { \n app.status = 'active';\n });\n }\n\n clickDeveloperApp(app){\n this.page = 'appUser';\n }\n\n backToApp(){\n this.page = 'developer';\n }\n\n clickDeveloperTransaction(tran){\n\n }\n\n refundInvoice(item){\n let that = this;\n swal({\n title: `Are you sure to refund this invoice?`,\n text: `Invoice ID ${item.invoiceId}, Amount: ${item.amount}`,\n type: 'warning',\n showCancelButton: true,\n confirmButtonText: 'Yes, refund it!',\n cancelButtonText: 'No, keep it',\n confirmButtonClass: \"btn btn-success\",\n cancelButtonClass: \"btn btn-danger\",\n buttonsStyling: false\n }).then((result) => {\n if (result.value) {\n item.status = 'refunding';\n that.adminService.refundTransaction(item).then(res => {\n \n item.status = 'refunded';\n swal({\n title: 'Sucesses!',\n text: 'Invoice has been refunded.',\n type: 'success',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop);\n }).catch(err => {\n item.status = 'paid';\n let errMsg = err as any;\n swal({\n type: 'error',\n title: 'Whoop! Something went wrong.',\n text: errMsg.error.message,\n confirmButtonClass: 'btn btn-warning',\n buttonsStyling: false \n });\n });\n\n } else {\n \n }\n })\n }\n\n\n\n onChangeEntryAmount(evt){\n\n this.entryAmount = parseInt(evt.target.value);\n\n \n this.adminService.getDevelopers({limit: this.entryAmount, offset:0 }).then(res => {\n this.developerResult = res as any; \n \n this.developerResult.filter(u => {\n u.show = true\n u.createdAt = this.datePipe.transform(new Date(u.createdAt), 'MMM d, y');\n u.updatedAt = this.datePipe.transform(new Date(u.updatedAt), 'MMM d, y');\n \n }); \n\n this.developerPagination.data = {\n totalItem: this.allDev, \n entryAmount: this.entryAmount,\n };\n\n }); \n\n }\n\n\n\n onChangeEntryAmountFree(evt){\n\n this.entryAmountFreeDev = parseInt(evt.target.value);\n\n \n this.adminService.getDevelopers({type:'free', limit: this.entryAmountFreeDev, offset:0 }).then(res => {\n this.freeDeveloperResult = res as any; \n this.searchFreeResult = null;\n this.freeDeveloperResult.filter(u => {\n u.show = true\n u.createdAt = this.datePipe.transform(new Date(u.createdAt), 'MMM d, y');\n u.updatedAt = this.datePipe.transform(new Date(u.updatedAt), 'MMM d, y');\n \n }); \n\n this.freeDeveloperPagination.data = {\n totalItem: this.freeDev, \n entryAmount: this.entryAmountFreeDev,\n };\n\n }); \n\n }\n\n\n onChangeEntryAmountPaid(evt){\n\n this.entryAmountPaidDev = parseInt(evt.target.value);\n\n \n this.adminService.getDevelopers({type:'paid', limit: this.entryAmountPaidDev, offset:0 }).then(res => {\n this.paidDeveloperResult = res as any; \n this.searchPaidResult = null;\n this.paidDeveloperResult.filter(u => {\n u.show = true\n u.createdAt = this.datePipe.transform(new Date(u.createdAt), 'MMM d, y');\n u.updatedAt = this.datePipe.transform(new Date(u.updatedAt), 'MMM d, y');\n \n }); \n\n this.paidDeveloperPagination.data = {\n totalItem: this.paidDev, \n entryAmount: this.entryAmountPaidDev,\n };\n\n }); \n\n }\n\n\n changeFreeDevPage(page){\n this.searchFreeResult = null;\n if(this.freeDevOffset.page == page.page) return;\n this.freeDevOffset = page; \n this.freeDevOffset.offset = this.freeDevOffset.page -1;\n\n this.adminService.getDevelopers({type:'free', limit:this.entryAmountFreeDev, offset:this.freeDevOffset.offset}).then(res => {\n let result = res as any; \n this.freeDeveloperResult = result.list;\n this.freeDeveloperResult.filter(u => {\n u.show = true\n u.createdAt = this.datePipe.transform(new Date(u.createdAt), 'MMM d, y');\n u.updatedAt = this.datePipe.transform(new Date(u.updatedAt), 'MMM d, y'); \n }); \n }); \n }\n\n \n changePaidDevPage(page){\n this.searchPaidResult = null;\n if(this.paidDevOffset.page == page.page) return;\n \n this.paidDevOffset = page; \n this.paidDevOffset.offset = this.paidDevOffset.page -1;\n this.adminService.getDevelopers({type:'paid', limit:this.entryAmountPaidDev, offset:this.paidDevOffset.offset}).then(res => {\n let result = res as any; \n this.paidDeveloperResult = result.list;\n this.paidDeveloperResult.filter(u => {\n u.show = true\n u.createdAt = this.datePipe.transform(new Date(u.createdAt), 'MMM d, y');\n u.updatedAt = this.datePipe.transform(new Date(u.updatedAt), 'MMM d, y'); \n }); \n }); \n }\n\n changeDeveloperPage(page){ \n this.searchDevResult = null;\n if(this.devOffset.page == page) return;\n \n this.devOffset = page; \n this.devOffset.offset = this.devOffset.page -1;\n this.adminService.getDevelopers({type:'all', limit:this.entryAmount, offset:this.devOffset.offset }).then(res => {\n let result = res as any; \n this.developerResult = result.list;\n this.developerResult.filter(u => {\n u.show = true\n u.createdAt = this.datePipe.transform(new Date(u.createdAt), 'MMM d, y');\n u.updatedAt = this.datePipe.transform(new Date(u.updatedAt), 'MMM d, y'); \n }); \n }); \n }\n\n\n onCouponLogsPaginationInit(evt){\n\n\n let that = this;\n \n setTimeout(function() {\n if(that.couponLogsPagination){\n that.couponLogsPagination.data = {\n totalItem: that.couponTotalLog, \n entryAmount: that.couponEntryAmount,\n };\n }\n \n }, 1000); \n }\n\n\n \n\n onPaginationInit(evt){\n let that = this; \n setTimeout(function() {\n that.developerPagination.data = {\n totalItem: that.allDev, \n entryAmount: that.entryAmount,\n page: that.devOffset\n };\n }, 1000); \n }\n\n onFreePaginationInit(evt){\n let that = this; \n setTimeout(function() {\n that.freeDeveloperPagination.data = {\n totalItem: that.freeDev, \n entryAmount: that.entryAmountFreeDev,\n page: that.freeDevOffset\n };\n }, 1000); \n }\n\n onPaidPaginationInit(evt){\n let that = this; \n setTimeout(function() {\n that.paidDeveloperPagination.data = {\n totalItem: that.paidDev, \n entryAmount: that.entryAmountPaidDev,\n page: that.paidDevOffset\n };\n }, 1000); \n }\n\n changeBillingPagination(evt){\n\n }\n\n onBillingPaginationInit(evt){\n\n }\n\n billingKeyChange(event){\n \n let value = event.target.value; \n if(value == ''){\n this.developerBilling.filter(item => { \n item.show = true; \n });\n return;\n }\n \n this.developerBilling.filter(item => { \n \n let transactionId = item.appUserChargeTransactionId || item.subscriptionTransactionId;\n let valid = item.invoiceId.indexOf(value) >= 0 || transactionId.indexOf(value) >= 0 || item.amount.indexOf(value) >= 0 ;\n \n if(valid) item.show = true;\n else item.show = false; \n });\n }\n\n\n opendAdminSetting(content){\n this.modalTitle = 'setting';\n\n // this.modalService.open(content, {backdrop: 'static', ariaLabelledBy: 'modal-basic-title'}).result.then((result) => {\n \n // }, (reason) => {\n\n // });\n }\n\n requestNewTwoFactor(){\n\n this.modalTitle = 'twoFactor';\n\n this.loading_service = true;\n \n this.adminService.requestNewTwoFactor(this.admin).then(res => {\n this.twoFactorText = 'Scan the QR code or enter the secret key in Google Authenticator. Your previous code will not work anymore.';\n \n this.twoFactorAuth = res;\n this.loading_service = false;\n }).catch(err => {\n this.loading_service = false;\n let errMsg = err as any;\n swal({\n type: 'error',\n title: 'Whoop! Something went wrong.',\n text: errMsg.error.message || errMsg.message,\n confirmButtonClass: 'btn btn-warning',\n buttonsStyling: false \n });\n })\n }\n\n\n updateProfileTwoFactor(){\n this.loading_service = true;\n let data = {\n googleSecretKey: this.twoFactorAuth.googleSecretKey\n };\n this.adminService.updateAdmin(data).then(res => {\n this.loading_service = false;\n this.modalTitle = 'setting';\n });\n }\n\n\n updateAdminPassowrd(){\n let data = {\n currentPassword: this.currentPassword,\n newPassword: this.newPassword\n };\n\n if( data.currentPassword == \"\" || data.newPassword == \"\" ){\n swal({\n type: 'error',\n title: 'Whoop! Something went wrong.',\n text: \"Please enter a valid password\",\n confirmButtonClass: 'btn btn-warning',\n buttonsStyling: false \n });\n\n return\n }\n \n\n if( data.currentPassword == undefined || data.newPassword == undefined ){\n swal({\n type: 'error',\n title: 'Whoop! Something went wrong.',\n text: \"Please enter a valid password\",\n confirmButtonClass: 'btn btn-warning',\n buttonsStyling: false \n });\n\n return\n }\n \n\n this.adminService.updateAdmin(data).then(res => {\n \n swal({\n title: 'Sucesses!',\n text: 'Your password has been updated.',\n type: 'success',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop);\n }).catch(err => {\n let errMsg = err as any;\n swal({\n type: 'error',\n title: 'Whoop! Something went wrong.',\n text: errMsg.error.message,\n confirmButtonClass: 'btn btn-warning',\n buttonsStyling: false \n });\n })\n }\n\n submitAddVersion(service){\n this.createVersionData.service = service;\n this.loading_service = true;\n\n this.adminService.createNewCosyncVersion(this.createVersionData).then(res => {\n this.loading_service = false;\n this.modalService.dismissAll();\n swal({\n title: 'Sucesses!',\n text: 'Your password has been updated.',\n type: 'success',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop);\n\n }).catch(err => {\n this.loading_service = false;\n let errMsg = err as any;\n swal({\n type: 'error',\n title: 'Whoop! Something went wrong.',\n text: errMsg.error.message || errMsg.message,\n confirmButtonClass: 'btn btn-warning',\n buttonsStyling: false \n });\n })\n }\n\n submitEditVersion(){\n\n this.loading_service = true;\n\n this.adminService.updateCosyncVersion(this.createVersionData).then(res => {\n this.loading_service = false;\n this.modalService.dismissAll();\n swal({\n title: 'Sucesses!',\n text: 'Your password has been updated.',\n type: 'success',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop);\n\n }).catch(err => {\n this.loading_service = false;\n let errMsg = err as any;\n swal({\n type: 'error',\n title: 'Whoop! Something went wrong.',\n text: errMsg.error.message || errMsg.message,\n confirmButtonClass: 'btn btn-warning',\n buttonsStyling: false \n });\n })\n }\n\n\n\n\n editCosyncVersion(item, content){\n\n // this.createVersionData = { \n // versionNumber: item.versionNumber,\n // name: item.name,\n // desc: item.desc,\n // status: item.status,\n // type: item.type\n // }\n this.createVersionData = item;\n \n this.modalService.open(content, {backdrop: 'static', ariaLabelledBy: 'modal-basic-title'}).result.then((result) => {\n \n }, (reason) => {\n\n }); \n }\n\n addCosyncVersion(type, content){\n\n this.createVersionData = {};\n\n this.modalService.open(content, {backdrop: 'static', ariaLabelledBy: 'modal-basic-title'}).result.then((result) => {\n \n }, (reason) => {\n\n }); \n }\n\n\n showCouponModal(content, data){ \n \n this.currentCouponData = data\n this.modalService.open(content, {backdrop: 'static', ariaLabelledBy: 'modal-basic-title'}).result.then((result) => {\n \n }, (reason) => {\n\n }); \n }\n\n\n\n changeCouponLogPage(page){ \n \n \n if(this.couponLogsOffset.page == page.page) return;\n this.couponLogsOffset = page; \n this.couponLogsOffset.offset = page.page - 1;\n this.adminService.getCouponLogs({couponCode:this.currentCouponData.couponCode, limit:this.couponEntryAmount, offset:this.couponLogsOffset.offset }).then(res => {\n this.couponLogs = res as any; \n this.couponLogs.list.filter(u => {\n u.show = true\n u.createdAt = this.datePipe.transform(new Date(u.createdAt), 'MMM d, y');\n u.updatedAt = this.datePipe.transform(new Date(u.updatedAt), 'MMM d, y'); \n }); \n }); \n\n \n }\n\n\n\n getCouponLog(item){\n\n this.couponLogs = {};\n this.currentCouponData = item\n this.showCouponLog = true;\n\n this.adminService.getCouponLogs({couponCode:item.couponCode, limit: this.couponEntryAmount, offset:0 }).then(res => {\n this.couponLogs = res as any; \n this.couponTotalLog = this.couponLogs.total;\n this.couponLogs.list.filter(u => {\n u.show = true\n u.createdAt = this.datePipe.transform(new Date(u.createdAt), 'MMM d, y');\n u.updatedAt = this.datePipe.transform(new Date(u.updatedAt), 'MMM d, y');\n \n }); \n \n }); \n }\n\n removeCoupon(item){\n this.currentCouponData = item\n\n\n swal({\n title: `Are you sure to remove this Coupon?`,\n text: `Coupon Code: ${item.couponCode}`,\n type: 'warning',\n showCancelButton: true,\n confirmButtonText: 'Yes, remove it!',\n cancelButtonText: 'No, keep it',\n confirmButtonClass: \"btn btn-danger\",\n cancelButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).then((result) => {\n if (result.value) {\n this.modalService.dismissAll()\n this.adminService.deleteCoupon(this.currentCouponData).then(res => {\n if(res) this.couponList = this.couponList.filter(c => c.couponCode != item.couponCode)\n \n swal({\n title: 'Sucesses!',\n text: 'Your copuon has been removed.',\n type: 'success',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop);\n\n }).catch(err => {\n let errMsg = err as any;\n swal({\n type: 'error',\n title: 'Whoop! Something went wrong.',\n text: errMsg.error.message || errMsg.message,\n confirmButtonClass: 'btn btn-warning',\n buttonsStyling: false \n });\n })\n\n \n\n } else {\n \n }\n })\n\n }\n\n\n submitEditCoupon(){\n this.loading_service = true;\n let that = this;\n this.adminService.updateCoupon(this.currentCouponData).then(res => {\n //that.couponList.push(res)\n this.loading_service = false;\n this.modalService.dismissAll();\n swal({\n title: 'Sucesses!',\n text: 'Your copuon has been update.',\n type: 'success',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop);\n\n }).catch(err => {\n this.loading_service = false;\n let errMsg = err as any;\n swal({\n type: 'error',\n title: 'Whoop! Something went wrong.',\n text: errMsg.error.message || errMsg.message,\n confirmButtonClass: 'btn btn-warning',\n buttonsStyling: false \n });\n })\n }\n\n\n sendCreateCoupon(){\n\n this.loading_service = true;\n let that = this;\n this.adminService.createCoupon(this.currentCouponData).then(res => {\n that.couponList.push(res)\n this.loading_service = false;\n this.modalService.dismissAll();\n swal({\n title: 'Sucesses!',\n text: 'Your copuon has been created.',\n type: 'success',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop);\n\n }).catch(err => {\n this.loading_service = false;\n let errMsg = err as any;\n swal({\n type: 'error',\n title: 'Whoop! Something went wrong.',\n text: errMsg.error.message || errMsg.message,\n confirmButtonClass: 'btn btn-warning',\n buttonsStyling: false \n });\n })\n } \n\n}\n","export default \".apps-content {\\n padding-top: 70px;\\n padding-bottom: 70px;\\n}\\n\\n.breadcrumb-container {\\n margin-top: 25px;\\n}\\n\\n.app-container {\\n padding: 20px 5px 20px 5px !important;\\n cursor: pointer;\\n}\\n\\n.app-name {\\n margin-top: auto;\\n margin-bottom: auto;\\n}\\n\\n.app-modify {\\n margin-top: auto;\\n}\\n\\n.app-detail {\\n vertical-align: super;\\n padding-right: 10px;\\n}\\n\\n.app-controler {\\n text-align: right;\\n -webkit-box-orient: horizontal;\\n -webkit-box-direction: normal;\\n flex-direction: row;\\n -webkit-box-align: end;\\n align-items: flex-end;\\n margin-top: auto;\\n margin-bottom: auto;\\n}\\n\\n.app-controler button {\\n margin-left: 20px !important;\\n width: 120px;\\n}\\n\\n.table-content {\\n padding-bottom: 10px;\\n}\\n\\n.user-fillter {\\n text-align: right;\\n}\\n\\ndiv.user-fillter input {\\n width: auto;\\n margin-left: 0.5rem;\\n display: inline-block;\\n}\\n\\ndiv.user-entry select {\\n width: auto;\\n}\\n\\ntable {\\n border-collapse: collapse;\\n}\\n\\ntable th {\\n font-size: 0.9rem;\\n font-weight: 400;\\n}\\n\\ntable.table th,\\ntable.table td {\\n padding-top: 1.1rem;\\n padding-bottom: 1rem;\\n}\\n\\n.table-bordered th,\\n.table-bordered td {\\n border: 1px solid #dee2e6;\\n}\\n\\n.table th,\\n.table td {\\n padding: 0.75rem;\\n vertical-align: top;\\n border-top: 1px solid #dee2e6;\\n}\\n\\n.pagination-wrapper {\\n text-align: right;\\n display: block;\\n}\\n\\n.user-controlers i {\\n padding-left: 7px;\\n}\\n\\n.align-left {\\n text-align: left;\\n}\\n\\n.nice-table {\\n display: block;\\n max-width: 100%;\\n overflow: auto;\\n}\\n\\n.email-table table {\\n border-collapse: collapse;\\n border-spacing: 0;\\n margin: 0;\\n padding: 0;\\n border: 0;\\n outline: 0;\\n}\\n\\n.main-card {\\n margin-bottom: 55px !important;\\n}\\n\\n.custom-range::-webkit-slider-thumb {\\n background: #4638ab;\\n}\\n\\n.custom-range::-moz-range-thumb {\\n background: #4638ab;\\n}\\n\\n.custom-range::-ms-thumb {\\n background: #4638ab;\\n}\\n\\n.custom-range::-moz-range-track {\\n width: 100%;\\n height: 5px;\\n cursor: pointer;\\n box-shadow: 0px 0px 0px #000000;\\n background: rgb(218, 220, 221);\\n border-radius: 1px;\\n border: 0px solid #000000;\\n}\\n\\n.custom-range::-webkit-slider-runnable-track {\\n width: 100%;\\n height: 5px;\\n cursor: pointer;\\n box-shadow: 0px 0px 0px #000000;\\n background: rgb(218, 220, 221);\\n border-radius: 1px;\\n border: 0px solid #000000;\\n}\\n\\n.custom-range::-ms-track {\\n width: 100%;\\n height: 5px;\\n cursor: pointer;\\n background: rgb(218, 220, 221);\\n border-color: transparent;\\n color: transparent;\\n}\\n\\n.material-icons.active {\\n color: #4638ab !important;\\n}\\n\\n.user-metadata-container {\\n overflow-y: auto;\\n overflow-x: hidden;\\n max-height: 400px;\\n}\\n\\n.edit-metadata-container {\\n overflow-y: auto;\\n overflow-x: hidden;\\n max-height: 400px;\\n}\\n\\n.metadata-x {\\n padding-top: 7px;\\n}\\n\\n.total-user {\\n margin-top: 8px;\\n}\\n\\n.host-link {\\n cursor: pointer;\\n text-decoration: underline;\\n color: #4638ab;\\n}\\n\\n.log-item {\\n padding-right: 10px;\\n}\\n\\n.log-filter{\\n display: -webkit-box;\\n padding-top: 10px;\\n}\\n\\n.log-filter-button{\\n -webkit-box-align: left;\\n align-items: left;\\n}\\n\\n.log-date{\\n margin-top: -5px;\\n}\\n\\n.log-to-date{\\n display: inline-block;\\n position: relative;\\n text-align: left;\\n}\\n\\n.log-date-message {\\n font-size: 10px;\\n color: #d60707;\\n margin-top: -20px;\\n position: absolute;\\n}\\n\\n.log-action{\\n width:120px;\\n\\n}\\n\\n.filter-content {\\n margin-top: 10px;\\n}\\n\\n.app-status{\\n border: none;\\n box-shadow: none;\\n}\\n\\n.plusSign {\\n \\n font-size: 1.5rem;\\n font-weight: 500;\\n line-height: 1;\\n color: #000000;\\n text-shadow: 0 1px 0 #ffffff;\\n opacity: 0.5;\\n}\\n\\nbutton.plusSign {\\n padding: 0;\\n background-color: transparent;\\n border: 0;\\n -webkit-appearance: none;\\n -moz-appearance: none;\\n appearance: none;\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvY29tcG9uZW50cy9hcHBzL2FwcHMuY29tcG9uZW50LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNFLGlCQUFpQjtFQUNqQixvQkFBb0I7QUFDdEI7O0FBRUE7RUFDRSxnQkFBZ0I7QUFDbEI7O0FBRUE7RUFDRSxxQ0FBcUM7RUFDckMsZUFBZTtBQUNqQjs7QUFFQTtFQUNFLGdCQUFnQjtFQUNoQixtQkFBbUI7QUFDckI7O0FBRUE7RUFDRSxnQkFBZ0I7QUFDbEI7O0FBRUE7RUFDRSxxQkFBcUI7RUFDckIsbUJBQW1CO0FBQ3JCOztBQUVBO0VBQ0UsaUJBQWlCO0VBQ2pCLDhCQUFtQjtFQUFuQiw2QkFBbUI7VUFBbkIsbUJBQW1CO0VBQ25CLHNCQUFxQjtVQUFyQixxQkFBcUI7RUFDckIsZ0JBQWdCO0VBQ2hCLG1CQUFtQjtBQUNyQjs7QUFFQTtFQUNFLDRCQUE0QjtFQUM1QixZQUFZO0FBQ2Q7O0FBRUE7RUFDRSxvQkFBb0I7QUFDdEI7O0FBRUE7RUFDRSxpQkFBaUI7QUFDbkI7O0FBRUE7RUFDRSxXQUFXO0VBQ1gsbUJBQW1CO0VBQ25CLHFCQUFxQjtBQUN2Qjs7QUFFQTtFQUNFLFdBQVc7QUFDYjs7QUFFQTtFQUNFLHlCQUF5QjtBQUMzQjs7QUFFQTtFQUNFLGlCQUFpQjtFQUNqQixnQkFBZ0I7QUFDbEI7O0FBRUE7O0VBRUUsbUJBQW1CO0VBQ25CLG9CQUFvQjtBQUN0Qjs7QUFFQTs7RUFFRSx5QkFBeUI7QUFDM0I7O0FBRUE7O0VBRUUsZ0JBQWdCO0VBQ2hCLG1CQUFtQjtFQUNuQiw2QkFBNkI7QUFDL0I7O0FBRUE7RUFDRSxpQkFBaUI7RUFDakIsY0FBYztBQUNoQjs7QUFFQTtFQUNFLGlCQUFpQjtBQUNuQjs7QUFFQTtFQUNFLGdCQUFnQjtBQUNsQjs7QUFFQTtFQUNFLGNBQWM7RUFDZCxlQUFlO0VBQ2YsY0FBYztBQUNoQjs7QUFDQTtFQUNFLHlCQUF5QjtFQUN6QixpQkFBaUI7RUFDakIsU0FBUztFQUNULFVBQVU7RUFDVixTQUFTO0VBQ1QsVUFBVTtBQUNaOztBQUVBO0VBQ0UsOEJBQThCO0FBQ2hDOztBQUVBO0VBQ0UsbUJBQW1CO0FBQ3JCOztBQUVBO0VBQ0UsbUJBQW1CO0FBQ3JCOztBQUVBO0VBQ0UsbUJBQW1CO0FBQ3JCOztBQUVBO0VBQ0UsV0FBVztFQUNYLFdBQVc7RUFDWCxlQUFlO0VBQ2YsK0JBQStCO0VBQy9CLDhCQUE4QjtFQUM5QixrQkFBa0I7RUFDbEIseUJBQXlCO0FBQzNCOztBQUVBO0VBQ0UsV0FBVztFQUNYLFdBQVc7RUFDWCxlQUFlO0VBQ2YsK0JBQStCO0VBQy9CLDhCQUE4QjtFQUM5QixrQkFBa0I7RUFDbEIseUJBQXlCO0FBQzNCOztBQUVBO0VBQ0UsV0FBVztFQUNYLFdBQVc7RUFDWCxlQUFlO0VBQ2YsOEJBQThCO0VBQzlCLHlCQUF5QjtFQUN6QixrQkFBa0I7QUFDcEI7O0FBRUE7RUFDRSx5QkFBeUI7QUFDM0I7O0FBRUE7RUFDRSxnQkFBZ0I7RUFDaEIsa0JBQWtCO0VBQ2xCLGlCQUFpQjtBQUNuQjs7QUFFQTtFQUNFLGdCQUFnQjtFQUNoQixrQkFBa0I7RUFDbEIsaUJBQWlCO0FBQ25COztBQUVBO0VBQ0UsZ0JBQWdCO0FBQ2xCOztBQUVBO0VBQ0UsZUFBZTtBQUNqQjs7QUFFQTtFQUNFLGVBQWU7RUFDZiwwQkFBMEI7RUFDMUIsY0FBYztBQUNoQjs7QUFFQTtFQUNFLG1CQUFtQjtBQUNyQjs7QUFFQTtFQUNFLG9CQUFvQjtFQUNwQixpQkFBaUI7QUFDbkI7O0FBRUE7RUFDRSx1QkFBaUI7VUFBakIsaUJBQWlCO0FBQ25COztBQUVBO0VBQ0UsZ0JBQWdCO0FBQ2xCOztBQUVBO0VBQ0UscUJBQXFCO0VBQ3JCLGtCQUFrQjtFQUNsQixnQkFBZ0I7QUFDbEI7O0FBRUE7RUFDRSxlQUFlO0VBQ2YsY0FBYztFQUNkLGlCQUFpQjtFQUNqQixrQkFBa0I7QUFDcEI7O0FBRUE7RUFDRSxXQUFXOztBQUViOztBQUVBO0VBQ0UsZ0JBQWdCO0FBQ2xCOztBQUVBO0VBQ0UsWUFBWTtFQUNaLGdCQUFnQjtBQUNsQjs7QUFHQTs7RUFFRSxpQkFBaUI7RUFDakIsZ0JBQWdCO0VBQ2hCLGNBQWM7RUFDZCxjQUFjO0VBQ2QsNEJBQTRCO0VBQzVCLFlBQVk7QUFDZDs7QUFFQTtFQUNFLFVBQVU7RUFDViw2QkFBNkI7RUFDN0IsU0FBUztFQUNULHdCQUF3QjtFQUN4QixxQkFBcUI7RUFDckIsZ0JBQWdCO0FBQ2xCIiwiZmlsZSI6InNyYy9hcHAvY29tcG9uZW50cy9hcHBzL2FwcHMuY29tcG9uZW50LmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5hcHBzLWNvbnRlbnQge1xuICBwYWRkaW5nLXRvcDogNzBweDtcbiAgcGFkZGluZy1ib3R0b206IDcwcHg7XG59XG5cbi5icmVhZGNydW1iLWNvbnRhaW5lciB7XG4gIG1hcmdpbi10b3A6IDI1cHg7XG59XG5cbi5hcHAtY29udGFpbmVyIHtcbiAgcGFkZGluZzogMjBweCA1cHggMjBweCA1cHggIWltcG9ydGFudDtcbiAgY3Vyc29yOiBwb2ludGVyO1xufVxuXG4uYXBwLW5hbWUge1xuICBtYXJnaW4tdG9wOiBhdXRvO1xuICBtYXJnaW4tYm90dG9tOiBhdXRvO1xufVxuXG4uYXBwLW1vZGlmeSB7XG4gIG1hcmdpbi10b3A6IGF1dG87XG59XG5cbi5hcHAtZGV0YWlsIHtcbiAgdmVydGljYWwtYWxpZ246IHN1cGVyO1xuICBwYWRkaW5nLXJpZ2h0OiAxMHB4O1xufVxuXG4uYXBwLWNvbnRyb2xlciB7XG4gIHRleHQtYWxpZ246IHJpZ2h0O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICBhbGlnbi1pdGVtczogZmxleC1lbmQ7XG4gIG1hcmdpbi10b3A6IGF1dG87XG4gIG1hcmdpbi1ib3R0b206IGF1dG87XG59XG5cbi5hcHAtY29udHJvbGVyIGJ1dHRvbiB7XG4gIG1hcmdpbi1sZWZ0OiAyMHB4ICFpbXBvcnRhbnQ7XG4gIHdpZHRoOiAxMjBweDtcbn1cblxuLnRhYmxlLWNvbnRlbnQge1xuICBwYWRkaW5nLWJvdHRvbTogMTBweDtcbn1cblxuLnVzZXItZmlsbHRlciB7XG4gIHRleHQtYWxpZ246IHJpZ2h0O1xufVxuXG5kaXYudXNlci1maWxsdGVyIGlucHV0IHtcbiAgd2lkdGg6IGF1dG87XG4gIG1hcmdpbi1sZWZ0OiAwLjVyZW07XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbn1cblxuZGl2LnVzZXItZW50cnkgc2VsZWN0IHtcbiAgd2lkdGg6IGF1dG87XG59XG5cbnRhYmxlIHtcbiAgYm9yZGVyLWNvbGxhcHNlOiBjb2xsYXBzZTtcbn1cblxudGFibGUgdGgge1xuICBmb250LXNpemU6IDAuOXJlbTtcbiAgZm9udC13ZWlnaHQ6IDQwMDtcbn1cblxudGFibGUudGFibGUgdGgsXG50YWJsZS50YWJsZSB0ZCB7XG4gIHBhZGRpbmctdG9wOiAxLjFyZW07XG4gIHBhZGRpbmctYm90dG9tOiAxcmVtO1xufVxuXG4udGFibGUtYm9yZGVyZWQgdGgsXG4udGFibGUtYm9yZGVyZWQgdGQge1xuICBib3JkZXI6IDFweCBzb2xpZCAjZGVlMmU2O1xufVxuXG4udGFibGUgdGgsXG4udGFibGUgdGQge1xuICBwYWRkaW5nOiAwLjc1cmVtO1xuICB2ZXJ0aWNhbC1hbGlnbjogdG9wO1xuICBib3JkZXItdG9wOiAxcHggc29saWQgI2RlZTJlNjtcbn1cblxuLnBhZ2luYXRpb24td3JhcHBlciB7XG4gIHRleHQtYWxpZ246IHJpZ2h0O1xuICBkaXNwbGF5OiBibG9jaztcbn1cblxuLnVzZXItY29udHJvbGVycyBpIHtcbiAgcGFkZGluZy1sZWZ0OiA3cHg7XG59XG5cbi5hbGlnbi1sZWZ0IHtcbiAgdGV4dC1hbGlnbjogbGVmdDtcbn1cblxuLm5pY2UtdGFibGUge1xuICBkaXNwbGF5OiBibG9jaztcbiAgbWF4LXdpZHRoOiAxMDAlO1xuICBvdmVyZmxvdzogYXV0bztcbn1cbi5lbWFpbC10YWJsZSB0YWJsZSB7XG4gIGJvcmRlci1jb2xsYXBzZTogY29sbGFwc2U7XG4gIGJvcmRlci1zcGFjaW5nOiAwO1xuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6IDA7XG4gIGJvcmRlcjogMDtcbiAgb3V0bGluZTogMDtcbn1cblxuLm1haW4tY2FyZCB7XG4gIG1hcmdpbi1ib3R0b206IDU1cHggIWltcG9ydGFudDtcbn1cblxuLmN1c3RvbS1yYW5nZTo6LXdlYmtpdC1zbGlkZXItdGh1bWIge1xuICBiYWNrZ3JvdW5kOiAjNDYzOGFiO1xufVxuXG4uY3VzdG9tLXJhbmdlOjotbW96LXJhbmdlLXRodW1iIHtcbiAgYmFja2dyb3VuZDogIzQ2MzhhYjtcbn1cblxuLmN1c3RvbS1yYW5nZTo6LW1zLXRodW1iIHtcbiAgYmFja2dyb3VuZDogIzQ2MzhhYjtcbn1cblxuLmN1c3RvbS1yYW5nZTo6LW1vei1yYW5nZS10cmFjayB7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDVweDtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBib3gtc2hhZG93OiAwcHggMHB4IDBweCAjMDAwMDAwO1xuICBiYWNrZ3JvdW5kOiByZ2IoMjE4LCAyMjAsIDIyMSk7XG4gIGJvcmRlci1yYWRpdXM6IDFweDtcbiAgYm9yZGVyOiAwcHggc29saWQgIzAwMDAwMDtcbn1cblxuLmN1c3RvbS1yYW5nZTo6LXdlYmtpdC1zbGlkZXItcnVubmFibGUtdHJhY2sge1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiA1cHg7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgYm94LXNoYWRvdzogMHB4IDBweCAwcHggIzAwMDAwMDtcbiAgYmFja2dyb3VuZDogcmdiKDIxOCwgMjIwLCAyMjEpO1xuICBib3JkZXItcmFkaXVzOiAxcHg7XG4gIGJvcmRlcjogMHB4IHNvbGlkICMwMDAwMDA7XG59XG5cbi5jdXN0b20tcmFuZ2U6Oi1tcy10cmFjayB7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDVweDtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBiYWNrZ3JvdW5kOiByZ2IoMjE4LCAyMjAsIDIyMSk7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGNvbG9yOiB0cmFuc3BhcmVudDtcbn1cblxuLm1hdGVyaWFsLWljb25zLmFjdGl2ZSB7XG4gIGNvbG9yOiAjNDYzOGFiICFpbXBvcnRhbnQ7XG59XG5cbi51c2VyLW1ldGFkYXRhLWNvbnRhaW5lciB7XG4gIG92ZXJmbG93LXk6IGF1dG87XG4gIG92ZXJmbG93LXg6IGhpZGRlbjtcbiAgbWF4LWhlaWdodDogNDAwcHg7XG59XG5cbi5lZGl0LW1ldGFkYXRhLWNvbnRhaW5lciB7XG4gIG92ZXJmbG93LXk6IGF1dG87XG4gIG92ZXJmbG93LXg6IGhpZGRlbjtcbiAgbWF4LWhlaWdodDogNDAwcHg7XG59XG5cbi5tZXRhZGF0YS14IHtcbiAgcGFkZGluZy10b3A6IDdweDtcbn1cblxuLnRvdGFsLXVzZXIge1xuICBtYXJnaW4tdG9wOiA4cHg7XG59XG5cbi5ob3N0LWxpbmsge1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lO1xuICBjb2xvcjogIzQ2MzhhYjtcbn1cblxuLmxvZy1pdGVtIHtcbiAgcGFkZGluZy1yaWdodDogMTBweDtcbn1cblxuLmxvZy1maWx0ZXJ7XG4gIGRpc3BsYXk6IC13ZWJraXQtYm94O1xuICBwYWRkaW5nLXRvcDogMTBweDtcbn1cblxuLmxvZy1maWx0ZXItYnV0dG9ue1xuICBhbGlnbi1pdGVtczogbGVmdDtcbn1cblxuLmxvZy1kYXRle1xuICBtYXJnaW4tdG9wOiAtNXB4O1xufVxuXG4ubG9nLXRvLWRhdGV7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB0ZXh0LWFsaWduOiBsZWZ0O1xufVxuXG4ubG9nLWRhdGUtbWVzc2FnZSB7XG4gIGZvbnQtc2l6ZTogMTBweDtcbiAgY29sb3I6ICNkNjA3MDc7XG4gIG1hcmdpbi10b3A6IC0yMHB4O1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG59XG5cbi5sb2ctYWN0aW9ue1xuICB3aWR0aDoxMjBweDtcblxufSBcblxuLmZpbHRlci1jb250ZW50IHtcbiAgbWFyZ2luLXRvcDogMTBweDtcbn1cblxuLmFwcC1zdGF0dXN7XG4gIGJvcmRlcjogbm9uZTtcbiAgYm94LXNoYWRvdzogbm9uZTtcbn1cblxuXG4ucGx1c1NpZ24ge1xuICAgXG4gIGZvbnQtc2l6ZTogMS41cmVtO1xuICBmb250LXdlaWdodDogNTAwO1xuICBsaW5lLWhlaWdodDogMTtcbiAgY29sb3I6ICMwMDAwMDA7XG4gIHRleHQtc2hhZG93OiAwIDFweCAwICNmZmZmZmY7XG4gIG9wYWNpdHk6IDAuNTtcbn1cblxuYnV0dG9uLnBsdXNTaWduIHtcbiAgcGFkZGluZzogMDtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJvcmRlcjogMDtcbiAgLXdlYmtpdC1hcHBlYXJhbmNlOiBub25lO1xuICAtbW96LWFwcGVhcmFuY2U6IG5vbmU7XG4gIGFwcGVhcmFuY2U6IG5vbmU7XG59Il19 */\"","import { Component, OnInit, ViewChild } from '@angular/core';\nimport swal from 'sweetalert2';\nimport { AppsService } from 'src/app/services/apps.service'; \nimport { HostService } from 'src/app/services/host.service'; \nimport { App } from 'src/app/models/app';\nimport { NotificationService } from 'src/app/services/notification.service';\nimport { FormGroup, FormControl} from '@angular/forms';\nimport {DatePipe} from '@angular/common';\nimport {Md5} from 'ts-md5/dist/md5';\nimport { Developer } from 'src/app/models/developer';\nimport { AuthenticationService } from 'src/app/services/authentication.service';\nimport { PaginationComponent } from '../pagination/pagination.component';\nimport { NotifyService } from 'src/app/services/notify.service';\nimport { NgbModal } from '@ng-bootstrap/ng-bootstrap';\nimport { Router, ActivatedRoute } from '@angular/router';\nimport { HelperService } from 'src/app/services/helper.service'; \n \nimport * as localeData from '../../../assets/locales.json';\ndeclare var $: any;\n\n\n@Component({\n selector: 'app-apps',\n templateUrl: './apps.component.html',\n styleUrls: ['./apps.component.css']\n})\nexport class AppsComponent implements OnInit {\n\n @ViewChild('userPage', {static: false}) userPagination: PaginationComponent; \n @ViewChild('signupPage', {static: false}) signupPagination: PaginationComponent;\n @ViewChild('invitePage', {static: false}) invitePagination: PaginationComponent;\n @ViewChild('logPage', {static: false}) logPagination: PaginationComponent; \n formControlSelect: FormControl;\n twoFactorSelect: FormControl;\n localeSelect: FormControl;\n formControlAppTypeSelect:FormControl;\n updating :boolean = false;\n savingEmail:boolean = false;\n breadcrumbList = [];\n hostList = [];\n page:string = 'app-list';\n header:any; \n apps = [];\n hosts = [];\n editMetadata:boolean = false;\n editMetadataList = [];\n addMetadataList = [];\n isClickAppSecret:boolean = false;\n isClickAppId:boolean = false;\n cosyncEngineStep:number = 1;\n cosyncEngineFormData:any = {};\n isClickAppToken:boolean = false;\n isClickPublicKey:boolean = false;\n appToEdit:any = {};\n appMetaData = [];\n appLocales = []\n updatingAppMetaData:boolean = false;\n updatingUserMetadata:boolean = false;\n appInviteMetaData = [];\n updatingInviteMetaData:boolean = false;\n appEmailTemplates:any = {};\n selectedAppLocale:string = \"EN\";\n selectedLocaleEmailTemplate:any = {};\n selectedEmailTemplateName:string = 'signUp';\n selectedEmailTemplate:any = {};\n appForm: FormGroup;\n currentUser:any; \n appPublicKey:string;\n loading_app_data:boolean = false;\n loading_twilio_data:boolean = false;\n loading_allapp: boolean = false;\n isSaving: boolean = false;\n clickEditVerifyEmailTemplate: boolean = false;\n cosyncVersions:any = {\n cosyncEngine:[],\n cosyncJWT: []\n };\n validFilter:boolean = true;\n filterAction = ['all'];\n logFilter:any = {\n filterAction:['all'],\n type: \"all\",\n status: \"all\",\n fromDate:\"\",\n toDate:\"\" \n };\n filterQuery:boolean = false;\n clickedFilter:boolean = false;\n logDateFilterMessage: string = \"\";\n appLogData:any = {};\n appData:any = {};\n searchUserResult:any = null;\n hideAnonUser:Boolean = true;\n searchInviteResult:any = null\n searchSignUpResult:any = null;\n userCount:number = 0;\n logsOffset:any = {page:1, order: 1, offset: 0};\n userOffset:any = {page:1, order: 1, offset: 0};\n signUpOffset:any = {page:1, order: 1, offset: 0};\n inviteOffset:any = {page:1, order: 1, offset: 0};\n userList:any = [];\n applicationLogs:any = [];\n inviteList:any;\n signUpList:any;\n entryAmount:number = 25;\n \n entryAmountSignUp:number = 25;\n entryAmountInvite:number = 25;\n currentAppUser:any;\n formResetClass = \"need-validation\";\n formCreateAppClass = \"need-validation\";\n formCreateAppUserClass = \"need-validation\";\n formClass = \"need-validation\";\n resetPaswordInfo:string = \"\";\n randomPwd:string =\"\";\n invalidPassword:string='';\n \n createAppData:any = { \n type:'development',\n jwtEnabled: true\n }; \n\n modalOption:string;\n appOption:any; \n localeList:any = localeData.list;\n applicationActions = [ \"create\", \"update\", \"reset\", \"delete\", \"testTwilio\", \"getApp\", \"removeUser\", \"addUser\", \"searchUser\", \"deleteInvite\", \"createAppInvite\", \"removeAppSignup\", \"searchInvite\", \"resetUserPassword\", \"updateAppUserPassword\", \"updateAppUserMetaData\", \"reinitCosyncEngine\", \"initCosyncEngine\", \"updateAppInviteMetaData\", \"initCosyncJWT\", \"reinitCosyncJWT\", \"removeCosyncEngine\", \"removeCosyncJWT\", \"saveUserSchema\", \"export\", \"testEmailExtension\"];\n userActions = [\"signup\", \"completeSignup\", \"invite\", \"register\", \"login\", \"loginComplete\", \"sendEmail\", \"setUserMetadata\", \"forgotPassword\", \"resetPassword\", \"changePassword\", \"getUser\", \"getApplication\", \"setAppData\", \"setPhone\", \"verifyPhone\", \"setTwoFactorGoogleVerification\", \"setTwoFactorPhoneVerification\"];\n filterActions = this.applicationActions.concat(this.userActions);\n\n \n constructor(\n private appService:AppsService, \n private hostService:HostService, \n private notiSerivce:NotificationService, \n private notifyService:NotifyService, \n private authService:AuthenticationService,\n private modalService: NgbModal,\n private helperService: HelperService,\n private router: Router,\n private route: ActivatedRoute,\n private datePipe: DatePipe) { \n\n \n\n this.appService.apps.subscribe(data =>{\n\n for (let index = 0; index < data.length; index++) { \n data[index].lastModified = this.helperService.getLastModifiedDateString(data[index].updatedAt); \n }\n\n\n this.apps = data;\n if(this.apps.length <= 3) this.notifyService.notifyOther('total-app', this.apps.length);\n });\n\n\n\n this.hostService.hosts.subscribe(data =>{\n this.hosts = data; \n \n });\n\n\n this.appOption = this.route.snapshot.paramMap; \n\n }\n\n ngOnInit() { \n\n let cache = localStorage.getItem('currentUser');\n this.currentUser = JSON.parse(cache) as Developer;\n\n if(this.currentUser.status != \"active\"){\n this.router.navigate(['/profile']);\n return;\n } \n \n\n this.loading_allapp = true;\n let that = this;\n\n this.cosyncVersions = {\n cosyncEngine:[],\n cosyncJWT: []\n };\n\n this.appService.getCosyncVersion(function(versions){\n versions.forEach(v => {\n if(v.name == \"CosyncEngine\" && v.status == 'active') that.cosyncVersions.cosyncEngine.push(v);\n else if(v.name == \"CosyncJWT\" && v.status == 'active') that.cosyncVersions.cosyncJWT.push(v);\n });\n }); \n\n \n if(that.appOption.get('id') && this.apps.length){\n let app = that.apps.filter(a => a.appId == that.appOption.get('id'))[0];\n if(app) that.clickApp(app);\n }\n else{ \n \n //this.hostService.getHosts(function(res, error){ });\n\n this.appService.getApps(function(res, error){ \n that.loading_allapp = false;\n if(error && error.error.message){\n swal({\n type: 'warning',\n title: 'Whoop! Something went wrong.',\n text: error.error ? error.error.message : \"\",\n confirmButtonClass: 'btn btn-warning',\n buttonsStyling: false\n \n }).then((result) => {\n that.router.navigate(['/profile']);\n });\n }\n else if(that.appOption.get('id')){\n let app = that.apps.filter(a => a.appId == that.appOption.get('id'))[0];\n if(app) that.clickApp(app);\n else {\n that.router.navigate(['/apps']);\n swal({\n type: 'error',\n title: 'Whoop! App Does not exist.',\n text: \"Please try again\",\n confirmButtonClass: 'btn btn-warning',\n buttonsStyling: false\n \n });\n }\n }\n });\n }\n }\n\n \n createApp(content){ \n\n this.createAppData = { \n type:'development',\n jwtEnabled: true\n }; \n\n this.modalService.open(content, {backdrop: 'static', ariaLabelledBy: 'modal-basic-title'}).result.then((result) => {\n \n }, (reason) => { \n \n }); \n }\n\n\n /* onChangeAppSetting(evt, type){\n if(type == 'type' && evt.target.value == \"commercial\"){\n\n if(this.currentUser.type == 'free' && !this.currentUser.tester ){ \n this.createAppData.type = 'development';\n evt.target.value = this.createAppData.type;\n this.updateAccountTypePopup(); \n }\n else this.createAppData.type = evt.target.value;\n\n } \n \n } */\n \n\n checkAppName(appName){\n let app = this.apps.filter(a => a.name == appName);\n \n return app[0];\n }\n\n createApplication(){\n \n\n if(!this.createAppData.appName || this.createAppData.appName == \"\"){\n this.formCreateAppClass = \"need-validation was-validated\";\n return;\n } \n\n if(this.checkAppName(this.createAppData.appName)){\n\n swal({\n type: 'error',\n title: 'Whoop! App name already exists.',\n text: \"Please enter different app name\",\n confirmButtonClass: 'btn btn-warning',\n buttonsStyling: false\n\n });\n return;\n }\n\n this.modalService.dismissAll(); \n\n let that = this;\n \n this.appService.addApp(this.createAppData, function(res, err){\n \n if(res) that.notiSerivce.success(`${that.createAppData.appName} application has been created.`); \n else {\n swal({\n type: 'error',\n title: 'Whoop! Something went wrong.',\n text: err.error.message,\n confirmButtonClass: 'btn btn-warning',\n buttonsStyling: false\n \n });\n }\n that.createAppData = { \n type:'development'\n };\n }); \n\n }\n \n goToAppId(app){\n this.router.navigate(['/apps/app/'+app.appId]);\n }\n\n showAllApps(){\n this.page = 'app-list';\n this.breadcrumbList = [];\n }\n\n\n clickApp(app){\n let appPublicKey;\n \n try {\n appPublicKey = atob(app.appPublicKey);\n } catch (error) { \n \n }\n\n let displayApp: App = {\n name: app.name,\n developerUid: app.developerUid,\n appId: app.appId,\n status: app.status,\n jwtEnabled: app.jwtEnabled,\n appPublicKey: appPublicKey, \n appToken: app.appToken, \n appSecret: app.appSecret, \n rawPublicKey: app.appPublicKey, \n type: app.type,\n handle:app.handle,\n invitationEnabled:app.invitationEnabled,\n signupEnabled:app.signupEnabled, \n anonymousLoginEnabled: app.anonymousLoginEnabled,\n userNamesEnabled: app.userNamesEnabled,\n twoFactorVerification: app.twoFactorVerification,\n TWILIOAccountSid: app.TWILIOAccountSid || \"\",\n TWILIOToken: app.TWILIOToken || \"\", \n TWILIOPhoneNumber: app.TWILIOPhoneNumber || \"\",\n googleAppName: app.googleAppName || app.name,\n maxUsers: app.maxUsers || 1000,\n userJWTExpiration: app.userJWTExpiration || 1,\n realmAppId: app.realmAppId || \"\", \n maxLoginAttempts: app.maxLoginAttempts || 0,\n passwordFilter:app.passwordFilter,\n passwordMinLength: app.passwordMinLength || 5,\n passwordMinUpper: app.passwordMinUpper || 0,\n passwordMinLower: app.passwordMinLower || 0,\n passwordMinDigit: app.passwordMinDigit || 0,\n passwordMinSpecial: app.passwordMinSpecial || 0,\n signupFlow: app.signupFlow || 'code',\n appData: app.appData,\n metaData: app.metaData || [],\n metaDataInvite: app.metaDataInvite || [],\n locales: app.locales || [],\n appleLoginEnabled: app.appleLoginEnabled,\n appleBundleId: app.appleBundleId,\n googleLoginEnabled: app.googleLoginEnabled,\n googleClientId: app.googleClientId,\n metaDataEmail: app.metaDataEmail,\n emailExtensionAPIKey: app.emailExtensionAPIKey || \"\",\n emailExtension: app.emailExtension,\n emailExtensionSenderEmail: app.emailExtensionSenderEmail || \"\",\n createdAt: app.createdAt,\n updatedAt: app.updatedAt,\n }\n this.appToEdit = displayApp; \n this.appLocales= [...this.appToEdit.locales];\n\n this.cloneAppMetaData();\n this.cloneAppInviteMetaData();\n\n this.appPublicKey = this.appToEdit.appPublicKey;\n this.formControlSelect = new FormControl(this.appToEdit.type); \n this.twoFactorSelect = new FormControl(this.appToEdit.twoFactorVerification); \n this.localeSelect = new FormControl(\"EN\");\n\n this.breadcrumbList.push(app);\n this.page = \"app-detail\";\n }\n\n cloneAppMetaData() {\n this.appMetaData = [];\n this.appToEdit.metaData.forEach(data => {\n let item = {};\n for (const key in data) { \n item[key] = data[key]; \n }\n this.appMetaData.push(item);\n });\n }\n\n\n\n cloneAppInviteMetaData() {\n this.appInviteMetaData = [];\n this.appToEdit.metaDataInvite.forEach(data => {\n let item = {};\n for (const key in data) { \n item[key] = data[key]; \n }\n this.appInviteMetaData.push(item);\n });\n }\n\n\n editApp(value: string){\n this.isSaving = true;\n let that = this;\n this.appService.editApp(value, this.appToEdit.appId, function(result, err){\n if(result){\n that.breadcrumbList[that.breadcrumbList.length - 1].name = value;\n that.isSaving = false;\n swal({\n type: 'success',\n html: 'Your app is updated: ' +\n value +\n ' ',\n confirmButtonClass: 'btn btn-success',\n buttonsStyling: false,\n timer: 2000\n \n });\n\n } \n else{\n swal({\n type: 'error',\n title: 'Whoop! Something went wrong.',\n text: err.error.message,\n confirmButtonClass: 'btn btn-warning',\n buttonsStyling: false\n \n });\n }\n }); \n \n }\n\n\n onAppNameKey(event){\n if(this.appToEdit.name != event.target.value) this.updating = true;\n else this.updating = false;\n }\n\n \n\n\n copyPublicKey(item){\n item.select();\n document.execCommand('copy');\n item.setSelectionRange(0, 0);\n let that = this;\n setTimeout(function(){\n that.isClickAppSecret = false;\n that.isClickAppId = false;\n that.isClickAppToken = false;\n that.isClickPublicKey = false;\n },1000)\n }\n\n\n resetAppData(){\n let that = this;\n swal({\n title: `Reset ${that.appToEdit.name}, are you sure?`,\n text: 'You will not be able to recover this app data!',\n type: 'warning',\n showCancelButton: true,\n confirmButtonText: 'Yes, reset it!',\n cancelButtonText: 'No, keep it',\n confirmButtonClass: \"btn btn-danger\",\n cancelButtonClass: \"btn btn-success\",\n buttonsStyling: false, \n focusCancel: true\n\n }).then((result) => {\n if (result.value) {\n\n swal({\n title: 'Enter your account password',\n input: 'password',\n showCancelButton: true, \n confirmButtonClass: 'btn btn-success',\n cancelButtonClass: 'btn btn-danger',\n buttonsStyling: false,\n inputValidator: (value) => { \n if (!value) {\n return 'Please enter your account password'\n } \n }\n \n }).then(function(result) {\n if (result.value) {\n \n that.appService.resetApp(that.appToEdit, result.value).then(res => {\n swal({\n title: 'Reset!',\n text: 'Your app data has been reset.',\n type: 'success',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false,\n timer: 2000\n }).catch(swal.noop);\n }).catch(err => {\n swal({\n title: 'Whoop!',\n text: err.error.message || 'Somehting went wrong. Please try again :(',\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false \n }).catch(swal.noop)\n \n });\n }\n }); \n\n } else {\n swal({\n title: 'Cancelled',\n text: 'Your app data is safe :)',\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false,\n timer: 2000\n }).catch(swal.noop)\n }\n })\n } \n\n onInvitePaginationInit(){\n let that = this;\n \n setTimeout(function() {\n if(that.invitePagination){\n that.invitePagination.data = {\n totalItem: that.appData.totalInvite, \n entryAmount: that.entryAmountInvite,\n };\n }\n \n }, 1000); \n }\n\n signupPaginationInit(data){\n let that = this;\n \n setTimeout(function() {\n if(that.signupPagination){\n that.signupPagination.data = {\n totalItem: that.appData.totalSignup, \n entryAmount: that.entryAmountSignUp,\n };\n }\n \n }, 1000); \n }\n\n\n onPaginationInit(data){\n let that = this;\n \n setTimeout(function() {\n if(that.userPagination){\n that.userPagination.data = {\n totalItem: that.appData.totalUser, \n entryAmount: that.entryAmount,\n };\n }\n \n }, 1000); \n }\n\n\n onLogPaginationInit(data){\n let that = this;\n \n setTimeout(function() {\n\n if(that.logPagination !== undefined) {\n that.logPagination.data = {\n totalItem: that.appLogData.totalLog, \n entryAmount: that.entryAmount,\n };\n }\n }, 1000); \n \n } \n\n showAppEmailTemplate(app){\n this.appService.getAppEmailTemplates(app).then(res => {\n this.appEmailTemplates = res as any;\n\n this.selectedLocaleEmailTemplate = this.appEmailTemplates[\"EN\"]; \n this.setCurrentEmailTemplate()\n });\n }\n\n\n\n\n saveEmailTemplate(){\n this.savingEmail = true;\n this.appService.updateAppEmailTemplates(this.selectedEmailTemplate).then(res => {\n this.savingEmail = false;\n this.clickEditVerifyEmailTemplate = false;\n swal({\n title: 'Success!',\n text: 'The email template has been updated.',\n type: 'success',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false,\n timer: 4000\n }).catch(swal.noop);\n }).catch(err => {\n this.savingEmail = false;\n swal({\n title: 'Invalid',\n text: 'Whoop! Something went wrong. Please try again. :)',\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false,\n timer: 4000\n }).catch(swal.noop)\n });\n }\n \n showAppLogs(app){\n this.loading_app_data = true;\n\n this.appService.getAppLogData(app).then( res => {\n this.loading_app_data = false; \n this.appLogData = res; \n this.applicationLogs = this.appLogData.logs; \n\n this.applicationLogs.filter(item => {\n item.show = true;\n item.createdAt = this.datePipe.transform(new Date(item.createdAt), 'MMM d, y, h:mm:ss a');\n }); \n\n }).catch(err => {\n this.loading_app_data = false;\n\n swal({\n title: 'Invalid',\n text: 'Whoop! Something went wrong. Please try again. :)',\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false,\n timer: 4000\n }).catch(swal.noop)\n\n })\n }\n\n showAppData(app){\n \n this.userCount = 0;\n this.loading_app_data = true;\n this.appService.getAppData(app, this.hideAnonUser).then(res => {\n this.loading_app_data = false; \n this.appData = res; \n\n if(this.appData.invites){\n this.inviteList = this.appData.invites;\n this.inviteList.filter(u => {\n u.show = true\n u.createdAt = this.datePipe.transform(new Date(u.createdAt), 'MMM d, y, h:mm:ss a');\n u.updatedAt = this.datePipe.transform(new Date(u.updatedAt), 'MMM d, y, h:mm:ss a'); \n }); \n }\n\n if(this.appData.signups){\n this.signUpList = this.appData.signups;\n this.signUpList.filter(u => {\n u.show = true\n u.createdAt = this.datePipe.transform(new Date(u.createdAt), 'MMM d, y, h:mm:ss a');\n u.updatedAt = this.datePipe.transform(new Date(u.updatedAt), 'MMM d, y, h:mm:ss a'); \n }); \n }\n\n if(this.appData.users) {\n \n this.userList = this.appData.users;\n this.userList.filter(u => {\n u.show = true\n u.createdAt = this.datePipe.transform(new Date(u.createdAt), 'MMM d, y');\n u.updatedAt = this.datePipe.transform(new Date(u.updatedAt), 'MMM d, y');\n //if(u.metaData) u.metaData = JSON.stringify(u.metaData,null, 5);\n if(u.lastLogin) u.lastLogin = this.datePipe.transform(new Date(u.lastLogin), 'MMM d, y');\n }); \n } \n\n }).catch(err => {\n this.loading_app_data = false;\n });\n }\n\n activateUser(user){\n this.appService.updateAppUser(user, 'active').then(res => {\n user.status = 'acitve';\n }).catch(err => {\n \n });\n }\n\n\n\n suspendUser(user){\n this.appService.updateAppUser(user, 'suspend').then(res => {\n user.status = 'suspend';\n }).catch(err => {\n \n });\n }\n\n\n\n removeAddedUserMetadata(field){\n this.addMetadataList = this.addMetadataList.filter(item => item.id != field.id)\n }\n\n addUserMetadata(){ \n this.updatingUserMetadata = true\n \n let that = this; \n this.addMetadataList.push({ \n id: that.helperService.getUUID(), \n path: \"\",\n value: \"\" \n });\n \n }\n\n editUser(user, content){\n \n this.currentAppUser = user;\n this.formResetClass = \"need-validation\";\n this.resetPaswordInfo = \"\";\n this.randomPwd = this.helperService.generatePassword(8);\n this.modalService.open(content, {backdrop: 'static', ariaLabelledBy: 'modal-basic-title',}).result.then((result) => {\n \n }, (reason) => { \n //this.closeResult = `Dismissed ${this.getDismissReason(reason)}`;\n }); \n } \n \n\n resetUserPassword(value){\n\n if(!value || value == \"\"){\n this.formResetClass = \"need-validation was-validated\";\n return;\n }\n if(value.length < this.appToEdit.passwordMinLength) return;\n\n value = value.trim();\n\n if(value != this.randomPwd){\n let valid = this.validatePassword(value, this.appToEdit);\n if(!valid) return;\n } \n\n let data = {\n userId: this.currentAppUser._id,\n hashValue: Md5.hashStr(value),\n rawValue: value,\n appId: this.currentAppUser.appId\n };\n\n this.appService.resetUserPassword(data).then(res => {\n \n this.resetPaswordInfo = \"User password has been reset. The user will recieve an email for the new password.\"\n }).catch(err => {\n this.resetPaswordInfo = \"Whoop! Something went wrong. Please try again.\"\n });\n\n\n }\n\n deleteAppModal(app){\n let that = this;\n swal({\n title: `Delete ${app.name}, are you sure?`,\n text: 'You will not be able to recover this app!',\n type: 'warning',\n showCancelButton: true,\n confirmButtonText: 'Yes, delete it!',\n cancelButtonText: 'No, keep it',\n confirmButtonClass: \"btn btn-danger\",\n cancelButtonClass: \"btn btn-success\",\n buttonsStyling: false, \n focusCancel: true\n\n }).then((result) => {\n \n if (result.value) {\n\n swal({\n title: 'Enter your account password',\n input: 'password',\n showCancelButton: true, \n confirmButtonClass: 'btn btn-success',\n cancelButtonClass: 'btn btn-danger',\n buttonsStyling: false,\n inputValidator: (value) => { \n if (!value) {\n return 'Please enter your account password'\n } \n }\n \n }).then(function(result) {\n if (result.value) {\n\n that.appService.deleteApp(app, result.value).then(res => { \n that.page = 'app-list'; \n that.breadcrumbList = [];\n\n swal({\n title: 'Deleted!',\n text: 'Your app has been deleted.',\n type: 'success',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false,\n timer: 2000\n }).catch(swal.noop);\n\n that.router.navigate(['/apps']);\n\n that.appService.getApps(function(res, err){});\n\n }).catch(err => {\n swal({\n title: 'Fails',\n text: err.error.message,\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false \n }).catch(swal.noop)\n \n }); \n }\n\n });\n\n }\n else {\n swal({\n title: 'Cancelled',\n text: 'Your app data is safe :)',\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false,\n timer: 2000\n }).catch(swal.noop)\n }\n })\n }\n\n \n\n removeUser(user){\n this.currentAppUser = user; \n let that = this;\n swal({\n title: `Delete ${user.handle}, are you sure?`,\n text: 'You will not be able to recover this user!',\n type: 'warning',\n showCancelButton: true,\n confirmButtonText: 'Yes, delete it!',\n cancelButtonText: 'No, keep it',\n confirmButtonClass: \"btn btn-danger\",\n cancelButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).then((result) => {\n if (result.value) {\n \n let data = {handle:user.handle, appId:this.appToEdit.appId};\n\n this.appService.deleteAppUser(data).then(res => {\n swal({\n title: 'Deleted!',\n text: 'Your app user has been deleted.',\n type: 'success',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false,\n timer: 2000\n }).catch(swal.noop);\n\n this.userList = this.userList.filter(u => u.handle != data.handle);\n \n }).catch(err => {\n \n }); \n\n } else {\n swal({\n title: 'Cancelled',\n text: 'Your app user is safe :)',\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false,\n timer: 2000\n }).catch(swal.noop)\n }\n })\n }\n\n\n deleteAppUser(){\n let data = {handle:this.currentAppUser.handle, appId:this.appToEdit.appId};\n\n this.appService.deleteAppUser(data).then(res => {\n \n this.userList = this.userList.filter(u => u.handle != data.handle);\n \n }).catch(err => {\n \n });\n }\n\n appUserKeyChange(event){\n this.searchUserResult = null;\n let value = event.target.value;\n \n if(value == \"\") this.userList.filter(u => u.show = true);\n else {\n this.userList.filter(u => {\n if(u.handle.indexOf(value) >= 0) u.show = true;\n else if (u.userName && u.userName.indexOf(value) >= 0 ) u.show = true;\n else u.show = false; \n });\n }\n\n if(event.keyCode == 13) this.searchAppUser(value);\n }\n\n\n \n\n\n\n searchInviteKeyChange(event){\n this.searchInviteResult = null;\n let value = event.target.value;\n \n if(value == \"\") this.inviteList.filter(u => u.show = true);\n else {\n this.inviteList.filter(u => {\n if(u.handle.indexOf(value) >= 0) u.show = true;\n else u.show = false; \n });\n }\n\n if(event.keyCode == 13) this.searchInvite(value);\n }\n\n\n searchSignUpKeyChange(event){\n this.searchSignUpResult = null;\n let value = event.target.value;\n \n if(value == \"\") this.signUpList.filter(u => u.show = true);\n else {\n this.signUpList.filter(u => {\n if(u.handle.indexOf(value) >= 0) u.show = true;\n else u.show = false; \n });\n }\n\n if(event.keyCode == 13) this.searchSignUp(value);\n }\n\n\n searchSignUp(value){\n value = value.trim();\n if(!value || value == \"\") return;\n\n this.appService.searchSignup(this.appToEdit.appId, value).then(res => {\n this.searchSignUpResult = res;\n this.searchSignUpResult.filter(u =>{\n u.show = true\n u.createdAt = this.datePipe.transform(new Date(u.createdAt), 'MMM d, y');\n u.updatedAt = this.datePipe.transform(new Date(u.updatedAt), 'MMM d, y');\n });\n \n }).catch(err => {\n \n });\n }\n\n\n searchInvite(value){\n value = value.trim();\n if(!value || value == \"\") return;\n\n this.appService.searchInvite(this.appToEdit.appId, value).then(res => {\n this.searchInviteResult = res;\n this.searchInviteResult.filter(u =>{\n u.show = true\n u.createdAt = this.datePipe.transform(new Date(u.createdAt), 'MMM d, y, h:mm:ss a');\n u.updatedAt = this.datePipe.transform(new Date(u.updatedAt), 'MMM d, y, h:mm:ss a'); \n });\n \n }).catch(err => {\n \n });\n }\n \n\n searchAppUser(value){\n value = value.trim();\n if(!value || value == \"\") return;\n\n this.appService.searchAppUser(this.appToEdit.appId, value, this.hideAnonUser).then(res => {\n this.searchUserResult = res;\n this.searchUserResult.filter(u =>{\n u.show = true\n u.createdAt = this.datePipe.transform(new Date(u.createdAt), 'MMM d, y');\n u.updatedAt = this.datePipe.transform(new Date(u.updatedAt), 'MMM d, y');\n //if(u.metaData) u.metaData = JSON.stringify(u.metaData,null, 5);\n if(u.lastLogin) u.lastLogin = this.datePipe.transform(new Date(u.lastLogin), 'MMM d, y');\n });\n \n }).catch(err => {\n \n });\n }\n\n\n onChangeSingUpEntryAmount(evt){\n this.entryAmountSignUp = parseInt(evt.target.value);\n\n this.appService.getAppDataTarget({appId:this.appToEdit.appId, target:'signups', limit: this.entryAmountSignUp, offset:0 }).then(res => {\n let item = res as any; \n this.signUpList = item.signups; \n this.signUpList.filter(u => {\n u.show = true\n u.createdAt = this.datePipe.transform(new Date(u.createdAt), 'MMM d, y, h:mm:ss a');\n u.updatedAt = this.datePipe.transform(new Date(u.updatedAt), 'MMM d, y, h:mm:ss a');\n \n }); \n\n this.signupPagination.data = {\n totalItem: item.totalSignup, \n entryAmount: this.entryAmountSignUp,\n };\n\n }); \n\n }\n\n\n onChangeInviteEntryAmount(evt){\n this.entryAmountInvite = parseInt(evt.target.value);\n\n this.appService.getAppDataTarget({appId:this.appToEdit.appId, target:'invites', limit: this.entryAmountInvite, offset:0 }).then(res => {\n let item = res as any; \n this.inviteList = item.invites; \n this.inviteList.filter(u => {\n u.show = true\n u.createdAt = this.datePipe.transform(new Date(u.createdAt), 'MMM d, y, h:mm:ss a');\n u.updatedAt = this.datePipe.transform(new Date(u.updatedAt), 'MMM d, y, h:mm:ss a'); \n }); \n\n this.invitePagination.data = {\n totalItem: item.totalInvite, \n entryAmount: this.entryAmountInvite,\n };\n\n }); \n\n }\n\n\n onHideAnonymousUser(value){\n this.hideAnonUser = value \n this.onchangeEntryAmount(this.entryAmount)\n }\n \n\n onchangeEntryAmount(value){\n\n this.entryAmount = parseInt(value); \n this.loading_app_data = true;\n this.appService.getAppDataTarget({appId:this.appToEdit.appId, target:'users', hideAnonUser:this.hideAnonUser, limit: this.entryAmount, offset:0 }).then(res => {\n let item = res as any; \n this.loading_app_data = false;\n this.appData.totalUser = item.totalUser;\n this.appData.totalAnonUser = item.totalAnonUser;\n this.userList = item.users; \n this.userList.filter(u => {\n u.show = true\n u.createdAt = this.datePipe.transform(new Date(u.createdAt), 'MMM d, y');\n u.updatedAt = this.datePipe.transform(new Date(u.updatedAt), 'MMM d, y');\n //if(u.metaData) u.metaData = JSON.stringify(u.metaData,null, 5);\n if(u.lastLogin) u.lastLogin = this.datePipe.transform(new Date(u.lastLogin), 'MMM d, y');\n }); \n\n \n\n if (this.userPagination){\n this.userPagination.data = {\n totalItem: item.totalUser, \n entryAmount: this.entryAmount,\n };\n }\n\n }); \n\n }\n \n\n selectActionChange(evt){ \n \n if(evt.value.indexOf(\"all\") >= 0 && this.logFilter.filterAction.indexOf(\"all\") < 0){\n this.filterAction = ['all'];\n this.logFilter.filterAction = this.filterAction;\n }\n\n else if(evt.value.indexOf(\"all\") >= 0 && this.logFilter.filterAction.indexOf(\"all\") >= 0){\n\n this.filterAction = evt.value.filter(item => item != 'all');\n this.logFilter.filterAction = this.filterAction;\n }\n else{\n this.logFilter.filterAction = evt.value;\n }\n\n \n console.log( this.logFilter.filterAction)\n \n this.filterQuery = true;\n this.clickedFilter = false;\n\n\n }\n\n onchangeLogFillter(evt, field){\n\n this.filterQuery = true;\n this.clickedFilter = false;\n \n let filterValue = (evt.target.value); \n\n this.logFilter[field] = filterValue;\n\n this.filterQuery = true;\n\n if(field == 'type'){\n if (filterValue == \"all\"){\n this.filterActions = this.applicationActions.concat(this.userActions);\n }\n else if (filterValue == 'app'){\n this.filterActions = this.applicationActions;\n }\n else if (filterValue == 'user'){ \n this.filterActions = this.userActions;\n }\n else {\n this.filterActions = this.applicationActions.concat(this.userActions);\n }\n this.logFilter.filterAction = [\"all\"];\n } \n \n }\n\n clearFilterLog(){ \n\n this.logFilter = {\n filterAction:['all'],\n type: \"all\",\n status: \"all\",\n fromDate:\"\",\n toDate:\"\" \n };\n this.logsOffset.offset = 0;\n this.logsOffset.page = 1;\n\n this.filterAction = ['all'];\n this.applyLogFilter();\n\n this.clickedFilter = false;\n this.filterQuery = false;\n\n }\n\n\n searchLog(){\n this.logsOffset.offset = 0;\n this.logsOffset.page = 1;\n\n this.applyLogFilter();\n }\n\n applyLogFilter(){ \n\n this.compareDateChange();\n if(!this.validFilter) return;\n this.clickedFilter = true;\n\n this.appService.getAppLogDataOffset({appId:this.appToEdit.appId, limit: this.entryAmount, offset:this.logsOffset.offset, type: this.logFilter.type, status: this.logFilter.status, fromDate: this.logFilter.fromDate, toDate: this.logFilter.toDate, filterAction: this.logFilter.filterAction}).then(res => {\n let item = res as any; \n this.appLogData = item; \n this.applicationLogs = item.logs; \n this.applicationLogs.filter(item => {\n item.show = true;\n item.createdAt = this.datePipe.transform(new Date(item.createdAt), 'MMM d, y, h:mm:ss a');\n }); \n\n if(this.logPagination){\n this.logPagination.data = {\n totalItem: item.totalLog, \n entryAmount: this.entryAmount,\n };\n }\n \n\n }); \n\n }\n\n\n onchangeLogEntryAmount(evt){\n\n this.entryAmount = parseInt(evt.target.value); \n this.applyLogFilter();\n \n\n }\n\n\n changeLogPage(page){ \n\n if(this.logsOffset.page == page.page) return;\n this.logsOffset = page; \n this.logsOffset.offset = page.page - 1; \n\n this.appService.getAppLogDataOffset({appId:this.appToEdit.appId, limit:this.entryAmount, offset:this.logsOffset.offset, type: this.logFilter.type, status: this.logFilter.status, fromDate: this.logFilter.fromDate, toDate: this.logFilter.toDate, filterAction: this.logFilter.filterAction }).then(res => {\n let item = res as any;\n \n this.applicationLogs = item.logs; \n this.applicationLogs.filter(item => {\n item.show = true;\n item.createdAt = this.datePipe.transform(new Date(item.createdAt), 'MMM d, y, h:mm:ss a');\n }); \n }); \n }\n\n\n \n\n changeUserPage(page){ \n\n if(this.userOffset.page == page.page) return;\n this.userOffset = page; \n this.userOffset.offset = page.page - 1;\n this.appService.getAppDataTarget({appId:this.appToEdit.appId, target:'users', limit:this.entryAmount, offset:this.userOffset.offset }).then(res => {\n let item = res as any;\n \n this.userList = item.users; \n this.userList.filter(u => {\n u.show = true\n u.createdAt = this.datePipe.transform(new Date(u.createdAt), 'MMM d, y');\n u.updatedAt = this.datePipe.transform(new Date(u.updatedAt), 'MMM d, y');\n //if(u.metaData) u.metaData = JSON.stringify(u.metaData,null, 5);\n if(u.lastLogin) u.lastLogin = this.datePipe.transform(new Date(u.lastLogin), 'MMM d, y');\n }); \n }); \n }\n\n\n\n changeSignUpPage(page){ \n\n if(this.signUpOffset.page == page) return;\n this.signUpOffset = page;\n this.signUpOffset.offset = page.page - 1;\n this.appService.getAppDataTarget({appId:this.appToEdit.appId, target:'signups', limit:this.entryAmountSignUp, offset:this.signUpOffset.offset }).then(res => {\n let item = res as any;\n \n this.signUpList = item.signups; \n this.signUpList.filter(u => {\n u.show = true\n u.createdAt = this.datePipe.transform(new Date(u.createdAt), 'MMM d, y, h:mm:ss a');\n u.updatedAt = this.datePipe.transform(new Date(u.updatedAt), 'MMM d, y, h:mm:ss a'); \n }); \n }); \n }\n\n\n\n changeInvitePage(page){ \n\n if(this.inviteOffset.page == page.page) return;\n this.inviteOffset = page;\n this.inviteOffset.offset = page.page - 1;\n this.appService.getAppDataTarget({appId:this.appToEdit.appId, target:'invites', limit:this.entryAmountInvite, offset:this.inviteOffset.offset }).then(res => {\n let item = res as any;\n \n this.inviteList = item.invites; \n this.inviteList.filter(u => {\n u.show = true\n u.createdAt = this.datePipe.transform(new Date(u.createdAt), 'MMM d, y, h:mm:ss a');\n u.updatedAt = this.datePipe.transform(new Date(u.updatedAt), 'MMM d, y, h:mm:ss a'); \n }); \n }); \n }\n\n updateAccountTypePopup(){\n let that = this;\n swal({\n title: `Upgrade your account`,\n text: 'You need to upgrade your account to update Applciation Type to Commercial',\n type: 'warning',\n showCancelButton: true,\n confirmButtonText: 'Yes, upgrade it!',\n cancelButtonText: 'No, keep it',\n confirmButtonClass: \"btn btn-danger\",\n cancelButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).then((result) => {\n if (result.value) {\n this.modalService.dismissAll()\n this.router.navigate(['/profile/payment', { option: 'upgrade', appId: this.appToEdit.appId }]);\n\n } else {\n \n }\n })\n }\n\n\n upgradeAccount(){\n let that = this;\n swal({\n title: `You're almost there!`,\n text: 'Please upgrade your account to use the Cosync AssetLink Engine.',\n type: 'warning',\n showCancelButton: true,\n confirmButtonText: 'Yes, upgrade it!',\n cancelButtonText: 'No, keep it',\n confirmButtonClass: \"btn btn-danger\",\n cancelButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).then((result) => {\n if (result.value) {\n this.modalService.dismissAll()\n this.router.navigate(['/profile/payment', { option: 'upgrade' }]);\n\n } else {\n \n }\n })\n }\n\n compareSelectAppType(c1: {name: string}, c2: {name: string}) { \n return c1 && c2 && c1.name === c2.name; \n }\n\n \n\n submitTestTwilio(phone){\n this.loading_twilio_data = true;\n this.appService.testTwilio(phone, this.appToEdit.appId).then(res => {\n this.loading_twilio_data = false;\n\n swal({\n title: 'Success!',\n text: 'Your app TWILIO is runing.',\n type: 'success',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop);\n }).catch(err => {\n this.loading_twilio_data = false;\n \n swal({\n title: 'Whoop! Something went wrong.',\n text: err.error.message,\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop);\n });\n }\n\n clickUpdatePhoneTwilio(){\n if(this.appToEdit.twoFactorVerification == 'phone'){\n\n if(this.appToEdit.TWILIOAccountSid == '' || !this.appToEdit.TWILIOAccountSid){\n swal({\n title: 'Invalid!',\n text: 'Please enter Twilio Account SID .',\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop);\n return;\n }\n\n if(this.appToEdit.TWILIOPhoneNumber == '' || !this.appToEdit.TWILIOPhoneNumber){\n swal({\n title: 'Invalid!',\n text: 'Please enter Twilio Phone Number .',\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop);\n return;\n }\n\n if(this.appToEdit.TWILIOToken == '' || !this.appToEdit.TWILIOToken){\n swal({\n title: 'Invalid!',\n text: 'Please enter Twilio Token .',\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop);\n return;\n }\n\n }\n\n this.appToEdit.TWILIOAccountSid = this.appToEdit.TWILIOAccountSid.split(\" \").join('');\n this.appToEdit.TWILIOToken = this.appToEdit.TWILIOToken.split(\" \").join('');\n this.appToEdit.TWILIOPhoneNumber = this.appToEdit.TWILIOPhoneNumber.split(\" \").join('');\n\n this.appService.updateAppSetting(this.appToEdit, 'twoFactorVerification').then(res => {\n swal({\n title: 'Updated!',\n text: 'Your Two Factor Verifications has been updated.',\n type: 'success',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false,\n timer: 2000\n }).catch(swal.noop);\n });\n }\n\n\n\n clickUpdateGoogleAppName(){\n this.appService.updateAppSetting(this.appToEdit, 'twoFactorVerification').then(res => {\n swal({\n title: 'Updated!',\n text: 'Your Two Factor Verifications has been updated.',\n type: 'success',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false,\n timer: 2000\n }).catch(swal.noop);\n });\n }\n\n clickUpdateSocialID(id, type){\n if(!id || id == \"\") {\n\n let text = type == \"googleClientId\" ? \"Please enter Google Client ID\" : \"Please enter Apple Bundle ID\";\n \n swal({\n title: 'Whoop! Something went wrong.',\n text: text,\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop);\n return\n }\n\n this.appService.updateAppSetting(this.appToEdit, type).then(res => {\n swal({\n title: 'Updated!',\n text: 'Your App has been updated.',\n type: 'success',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false,\n timer: 2000\n }).catch(swal.noop);\n });\n }\n\n updateAppSetting(value, type){\n let that = this;\n switch (type) {\n case 'emailExtension':\n this.appToEdit.emailExtension = value ? true: false;\n this.appService.updateAppSetting(this.appToEdit, type);\n break;\n case 'emailExtensionAPIKey':\n this.appToEdit.emailExtensionAPIKey = value;\n break;\n case 'emailExtensionSenderEmail':\n this.appToEdit.emailExtensionSenderEmail = value;\n break;\n\n case 'status':\n let preStatus = this.appToEdit.status;\n this.appToEdit.status = value;\n\n this.appService.updateAppSetting(this.appToEdit, type).catch(err => {\n if(err.error.paymentRequire) {\n this.appToEdit.status = preStatus;\n\n swal({\n title: `Whoop! You have not paid the previous yet.`,\n text: `You need to pay the previous bill ($${err.error.amount}) in order to active this app.`,\n type: 'warning',\n showCancelButton: true,\n confirmButtonText: 'Yes, pay it!',\n cancelButtonText: 'No, keep it',\n confirmButtonClass: \"btn btn-danger\",\n cancelButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).then((result) => {\n if (result.value) { \n // request to pay here...\n that.appService.payPreviousAppBill(this.appToEdit).then(res => {\n that.appToEdit.status = 'active';\n swal({\n title: 'Updated!',\n text: 'Your app has been updated.',\n type: 'success',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop);\n })\n .catch(err => {\n swal({\n title: 'Whoop! Something went wrong.',\n text: err.error.message,\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop);\n })\n } else {\n \n }\n })\n }\n });\n\n break;\n\n case 'invite':\n this.appToEdit.invitationEnabled = value;\n this.appService.updateAppSetting(this.appToEdit, type);\n break;\n \n case 'jwtEnabled':\n \n this.appToEdit.jwtEnabled = value;\n this.appService.updateAppSetting(this.appToEdit, type);\n break;\n case 'signup':\n this.appToEdit.signupEnabled = value;\n this.appService.updateAppSetting(this.appToEdit, type).catch(err => {\n this.appToEdit.signupEnabled = !value;\n });\n break;\n case 'anonLogin':\n this.appToEdit.anonymousLoginEnabled = value;\n this.appService.updateAppSetting(this.appToEdit, type).catch(err => {\n this.appToEdit.anonymousLoginEnabled = !value;\n });\n break;\n case 'userNamesEnabled':\n this.appToEdit.userNamesEnabled = value;\n this.appService.updateAppSetting(this.appToEdit, type).catch(err => {\n this.appToEdit.userNamesEnabled = !value;\n });\n break;\n case 'signupFlow':\n let oldVal = this.appToEdit.signupFlow;\n this.appToEdit.signupFlow = value;\n this.appService.updateAppSetting(this.appToEdit, type).catch(err => {\n this.appToEdit.signupFlow = oldVal;\n });\n break;\n\n case 'type': \n \n if(this.currentUser.type == 'free' && this.appToEdit.type == 'commercial' && !this.currentUser.tester){ \n this.updateAccountTypePopup(); \n this.formControlSelect.setValue('development'); \n this.appToEdit.type = 'development';\n }\n else{\n this.appToEdit.type = value;\n this.appService.updateAppSetting(this.appToEdit, type).catch(err => {\n if(err.error.user) {\n this.currentUser = err.error.user;\n this.authService.refreshUser(err.error.user);\n if(this.appToEdit.type == 'commercial'){\n this.updateAccountTypePopup(); \n this.formControlSelect.setValue('development'); \n this.appToEdit.type = 'development';\n }\n }\n else{\n swal({\n title: 'Whoop! Something went wrong.',\n text: err.error.message,\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop);\n }\n });\n } \n \n break; \n\n case 'realmAppId':\n this.appToEdit.realmAppId = value;\n this.appService.updateAppSetting(this.appToEdit, type);\n \n break;\n case 'userJWTExpiration':\n this.appToEdit.userJWTExpiration = value;\n this.appService.updateAppSetting(this.appToEdit, type);\n \n break;\n \n \n case 'twoFactorVerification': \n if(value != \"none\" && this.appToEdit.twoFactorVerification != 'none'){\n let that = this;\n swal({\n title: `Change App Two Factor Verification?`,\n text: 'All old app users two factor verification will not work.',\n type: 'warning',\n showCancelButton: true,\n confirmButtonText: 'Yes, change it!',\n cancelButtonText: 'No, keep it',\n confirmButtonClass: \"btn btn-danger\",\n cancelButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).then((result) => {\n if (result.value) {\n this.appToEdit.twoFactorVerification = value;\n if(this.appToEdit.twoFactorVerification != 'phone') this.appService.updateAppSetting(this.appToEdit, type);\n }\n else{\n this.twoFactorSelect.setValue(this.appToEdit.twoFactorVerification); \n } \n })\n\n }\n else{\n this.appToEdit.twoFactorVerification = value;\n this.appService.updateAppSetting(this.appToEdit, type);\n } \n \n break;\n case 'maxLoginAttempts': \n this.appService.updateAppSetting(this.appToEdit, type);\n \n break;\n\n case 'maxUsers': \n this.appToEdit.maxUsers = value;\n this.appService.updateAppSetting(this.appToEdit, type);\n \n break;\n\n case 'passwordFilter':\n this.appToEdit.passwordFilter = value;\n this.appService.updateAppSetting(this.appToEdit, type);\n \n break;\n case 'passwordSetting': \n this.appService.updateAppSetting(this.appToEdit, type);\n \n break;\n case 'appleLogin': \n this.appToEdit.appleLoginEnabled = value;\n this.appService.updateAppSetting(this.appToEdit, type);\n break; \n\n case 'googleLogin': \n this.appToEdit.googleLoginEnabled = value;\n this.appService.updateAppSetting(this.appToEdit, type);\n break;\n \n \n }\n }\n\n\n savePasswordSetting(){\n this.appService.updateAppSetting(this.appToEdit, 'passwordSetting').then(res => {\n swal({\n title: 'Success!',\n text: 'Your password filter has been updated.',\n type: 'success',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false,\n timer: 2000\n }).catch(swal.noop);\n });\n }\n\n\n testEmailExtension(){\n if(this.appToEdit.emailExtensionAPIKey == \"\" || this.appToEdit.emailExtensionSenderEmail == \"\"){\n return;\n }\n\n this.appService.testEmailExtension(this.appToEdit.appId).then(res => {\n swal({\n title: 'Success!',\n text: 'Your email extension service is working.',\n type: 'success',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false,\n timer: 2000\n }).catch(swal.noop);\n })\n .catch(err => {\n let message = err.error ? err.error.message : err.message;\n swal({\n title: 'Something When Wrong',\n text: `${message}. Please check your email for more detail.`,\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop)\n })\n\n }\n\n saveEmailExtension(){ \n if(this.appToEdit.emailExtensionAPIKey == \"\") {\n swal({\n title: 'Invalid Data',\n text: 'Please enter Send Grid API Secret Key',\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop)\n\n return;\n }\n\n if(this.appToEdit.emailExtensionSenderEmail == \"\") {\n swal({\n title: 'Invalid Data',\n text: 'Please enter Sender Email',\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop)\n\n return;\n }\n\n if(this.appToEdit.emailExtensionAPIKey.length < 60) {\n swal({\n title: 'Invalid Data',\n text: 'Please enter a valid Send Grid API Secret Key',\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop)\n\n return;\n }\n\n\n this.appService.updateAppSetting(this.appToEdit, 'emailExtensionAPIKey').then(res => {\n swal({\n title: 'Success!',\n text: 'Your email extension has been updated.',\n type: 'success',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false,\n timer: 2000\n }).catch(swal.noop);\n });\n }\n\n\n switchAppKey(raw){\n if(raw) this.appPublicKey = this.appToEdit.rawPublicKey;\n else this.appPublicKey = this.appToEdit.appPublicKey;\n }\n\n\n showModal(modal, option, size){\n this.modalOption = option;\n \n size = size ? size : '';\n this.modalService.open(modal, {backdrop: 'static', ariaLabelledBy: 'modal-basic-title', size: size}).result.then((result) => {\n \n }, (reason) => { \n \n }); \n }\n\n editVerifyEmailTemplate(){\n this.clickEditVerifyEmailTemplate = true;\n }\n\n\n\n removeSignup(signup){\n let that = this;\n swal({\n title: `Remove invite '${signup.handle}', are you sure?`,\n text: 'You will not be able to recover this signup data!',\n type: 'warning',\n showCancelButton: true,\n confirmButtonText: 'Yes, delete it!',\n cancelButtonText: 'No, keep it',\n confirmButtonClass: \"btn btn-danger\",\n cancelButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).then((result) => {\n if (result.value) {\n that.appService.removeAppSignup(signup).then(res => {\n swal({\n title: 'Deleted!',\n text: 'Your app signup has been deleted.',\n type: 'success',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop);\n\n this.signUpList = this.signUpList.filter(item => item._id != signup._id);\n if(this.searchSignUpResult) this.searchSignUpResult = this.searchSignUpResult.filter(item => item._id != signup._id);\n }).catch(err => { \n\n });\n \n \n\n } else {\n\n swal({\n title: 'Cancelled',\n text: 'Your app signup is safe :)',\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop)\n }\n });\n\n }\n\n resendInvite(invite){\n this.appService.resendAppInvite(invite).then(res => {\n swal({\n title: 'Success!',\n text: 'Your app invite has been sent.',\n type: 'success',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop);\n })\n .catch(err => {\n let message = err.error ? err.error.message : err.message;\n swal({\n title: 'Invalid Input',\n text: message,\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop)\n })\n }\n\n \n removeInvite(invite){\n let that = this;\n swal({\n title: `Remove invite '${invite.handle}', are you sure?`,\n text: 'You will not be able to recover this invite data!',\n type: 'warning',\n showCancelButton: true,\n confirmButtonText: 'Yes, delete it!',\n cancelButtonText: 'No, keep it',\n confirmButtonClass: \"btn btn-danger\",\n cancelButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).then((result) => {\n if (result.value) {\n that.appService.removeAppInvite(invite).then(res => {\n swal({\n title: 'Deleted!',\n text: 'Your app invite has been deleted.',\n type: 'success',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop);\n\n this.inviteList = this.inviteList.filter(item => item._id != invite._id);\n if(this.searchInviteResult) this.searchInviteResult = this.searchInviteResult.filter(item => item._id != invite._id);\n }).catch(err => { \n\n swal({\n title: 'Invalid Data',\n text: 'Your app invite is not deleted',\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop)\n\n });\n \n \n\n } else {\n\n swal({\n title: 'Cancelled',\n text: 'Your app invite is safe :)',\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop)\n }\n });\n\n }\n\n createAppInvite(){\n let that = this; \n\n swal({\n title: 'Enter User Invite',\n html: 'use camma seperation for multiple email
' +\n '' +\n \n '
',\n showCancelButton: true,\n confirmButtonClass: 'btn btn-success',\n cancelButtonClass: 'btn btn-danger',\n buttonsStyling: false,\n allowOutsideClick:false,\n allowEnterKey: true\n }).then(function(result) {\n \n if(result.dismiss) return;\n let emails = $('#input-handle').val();\n \n if (emails.indexOf(\"+\") > 0){\n\n swal({\n title: 'Invalid Input',\n text: \"Cannot use any email with '+' sign.\",\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop)\n\n return\n }\n else if (emails.split(\",\").length > 10 ){\n swal({\n title: 'Invalid Input',\n text: \"Your emails cannot have more 10 emails.\",\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop)\n\n return\n }\n\n that.appService.createAppInvite({appId:that.appToEdit.appId, handle:emails}).then(res => {\n let result = res as any;\n\n let text = '';\n if(result.invites && result.invites.length){\n let invitedEmail = result.invites.map(item => item.handle);\n text = `Your invitation has been sent to: ${invitedEmail}`;\n\n for (let index = 0; index < result.invites.length; index++) {\n const invite = result.invites[index];\n invite.show = true\n invite.createdAt = that.datePipe.transform(new Date(invite.createdAt), 'MMM d, y, h:mm:ss a');\n invite.updatedAt = that.datePipe.transform(new Date(invite.updatedAt), 'MMM d, y, h:mm:ss a'); \n that.inviteList.unshift(invite);\n }\n\n if (result.exists && result.exists.length){\n if (result.exists.length > 1) text = text + `Fails to send invitation. `;\n\n if (result.exists && result.exists.length){\n\n if (result.exists && result.exists.length){\n if (result.exists.length > 1) text = text + `App - Path: ${field.app.path}, fieldName: ${field.app.fieldName}.Invite - Path: ${field.invite.path}, fieldName: ${field.invite.fieldName}.`,\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop);\n\n return;\n }\n\n this.appToEdit.metaDataInvite = this.appInviteMetaData;\n this.appService.updateAppInviteMetaData(this.appToEdit).then(res => {\n this.updatingInviteMetaData = false;\n });\n\n this.cloneAppInviteMetaData();\n\n }\n\n saveAppMetaData(){ \n\n let field = this.checkDuplicateMetaData()\n if(field.app){\n \n swal({\n title: 'Duplicate Metadata',\n html: `App metadata and Invite Metadata is the same value.App - Path: ${field.app.path}, fieldName: ${field.app.fieldName}.Invite - Path: ${field.invite.path}, fieldName: ${field.invite.fieldName}.`,\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop);\n\n return;\n }\n\n this.appToEdit.metaData = this.appMetaData;\n this.appService.updateAppMetaData(this.appToEdit).then(res => {\n this.updatingAppMetaData = false;\n });\n\n this.cloneAppMetaData();\n \n\n }\n\n discardMetaDataChanges(){\n this.updatingAppMetaData = false;\n\n this.cloneAppMetaData();\n }\n\n\n discardInviteMetaDataChanges(){\n this.updatingInviteMetaData = false;\n\n this.cloneAppInviteMetaData();\n }\n\n\n\n updateInviteMetaDataField(value, field){ \n\n this.appInviteMetaData.filter(f => {\n if(f.id == field.id){ \n if(f.required != value){\n this.updatingInviteMetaData = true;\n f.required = value;\n } \n else this.updatingInviteMetaData = false;\n } \n }); \n }\n\n onkeyUpMetaDataEvent(field, type){ \n \n this.appMetaData.filter(f => {\n if(f.id == field.id && f[type] != field[type]){ \n this.updatingAppMetaData = true;\n } \n }); \n }\n\n\n onkeyUpInviteMetaDataEvent(field, type){ \n \n this.appInviteMetaData.filter(f => {\n if(f.id == field.id && f[type] != field[type]){ \n this.updatingInviteMetaData = true;\n } \n }); \n }\n\n\n removeCosyncEngine(contenModal){\n let that = this;\n swal({\n title: `Remove Cosync AssetLink, are you sure?`,\n text: 'This will remove your MongoDB Realm Functions.',\n type: 'warning',\n showCancelButton: true,\n confirmButtonText: 'Yes, remove it!',\n cancelButtonText: 'No, keep it',\n confirmButtonClass: \"btn btn-danger\",\n cancelButtonClass: \"btn btn-success\",\n buttonsStyling: false, \n focusCancel: true\n\n }).then((result) => {\n if (result.value) {\n\n this.modalService.open(contenModal, {backdrop: 'static', ariaLabelledBy: 'modal-basic-title'}).result.then((result) => {\n \n }, (reason) => { \n \n }); \n }\n });\n }\n\n removeCosyncJWTProvider(contenModal){\n \n swal({\n title: `Remove Cosync AUTH, are you sure?`,\n text: 'This will remove your MongoDB Realm Functions.',\n type: 'warning',\n showCancelButton: true,\n confirmButtonText: 'Yes, remove it!',\n cancelButtonText: 'No, keep it',\n confirmButtonClass: \"btn btn-danger\",\n cancelButtonClass: \"btn btn-success\",\n buttonsStyling: false, \n focusCancel: true\n\n }).then((result) => {\n if (result.value) {\n this.modalService.open(contenModal, {backdrop: 'static', ariaLabelledBy: 'modal-basic-title'}).result.then((result) => {\n \n }, (reason) => { \n \n }); \n }\n });\n }\n\n\n showInitCosyncEngine(contenModal){\n\n if(this.currentUser.subscriptions.length == 1 && this.currentUser.subscriptions[0].developerPlanId == 'appsumo'){\n swal({\n title: 'Invalid Access',\n text: \"Upgrade your account to a paid developer if you want to access Cosync AssetLink\",\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop)\n\n return;\n }\n\n if(this.appToEdit.realmAppId == \"\"){\n swal({\n title: 'Invalid',\n text: \"Please set up your MongoDB Realm app id first.\",\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop)\n\n return;\n }\n this.formClass = \"need-validation\";\n\n this.cosyncEngineFormData = {\n version: this.cosyncVersions.cosyncEngine[0].versionNumber\n };\n\n this.cosyncEngineStep = 1;\n this.modalService.open(contenModal, {backdrop: 'static', ariaLabelledBy: 'modal-basic-title'}).result.then((result) => {\n \n }, (reason) => { \n \n }); \n\n}\n\nmodifyAppLocale(contenModal){\n this.modalService.open(contenModal, {backdrop: 'static', ariaLabelledBy: 'modal-basic-title'}).result.then((result) => {\n \n }, (reason) => { \n \n }); \n}\n\n\ninitCosyncJWTProvider(contenModal){\n\n if(this.appToEdit.realmAppId == \"\"){\n swal({\n title: 'Invalid',\n text: \"Please set up your MongoDB Realm app id first.\",\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop)\n\n return;\n }\n\n\n this.formClass = \"need-validation\";\n\n this.modalService.open(contenModal, {backdrop: 'static', ariaLabelledBy: 'modal-basic-title'}).result.then((result) => {\n \n }, (reason) => { \n \n }); \n\n }\n\n\n\n async removeCosyncJWTService(projectId, publicKey, privateKey){\n\n if( !projectId || projectId == \"\" || \n !publicKey || publicKey == \"\" || \n !privateKey || privateKey == \"\" ){\n \n this.formClass = \"need-validation was-validated\";\n\n swal({\n title: 'Invalid',\n text: 'Please enter all required fields',\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false \n }).catch(swal.noop)\n\n return;\n } \n\n swal({\n title: 'Please wait',\n text: 'Request is being sent....',\n type: 'info',\n confirmButtonClass: \"btn btn-success\", \n buttonsStyling: false,\n allowOutsideClick: false,\n onBeforeOpen: () => { \n swal.showLoading();\n }\n }).catch(swal.noop)\n\n \n let item = {\n projectId: projectId,\n publicKey: publicKey,\n privateKey: privateKey,\n appId: this.appToEdit.appId\n }\n this.appService.removeCosyncJWT(item).then(appData => {\n\n swal({\n title: 'Success!',\n text: 'Your MongoDB Realm Cosync AUTH has been removed.',\n type: 'success',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop);\n\n this.appToEdit.appData = appData;\n this.apps.find(app => app.appId == this.appToEdit.appId).appData = appData;\n\n this.modalService.dismissAll(); \n\n }).catch(err => {\n swal({\n title: 'Whoop! Something went wrong',\n text: \"Please contact us for this issue\",\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop)\n\n this.modalService.dismissAll(); \n })\n\n this.formClass = \"need-validation\";\n\n }\n\n async removeCosyncEngineService(){\n\n if( !this.cosyncEngineFormData.projectId || this.cosyncEngineFormData.projectId == \"\" || \n !this.cosyncEngineFormData.publicKey || this.cosyncEngineFormData.publicKey == \"\" || \n !this.cosyncEngineFormData.serviceId || this.cosyncEngineFormData.serviceId == \"\" || \n !this.cosyncEngineFormData.privateKey || this.cosyncEngineFormData.privateKey == \"\"){\n \n this.formClass = \"need-validation was-validated\";\n\n swal({\n title: 'Invalid',\n text: 'Please enter all required fields',\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false \n }).catch(swal.noop)\n\n return;\n } \n\n swal({\n title: 'Please wait',\n text: 'Request is being sent....',\n type: 'info',\n confirmButtonClass: \"btn btn-success\", \n buttonsStyling: false,\n allowOutsideClick: false,\n onBeforeOpen: () => { \n swal.showLoading();\n }\n }).catch(swal.noop)\n\n \n this.cosyncEngineFormData.appId = this.appToEdit.appId;\n this.appService.removeCosyncEngine(this.cosyncEngineFormData).then(appData => {\n\n swal({\n title: 'Success!',\n text: 'Your MongoDB Realm Cosync AssetLink has been removed.',\n type: 'success',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop);\n\n this.appToEdit.appData = appData;\n this.apps.find(app => app.appId == this.appToEdit.appId).appData = appData;\n\n this.modalService.dismissAll(); \n\n }).catch(err => {\n swal({\n title: 'Whoop! Something went wrong',\n text: \"Please contact us for this issue\",\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop)\n\n \n })\n\n this.formClass = \"need-validation\";\n\n }\n\n async initCosyncEngineServiceStep2(){\n if( !this.cosyncEngineFormData.awsAccessKey || this.cosyncEngineFormData.awsAccessKey == \"\" || \n !this.cosyncEngineFormData.awsSecretAccessKey || this.cosyncEngineFormData.awsSecretAccessKey == \"\" || \n !this.cosyncEngineFormData.s3Bucket || this.cosyncEngineFormData.s3Bucket == \"\" || \n !this.cosyncEngineFormData.s3Region || this.cosyncEngineFormData.s3Region == \"\" ||\n !this.cosyncEngineFormData.s3BucketPublic || this.cosyncEngineFormData.s3BucketPublic == \"\" || \n !this.cosyncEngineFormData.s3RegionPublic || this.cosyncEngineFormData.s3RegionPublic == \"\"){\n \n this.formClass = \"need-validation was-validated\";\n\n swal({\n title: 'Invalid',\n text: 'Please enter all required fields',\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false \n }).catch(swal.noop)\n\n return;\n } \n \n swal({\n title: 'Please wait',\n text: 'Request is being sent....',\n type: 'info',\n confirmButtonClass: \"btn btn-success\", \n buttonsStyling: false,\n allowOutsideClick: false,\n onBeforeOpen: () => { \n swal.showLoading();\n }\n }).catch(swal.noop)\n\n let that = this;\n this.cosyncEngineFormData.appId = this.appToEdit.appId;\n\n this.appService.initCosyncEngine(this.cosyncEngineFormData).then(appData => {\n\n swal({\n title: 'Success!',\n text: 'Your MongoDB Realm Cosync AssetLink has been set.',\n type: 'success',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop);\n\n this.appToEdit.appData = appData;\n this.apps.find(app => app.appId == this.appToEdit.appId).appData = appData;\n\n this.modalService.dismissAll(); \n\n }).catch(err => {\n\n let message = err.error && err.error.message ? err.error.message : err.message; \n\n if(err.error.status == \"Duplicate\"){\n \n swal({\n title: 'Whoop! MongoDB Realm already has Cosync AssetLink',\n text: `Do you want to re-initialize your MongoDB Realm Cosync AssetLink?`,\n type: 'warning',\n showCancelButton: true,\n confirmButtonText: 'Yes, do it!',\n cancelButtonText: 'No, keep it',\n confirmButtonClass: \"btn btn-danger\",\n cancelButtonClass: \"btn btn-success\",\n buttonsStyling: false\n\n }).then((result) => {\n \n if (result.value) {\n\n swal({\n title: 'Please wait',\n text: 'Request is being sent....',\n type: 'info',\n confirmButtonClass: \"btn btn-success\", \n buttonsStyling: false,\n allowOutsideClick: false,\n onBeforeOpen: () => { \n swal.showLoading();\n }\n }).catch(swal.noop)\n\n \n that.appService.reinitCosyncEngine(this.cosyncEngineFormData).then(appData => {\n \n swal({\n title: 'Success!',\n text: 'Your MongoDB Realm Cosync AssetLink has been set.',\n type: 'success',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop);\n\n this.modalService.dismissAll();\n\n this.appToEdit.appData = appData; \n this.apps.find(app => app.appId == this.appToEdit.appId).appData = appData;\n\n }).catch(err => { \n let message = \"Please contact us for this issue\";\n if(err.error.message) message = err.error.message;\n\n swal({\n title: 'Whoop! Something went wrong',\n text: message,\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop)\n\n this.modalService.dismissAll(); \n \n }); \n \n } else {\n \n swal({\n title: 'Cancelled',\n text: 'Your app is safe :)',\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n\n }).catch(swal.noop)\n }\n });\n }\n else{\n swal({\n title: 'Whoop! Something went wrong',\n text: message ,\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop)\n }\n\n \n \n })\n\n \n\n }\n\n initCosyncEngineServiceStep1(){\n\n if( !this.cosyncEngineFormData.projectId || this.cosyncEngineFormData.projectId == \"\" || \n !this.cosyncEngineFormData.publicKey || this.cosyncEngineFormData.publicKey == \"\" || \n !this.cosyncEngineFormData.serviceId || this.cosyncEngineFormData.serviceId == \"\" || \n //!this.cosyncEngineFormData.partitionKey || this.cosyncEngineFormData.partitionKey == \"\" || \n !this.cosyncEngineFormData.realmDatabase || this.cosyncEngineFormData.realmDatabase == \"\" || \n !this.cosyncEngineFormData.privateKey || this.cosyncEngineFormData.privateKey == \"\"){\n \n this.formClass = \"need-validation was-validated\";\n\n swal({\n title: 'Invalid',\n text: 'Please enter all required fields',\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false \n }).catch(swal.noop)\n\n return;\n }\n\n this.cosyncEngineStep = 2;\n this.formClass = \"need-validation\";\n \n }\n\n\n async initCosyncJWT(projectId, publicKey, privateKey, cosyncJWTVersion){\n\n if(projectId == \"\" || publicKey == \"\" || privateKey == \"\"){\n \n this.formClass = \"need-validation was-validated\";\n\n swal({\n title: 'Invalid',\n text: 'Please enter all required fields',\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false \n }).catch(swal.noop)\n\n return;\n }\n\n let data = {\n version: cosyncJWTVersion,\n projectId:projectId, \n publicKey: publicKey,\n privateKey: privateKey,\n appId: this.appToEdit.appId\n };\n \n swal({\n title: 'Please wait',\n text: 'Request is being sent....',\n type: 'info',\n confirmButtonClass: \"btn btn-success\", \n buttonsStyling: false,\n allowOutsideClick: false,\n onBeforeOpen: () => { \n swal.showLoading();\n }\n }).catch(swal.noop)\n\n let that = this;\n\n this.appService.initCosyncJWT(data).then(appData => {\n \n swal({\n title: 'Success!',\n text: 'Your MongoDB Realm AUTH has been set.',\n type: 'success',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop);\n\n this.modalService.dismissAll();\n\n this.appToEdit.appData = appData;\n this.apps.find(app => app.appId == this.appToEdit.appId).appData = appData;\n\n }).catch(err => {\n\n let message = err.error && err.error.message ? err.error.message : err.message; \n\n if(err.error.status == \"Duplicate\"){\n \n swal({\n title: 'Whoop! MongoDB Realm already has AUTH Provider',\n text: `Do you want to re-initialize your MongoDB Realm AUTH Provider?`,\n type: 'warning',\n showCancelButton: true,\n confirmButtonText: 'Yes, do it!',\n cancelButtonText: 'No, keep it',\n confirmButtonClass: \"btn btn-danger\",\n cancelButtonClass: \"btn btn-success\",\n buttonsStyling: false\n\n }).then((result) => {\n \n if (result.value) {\n\n swal({\n title: 'Please wait',\n text: 'Request is being sent....',\n type: 'info',\n confirmButtonClass: \"btn btn-success\", \n buttonsStyling: false,\n allowOutsideClick: false,\n onBeforeOpen: () => { \n swal.showLoading();\n }\n }).catch(swal.noop)\n\n \n that.appService.reinitCosyncJWT(data).then(res => {\n \n swal({\n title: 'Success!',\n text: 'Your MongoDB Realm AUTH has been set.',\n type: 'success',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop);\n\n this.modalService.dismissAll(); \n \n }).catch(err => { \n let message2 = err.error && err.error.message ? err.error.message : err.message; \n swal({\n title: 'Whoop! Invalid Data',\n text: message2,\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop)\n\n this.modalService.dismissAll(); \n \n }); \n \n } else {\n \n swal({\n title: 'Cancelled',\n text: 'Your app is safe :)',\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n\n }).catch(swal.noop)\n }\n });\n }\n else{\n swal({\n title: 'Whoop! Invalid Data',\n text: message,\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop)\n }\n\n \n \n })\n\n \n }\n \n\n showUserMetaData(user, content){\n this.currentAppUser = user; \n \n this.modalService.open(content, {backdrop: 'static', ariaLabelledBy: 'modal-basic-title', size: 'lg'}).result.then((result) => {\n \n }, (reason) => { \n \n }); \n\n }\n\n\n editUserMetadata(user){\n this.editMetadata = true;\n this.updatingUserMetadata = false;\n this.editMetadataList = []; \n this.addMetadataList = []\n let loopData = Object.entries(user.metaData); \n\n for (const [key, value] of loopData) {\n \n let path = [];\n path.push(key); \n let p = path.toString();\n if (value && typeof value === 'object') { \n this.nestedLoop(value, p.split(\",\")); \n }\n else{\n\n this.editMetadataList.push({\n path: p.split(\",\").join(\".\"),\n value: value\n });\n } \n }\n\n let that = this;\n this.appMetaData.forEach(appField => {\n let found = false;\n that.editMetadataList.forEach(userField => {\n if(appField.path == userField.path) found = true;\n\n });\n\n if(!found) that.editMetadataList.push({path: appField.path, value: undefined});\n });\n\n this.appInviteMetaData.forEach(appInviteField => {\n let found = false;\n that.editMetadataList.forEach(userField => {\n if(appInviteField.path == userField.path){\n found = true;\n userField.invite = true; \n } \n }); \n\n if(!found) that.editMetadataList.push({path: appInviteField.path, value: undefined, invite:true});\n \n });\n \n \n }\n\n\n nestedLoop(data, path) {\n\n let loopData = Object.entries(data);\n \n let objectPathStirng = path.toString();\n\n for (const [key, value] of loopData) {\n let objectPath = objectPathStirng.split(\",\");\n objectPath.push(key);\n \n \n let p = objectPath.toString();\n if (value && typeof value === 'object') { \n this.recurse(value, p.split(','));\n }\n else{ \n this.editMetadataList.push({\n path: p.split(\",\").join(\".\"),\n value: value\n });\n }\n\n }\n }\n\n recurse(data, path) {\n let loopData = Object.entries(data);\n \n let objectPathStirng = path.toString();\n \n for (const [key, value] of loopData) {\n let objectPath = objectPathStirng.split(\",\");\n objectPath.push(key);\n let p = objectPath.toString();\n if (value && typeof value === 'object') { \n this.recurse(value, p.split(\",\"));\n }\n else{ \n this.editMetadataList.push({\n path: p.split(\",\").join(\".\"),\n value: value\n });\n }\n }\n }\n\n\n saveUserMetadata(user){\n this.editMetadata = false; \n let that = this;\n this.editMetadataList.forEach(field => {\n if(field.updated){\n that.updateObjectValue(that.currentAppUser.metaData, field.path, field.value);\n }\n });\n\n this.currentAppUser.addedMetadata = this.addMetadataList; \n\n for (const key in this.currentAppUser.metaData) { \n const element = this.currentAppUser.metaData[key];\n if(element === undefined || element == \"\") delete this.currentAppUser.metaData[key]; // remove empty value\n else if(typeof element == \"object\" && !Object.keys(element).length) delete this.currentAppUser.metaData[key]; // remove empty object\n }\n\n this.addMetadataList.forEach(field => { \n this.updateObjectValue(this.currentAppUser.metaData, field.path, field.value); \n });\n\n that.appService.updateAppUserMetaData(this.currentAppUser).then(res => {\n that.updatingUserMetadata = false; \n\n });\n }\n\n\n discardUserMetadata(){\n this.editMetadata = false; \n this.updatingUserMetadata = false;\n }\n\n \n\n updateObjectValue(obj, path, value){\n\n let objLevel = path.split(\".\"); \n\n while(objLevel.length > 1){\n let itemPath = objLevel.shift();\n let item = obj[itemPath];\n if(!item || item == undefined){\n obj[itemPath] = {};\n } \n obj = obj[itemPath];\n }\n \n if(value != \"\" && value != undefined) obj[objLevel.shift()] = value; \n else delete obj[objLevel.shift()];\n \n }\n\n onkeyUpUserMetaDataEvent(event, item){\n let value = event.target.value;\n this.updatingUserMetadata = true;\n\n for (let index = 0; index < this.editMetadataList.length; index++) {\n const field = this.editMetadataList[index];\n if(field.path == item.path){\n this.editMetadataList[index].value = value;\n this.editMetadataList[index].updated = true;\n } \n }\n \n }\n\n onkeyUpAddUserMetadataEvent(event, item, key){\n let value = event.target.value;\n this.updatingUserMetadata = true;\n\n for (let index = 0; index < this.addMetadataList.length; index++) {\n const field = this.addMetadataList[index];\n if(field.id == item.id){\n this.addMetadataList[index][key] = value; \n } \n }\n \n }\n\n clearMetadata(item){\n\n if(item.value == \"\" || item.value == undefined) return;\n item.value = \"\"; \n \n this.updatingUserMetadata = true;\n\n for (let index = 0; index < this.editMetadataList.length; index++) {\n const field = this.editMetadataList[index];\n if(field.path == item.path){\n this.editMetadataList[index].value = undefined;\n this.editMetadataList[index].updated = true;\n } \n }\n\n }\n\n exportAppDatabase(){\n\n swal({\n title: 'Please wait',\n text: 'Request is being sent....',\n type: 'info',\n confirmButtonClass: \"btn btn-success\", \n buttonsStyling: false,\n allowOutsideClick: false,\n onBeforeOpen: () => { \n swal.showLoading();\n }\n }).catch(swal.noop)\n\n this.appService.exportAppDatabase(this.appToEdit).then(res => {\n swal({\n title: 'Success!',\n text: 'Your app database will be downloaded soon.',\n type: 'success',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop);\n \n }).catch(err => {\n\n let message = \"Please contact us for this issue\";\n if(err.error.message) message = err.error.message;\n\n swal({\n title: 'Whoop! Something went wrong',\n text: message,\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop)\n });\n }\n\n\n compareDateChange(){\n\n this.logDateFilterMessage = \"\";\n \n let compareDate = this.helperService.compareDate(this.logFilter.fromDate, this.logFilter.toDate);\n if(!compareDate){\n this.validFilter = false;\n this.logDateFilterMessage = \"Invalid To Date\";\n\n } \n else this.validFilter = true;\n\n this.filterQuery = this.validFilter;\n }\n\n onAddLocale(value){\n\n if (value == \"\") return;\n let check = this.appLocales.filter(a => a == value)[0];\n if(!check) {\n this.appLocales.push(value)\n } \n }\n\n findCountryByLocale(locale) {\n let country = this.localeList.filter(item => item.code == locale)[0];\n if (locale == \"EN\") return\" English (default)\";\n return country ? country.name : \"\";\n }\n\n removeAppLocale(locale){\n this.appLocales = this.appLocales.filter(a => a != locale);\n }\n\n saveAppLocale(){\n \n let data = {appId:this.appToEdit.appId, locales: this.appLocales}\n \n this.appService.addRemoveAppLocale(data).then(res => {\n\n let newTemplates = res as any;\n this.appEmailTemplates = newTemplates.localesTemplate;\n this.appToEdit.locales = this.appLocales;\n \n this.selectedLocaleEmailTemplate = this.appEmailTemplates[\"EN\"]; \n this.setCurrentEmailTemplate()\n this.selectedAppLocale = \"EN\";\n this.modalService.dismissAll(); \n \n }).catch(err => {\n swal({\n title: 'Fails',\n text: err.error.message,\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false \n }).catch(swal.noop)\n \n }); \n \n }\n\n cancelAppLocale(){\n this.appLocales = this.appToEdit.locales;\n }\n\n selectLocaleChange(value){\n \n this.selectedLocaleEmailTemplate = this.appEmailTemplates[value]; \n this.setCurrentEmailTemplate();\n\n }\n\n\n\n cancelEditVerifyEmailTemplate(templateName){\n\n this.clickEditVerifyEmailTemplate = false;\n\n if (templateName) { \n this.selectedEmailTemplateName = templateName;\n this.setCurrentEmailTemplate()\n }\n }\n\n setCurrentEmailTemplate(){\n if (this.selectedLocaleEmailTemplate && this.selectedLocaleEmailTemplate.length){\n this.selectedEmailTemplate = this.selectedLocaleEmailTemplate.filter(template => template.templateName == this.selectedEmailTemplateName)[0];\n }\n }\n\n}\n","export default \".form-group {\\n margin-top: 0px !important;\\n }\\n \\n video {\\n position: absolute;\\n top: 38%;\\n left: 50%;\\n min-width: 100%;\\n min-height: 100%;\\n width: auto;\\n height: auto;\\n z-index: 0;\\n -webkit-transform: translateX(-50%) translateY(-50%);\\n transform: translateX(-50%) translateY(-50%);\\n }\\n \\n .h1,\\n .h2,\\n .h3,\\n .h4,\\n body,\\n label,\\n h1,\\n h2,\\n h3,\\n h4,\\n h5,\\n h6 {\\n font-family: Highway Gothic, Helvetica, Arial, sans-serif !important;\\n font-weight: 300;\\n line-height: 1.5em;\\n }\\n \\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvY29tcG9uZW50cy9hcHBzdW1vL2FwcHN1bW8uY29tcG9uZW50LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtJQUNJLDBCQUEwQjtFQUM1Qjs7RUFFQTtJQUNFLGtCQUFrQjtJQUNsQixRQUFRO0lBQ1IsU0FBUztJQUNULGVBQWU7SUFDZixnQkFBZ0I7SUFDaEIsV0FBVztJQUNYLFlBQVk7SUFDWixVQUFVO0lBR1Ysb0RBQW9EO0lBQ3BELDRDQUE0QztFQUM5Qzs7RUFFQTs7Ozs7Ozs7Ozs7O0lBWUUsb0VBQW9FO0lBQ3BFLGdCQUFnQjtJQUNoQixrQkFBa0I7RUFDcEIiLCJmaWxlIjoic3JjL2FwcC9jb21wb25lbnRzL2FwcHN1bW8vYXBwc3Vtby5jb21wb25lbnQuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLmZvcm0tZ3JvdXAge1xuICAgIG1hcmdpbi10b3A6IDBweCAhaW1wb3J0YW50O1xuICB9XG4gIFxuICB2aWRlbyB7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMzglO1xuICAgIGxlZnQ6IDUwJTtcbiAgICBtaW4td2lkdGg6IDEwMCU7XG4gICAgbWluLWhlaWdodDogMTAwJTtcbiAgICB3aWR0aDogYXV0bztcbiAgICBoZWlnaHQ6IGF1dG87XG4gICAgei1pbmRleDogMDtcbiAgICAtbXMtdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC01MCUpIHRyYW5zbGF0ZVkoLTUwJSk7XG4gICAgLW1vei10cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTUwJSkgdHJhbnNsYXRlWSgtNTAlKTtcbiAgICAtd2Via2l0LXRyYW5zZm9ybTogdHJhbnNsYXRlWCgtNTAlKSB0cmFuc2xhdGVZKC01MCUpO1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtNTAlKSB0cmFuc2xhdGVZKC01MCUpO1xuICB9XG4gIFxuICAuaDEsXG4gIC5oMixcbiAgLmgzLFxuICAuaDQsXG4gIGJvZHksXG4gIGxhYmVsLFxuICBoMSxcbiAgaDIsXG4gIGgzLFxuICBoNCxcbiAgaDUsXG4gIGg2IHtcbiAgICBmb250LWZhbWlseTogSGlnaHdheSBHb3RoaWMsIEhlbHZldGljYSwgQXJpYWwsIHNhbnMtc2VyaWYgIWltcG9ydGFudDtcbiAgICBmb250LXdlaWdodDogMzAwO1xuICAgIGxpbmUtaGVpZ2h0OiAxLjVlbTtcbiAgfVxuICAiXX0= */\"","import { Component, OnInit, OnDestroy } from '@angular/core'; \nimport { AuthenticationService } from 'src/app/services/authentication.service';\nimport swal from 'sweetalert2';\nimport {FormControl, FormGroupDirective, NgForm, Validators, FormGroup, FormBuilder} from '@angular/forms';\nimport {ErrorStateMatcher} from '@angular/material/core';\n\nexport class MyErrorStateMatcher implements ErrorStateMatcher {\n isErrorState(control: FormControl | null, form: FormGroupDirective | NgForm | null): boolean {\n const isSubmitted = form && form.submitted;\n return !!(control && control.invalid && (control.dirty || control.touched || isSubmitted));\n }\n}\n\n\n@Component({\n selector: 'app-appsumo',\n templateUrl: './appsumo.component.html',\n styleUrls: ['./appsumo.component.css']\n})\nexport class AppsumoComponent implements OnInit, OnDestroy {\n\n loading:boolean = false;\n isSuccess:boolean = false;\n isAcceptTerm:boolean = false;\n registerAppSumoData:any = {};\n formClass:string = \"need-validation\";\n validateInfo:string = '';\n matcher = new MyErrorStateMatcher();\n validEmailRegister: boolean = false;\n\n emailFormControl = new FormControl('', [\n Validators.required,\n Validators.email\n ]);\n\n registerForm : FormGroup;\n\n constructor(private authService:AuthenticationService, private formBuilder: FormBuilder) {\n\n }\n\n\n validateAllFormFields(formGroup: FormGroup) {\n Object.keys(formGroup.controls).forEach(field => {\n const control = formGroup.get(field);\n if (control instanceof FormControl) {\n control.markAsTouched({ onlySelf: true });\n } else if (control instanceof FormGroup) {\n this.validateAllFormFields(control);\n }\n });\n }\n\n\n emailValidationRegister(e){\n var re = /^(([^<>()\\[\\]\\\\.,;:\\s@\"]+(\\.[^<>()\\[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\n if (re.test(String(e).toLowerCase())) {\n this.validEmailRegister = true;\n } else {\n this.validEmailRegister = false;\n }\n \n }\n\n ngOnInit() { \n const body = document.getElementsByTagName('body')[0];\n body.classList.add('register-page');\n }\n\n validatePassword(){\n return true;\n }\n\n ngOnDestroy(){\n const body = document.getElementsByTagName('body')[0];\n body.classList.remove('register-page');\n }\n\n\n register(){ \n if(this.loading) return;\n\n this.formClass = \"need-validation was-validated\"; \n \n if( !this.registerAppSumoData.email || !this.registerAppSumoData.password || !this.registerAppSumoData.couponCode){\n this.validateInfo = \"Please enter all required fields.\";\n return;\n\n } \n\n if(!this.isAcceptTerm){\n this.validateInfo = \"Please accept Term and Conditions\";\n return;\n }\n this.validateInfo = \"\";\n this.loading = true;\n \n this.authService.registerAccountAppSumo(this.registerAppSumoData).then(result => {\n\n let res = result as any; \n this.isSuccess = true;\n this.registerAppSumoData.uid = res.uid;\n this.loading = false;\n \n swal({\n title: \"Success!\",\n text: `Please confirm your email.(${res.email})`,\n buttonsStyling: false,\n confirmButtonClass: \"btn btn-success\",\n type: \"success\"\n }).catch(swal.noop)\n\n }).catch(reason => {\n \n this.loading = false;\n swal({\n title: reason.error ? reason.error.status || \"Fails\" : \"Fails\",\n text: reason.error ? reason.error.message || \"Invalid Data\" : \"Invalid Data\",\n type: 'error',\n confirmButtonClass: \"btn btn-info\",\n buttonsStyling: false\n }).catch(swal.noop)\n \n });\n }\n\n resend(){\n this.authService.resendActivate(this.registerAppSumoData.uid).then(result => {\n this.isSuccess = true;\n swal({\n title: \"Success!\",\n text: \"Please confirm your email.\",\n buttonsStyling: false,\n confirmButtonClass: \"btn btn-success\",\n type: \"success\"\n }).catch(swal.noop)\n\n }).catch(reason => {\n swal({\n title: reason.error.status,\n text: reason.error.message,\n type: 'error',\n confirmButtonClass: \"btn btn-info\",\n buttonsStyling: false\n }).catch(swal.noop)\n });\n }\n\n onkeydown(evt){\n if (evt.key === \"Enter\") { \n this.register();\n }\n }\n\n\n acceptTermCondition(value){\n this.isAcceptTerm = value;\n }\n\n}\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL2NvbXBvbmVudHMvY2xpY2stdGhyb3VnaC9jbGljay10aHJvdWdoLmNvbXBvbmVudC5jc3MifQ== */\"","import { Component, OnInit } from '@angular/core';\n \nimport { ActivatedRoute } from '@angular/router';\nimport { AuthenticationService } from 'src/app/services/authentication.service';\nimport { HostService } from 'src/app/services/host.service';\n\n@Component({\n selector: 'app-click-through',\n templateUrl: './click-through.component.html',\n styleUrls: ['./click-through.component.css']\n})\nexport class ClickThroughComponent implements OnInit {\n\n\n activateResult:any = {\n loading: true\n };\n\n constructor( private route: ActivatedRoute, private authService:AuthenticationService, private hostService:HostService) {\n let token = this.route.snapshot.paramMap.get('token'); \n let handle = this.route.snapshot.paramMap.get('handle');\n let code = this.route.snapshot.paramMap.get('code'); \n let hostId = this.route.snapshot.paramMap.get('hostId'); \n\n if(token && handle && code){\n this.authService.logout();\n\n if(hostId) {\n hostService.activateLinkAppUser(hostId, token, handle, code).then(result => {\n let item = result as any;\n this.activateResult.htmlTemplate = item.htmlTemplate; \n this.activateResult.status = true;\n this.activateResult.loading = false;\n \n \n }).catch(err => {\n this.activateResult.title = `Whoop! Something went wrong. Your link is invalid.`;\n this.activateResult.message = err.error.message;\n this.activateResult.status = false;\n this.activateResult.loading = false;\n });\n }\n else {\n authService.activateAppUser(token, handle, code).then(result => {\n let item = result as any;\n this.activateResult.htmlTemplate = item.htmlTemplate; \n this.activateResult.status = true;\n this.activateResult.loading = false;\n \n }).catch(err => {\n this.activateResult.title = `Whoop! Something went wrong. Your link is invalid.`;\n this.activateResult.message = err.error.message;\n this.activateResult.status = false;\n this.activateResult.loading = false;\n });\n }\n \n }\n \n }\n\n ngOnInit() {\n\n }\n\n}\n","export default \".download-page {\\n padding-top: 70px !important;\\n}\\n\\n\\n\\n.download-page .title {\\n color: #3c4858 !important;\\n}\\n\\n\\n\\n.download-page .description {\\n color: #3c4858 !important;\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvY29tcG9uZW50cy9kb3dubG9hZC9kb3dubG9hZC5jb21wb25lbnQuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0lBQ0ksNEJBQTRCO0FBQ2hDOzs7O0FBSUE7SUFDSSx5QkFBeUI7QUFDN0I7Ozs7QUFFQTtJQUNJLHlCQUF5QjtBQUM3QiIsImZpbGUiOiJzcmMvYXBwL2NvbXBvbmVudHMvZG93bmxvYWQvZG93bmxvYWQuY29tcG9uZW50LmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5kb3dubG9hZC1wYWdlIHtcbiAgICBwYWRkaW5nLXRvcDogNzBweCAhaW1wb3J0YW50O1xufVxuXG5cblxuLmRvd25sb2FkLXBhZ2UgLnRpdGxlIHtcbiAgICBjb2xvcjogIzNjNDg1OCAhaW1wb3J0YW50O1xufVxuXG4uZG93bmxvYWQtcGFnZSAuZGVzY3JpcHRpb24ge1xuICAgIGNvbG9yOiAjM2M0ODU4ICFpbXBvcnRhbnQ7XG59Il19 */\"","import { DatePipe } from '@angular/common';\nimport { Component, OnInit } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { Developer } from 'src/app/models/developer';\nimport { PaymentService } from 'src/app/services/payment.service';\n\n@Component({\n selector: 'app-download',\n templateUrl: './download.component.html',\n styleUrls: ['./download.component.css']\n})\nexport class DownloadComponent implements OnInit {\n \n currentUser:any = {};\n subscription:any = {};\n loading:boolean = false;\n isClickCertToken:boolean = false;\n\n constructor( private router: Router, private paymentService: PaymentService, private datePipe: DatePipe ) { \n let cache = localStorage.getItem('currentUser');\n this.currentUser = JSON.parse(cache) as Developer;\n\n\n if(!this.currentUser) this.router.navigate(['/login']);\n\n this.currentUser.subscriptions.forEach(plan => {\n if(plan.developerPlanId == 'self-hosting-plan' ) this.subscription = plan;\n });\n \n\n this.subscription.endDate = this.datePipe.transform(new Date(this.subscription.endDate), 'MMM d, y');\n this.subscription.nextBillingDate = this.datePipe.transform(new Date(this.subscription.nextBillingDate), 'MMM d, y');\n let planId = this.subscription ? this.subscription.developerPlanId : \"\";\n \n if(planId != 'self-hosting-plan') this.router.navigate(['/profile']);\n\n }\n\n ngOnInit() {\n this.loading = true;\n this.paymentService.getSelfHostingPlans().then(data => { \n let result = data as any;\n\n this.subscription.plan = result.plan;\n this.subscription.token = result.token;\n this.loading = false;\n \n\n });\n\n }\n\n copyPublicKey(item){\n item.select();\n document.execCommand('copy');\n item.setSelectionRange(0, 0);\n let that = this;\n setTimeout(function(){\n that.isClickCertToken = false; \n },1000)\n }\n\n}\n","export default \".app-footer2 {\\n position: relative !important;\\n}\\n\\n.footer{\\n z-index: 9999;\\n background-color: black;\\n opacity: .6;\\n}\\n\\n.app-footer a{\\n color: #3c4858 !important;\\n}\\n\\n.app-footer .copyright{\\n color: #3c4858 !important;\\n}\\n\\n.copyright, .footer a {\\n color: #fff;\\n}\\n\\n\\n\\n \\n \\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvY29tcG9uZW50cy9mb290ZXIvZm9vdGVyLmNvbXBvbmVudC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7SUFDSSw2QkFBNkI7QUFDakM7O0FBRUE7SUFDSSxhQUFhO0lBQ2IsdUJBQXVCO0lBQ3ZCLFdBQVc7QUFDZjs7QUFFQTtJQUNJLHlCQUF5QjtBQUM3Qjs7QUFDQTtJQUNJLHlCQUF5QjtBQUM3Qjs7QUFFQTtJQUNJLFdBQVc7QUFDZiIsImZpbGUiOiJzcmMvYXBwL2NvbXBvbmVudHMvZm9vdGVyL2Zvb3Rlci5jb21wb25lbnQuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLmFwcC1mb290ZXIyIHtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmUgIWltcG9ydGFudDtcbn1cblxuLmZvb3RlcntcbiAgICB6LWluZGV4OiA5OTk5O1xuICAgIGJhY2tncm91bmQtY29sb3I6IGJsYWNrO1xuICAgIG9wYWNpdHk6IC42O1xufSBcblxuLmFwcC1mb290ZXIgYXtcbiAgICBjb2xvcjogIzNjNDg1OCAhaW1wb3J0YW50O1xufVxuLmFwcC1mb290ZXIgLmNvcHlyaWdodHtcbiAgICBjb2xvcjogIzNjNDg1OCAhaW1wb3J0YW50O1xufVxuXG4uY29weXJpZ2h0LCAuZm9vdGVyIGEge1xuICAgIGNvbG9yOiAjZmZmO1xufVxuXG5cblxuIFxuICJdfQ== */\"","import { Component, OnInit } from '@angular/core';\nimport { Router, NavigationEnd } from '@angular/router'; \nimport { NotifyService } from 'src/app/services/notify.service';\n\n@Component({\n selector: 'app-footer',\n templateUrl: './footer.component.html',\n styleUrls: ['./footer.component.css']\n})\nexport class FooterComponent implements OnInit {\n currentDate: any;\n footerClass:string = 'footer app-footer';\n constructor(private router:Router, private notify:NotifyService) {\n this.router.events.subscribe(event => {\n if (event instanceof NavigationEnd) {\n \n if(event.url.indexOf(\"/pricing\") >= 0 || event.url.indexOf(\"/download\") >= 0 ){\n this.footerClass = 'footer app-footer app-footer2';\n }\n else this.footerClass = 'footer';\n }\n });\n\n\n }\n\n ngOnInit() {\n this.currentDate = new Date().getFullYear(); \n\n this.notify.getNoti().subscribe(res => {\n if(res.subject == 'total-app' && res.data <= 3) this.footerClass = 'footer app-footer';\n });\n }\n\n}\n","export default \".cosync-logo{\\n margin-top: -20px;\\n margin-left: -82px;\\n}\\n\\n.user-photo {\\n \\n width: 34px;\\n height: 34px;\\n overflow: hidden;\\n float: left;\\n z-index: 5;\\n cursor: pointer;\\n margin-right: 11px;\\n border-radius: 50%;\\n margin-left: 23px;\\n box-shadow: 0 16px 38px -12px rgba(0,0,0,.56), 0 4px 25px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(0,0,0,.2);\\n}\\n\\n.user-photo img {\\n width: 100%;\\n}\\n\\n.app-header{\\n color: #3c4858 !important;\\n}\\n\\n.navbar-brand{\\n color: #fff;\\n}\\n\\n.app-brand{\\n color: #3c4858 !important;\\n}\\n\\n@media all and (max-width: 991px) {\\n .navbar .dropdown.show .dropdown-menu, .navbar .dropdown .dropdown-menu{\\n height: auto !important;\\n width: 260px !important;\\n background-color: #ffffff !important;\\n }\\n\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvY29tcG9uZW50cy9oZWFkZXIvaGVhZGVyLmNvbXBvbmVudC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7SUFDSSxpQkFBaUI7SUFDakIsa0JBQWtCO0FBQ3RCOztBQUVBOztJQUVJLFdBQVc7SUFDWCxZQUFZO0lBQ1osZ0JBQWdCO0lBQ2hCLFdBQVc7SUFDWCxVQUFVO0lBQ1YsZUFBZTtJQUNmLGtCQUFrQjtJQUNsQixrQkFBa0I7SUFDbEIsaUJBQWlCO0lBQ2pCLDJHQUEyRztBQUMvRzs7QUFFQTtJQUNJLFdBQVc7QUFDZjs7QUFFQTtJQUNJLHlCQUF5QjtBQUM3Qjs7QUFFQTtJQUNJLFdBQVc7QUFDZjs7QUFFQTtJQUNJLHlCQUF5QjtBQUM3Qjs7QUFFQTtJQUNJO1FBQ0ksdUJBQXVCO1FBQ3ZCLHVCQUF1QjtRQUN2QixvQ0FBb0M7SUFDeEM7O0FBRUoiLCJmaWxlIjoic3JjL2FwcC9jb21wb25lbnRzL2hlYWRlci9oZWFkZXIuY29tcG9uZW50LmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5jb3N5bmMtbG9nb3tcbiAgICBtYXJnaW4tdG9wOiAtMjBweDtcbiAgICBtYXJnaW4tbGVmdDogLTgycHg7XG59XG5cbi51c2VyLXBob3RvIHtcbiAgICBcbiAgICB3aWR0aDogMzRweDtcbiAgICBoZWlnaHQ6IDM0cHg7XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICBmbG9hdDogbGVmdDtcbiAgICB6LWluZGV4OiA1O1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBtYXJnaW4tcmlnaHQ6IDExcHg7XG4gICAgYm9yZGVyLXJhZGl1czogNTAlO1xuICAgIG1hcmdpbi1sZWZ0OiAyM3B4O1xuICAgIGJveC1zaGFkb3c6IDAgMTZweCAzOHB4IC0xMnB4IHJnYmEoMCwwLDAsLjU2KSwgMCA0cHggMjVweCAwIHJnYmEoMCwwLDAsLjEyKSwgMCA4cHggMTBweCAtNXB4IHJnYmEoMCwwLDAsLjIpO1xufVxuXG4udXNlci1waG90byBpbWcge1xuICAgIHdpZHRoOiAxMDAlO1xufVxuXG4uYXBwLWhlYWRlcntcbiAgICBjb2xvcjogIzNjNDg1OCAhaW1wb3J0YW50O1xufVxuXG4ubmF2YmFyLWJyYW5ke1xuICAgIGNvbG9yOiAjZmZmO1xufVxuXG4uYXBwLWJyYW5ke1xuICAgIGNvbG9yOiAjM2M0ODU4ICFpbXBvcnRhbnQ7XG59XG5cbkBtZWRpYSBhbGwgYW5kIChtYXgtd2lkdGg6IDk5MXB4KSB7XG4gICAgLm5hdmJhciAuZHJvcGRvd24uc2hvdyAuZHJvcGRvd24tbWVudSwgLm5hdmJhciAuZHJvcGRvd24gLmRyb3Bkb3duLW1lbnV7XG4gICAgICAgIGhlaWdodDogYXV0byAhaW1wb3J0YW50O1xuICAgICAgICB3aWR0aDogMjYwcHggIWltcG9ydGFudDtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZiAhaW1wb3J0YW50O1xuICAgIH1cblxufSJdfQ== */\"","import { Component, OnInit, ElementRef } from '@angular/core';\nimport { AuthenticationService } from 'src/app/services/authentication.service';\nimport { Router, RouterEvent, NavigationStart, NavigationEnd, NavigationError } from '@angular/router';\nimport { Developer } from 'src/app/models/developer';\nimport { NotificationService } from 'src/app/services/notification.service';\nimport swal from 'sweetalert2';\nconst misc: any = {\n navbar_menu_visible: 0,\n active_collapse: true,\n disabled_collapse_init: 0,\n};\n\ndeclare var $: any;\n@Component({\n selector: 'app-header',\n templateUrl: './header.component.html',\n styleUrls: ['./header.component.css']\n})\nexport class HeaderComponent implements OnInit {\n currentUser:any = {\n \n };\n isLogin:boolean = false;\n selfHostingPlan: string = '';\n private sidebarVisible: boolean;\n mobile_menu_visible: any = 0;\n headerClass:string = \"nav-link app-header\";\n brandClass:string = 'navbar-brand app-brand';\n hideHeader:boolean = false; \n private currentUrl:string = '';\n\n constructor(private authService:AuthenticationService, private router: Router, private element: ElementRef, private notification:NotificationService) { \n\n let cache = localStorage.getItem('currentUser');\n this.currentUser = JSON.parse(cache) as Developer; \n \n this.isLogin = this.authService.user ? true : false;\n let that = this;\n \n // show notification\n this.notification.getAlert().subscribe(message => {\n\n if(message && message.task == 'refreshToken') this.refreshToken(this.currentUrl);\n else if(message && message.text) that.showNotification(message.text, message.type);\n if(message && message.text == 'subscription is successed!'){\n let cache = localStorage.getItem('currentUser');\n that.currentUser = JSON.parse(cache) as Developer; \n \n }\n });\n\n\n if(this.currentUser && this.currentUser.lock){\n this.router.navigate([\"/lock\"]);\n }\n\n this.authService.user$.subscribe(user => {\n this.isLogin = this.authService.user ? true : false;\n this.currentUser = user;\n\n if(this.isLogin && this.authService.user.lock){\n this.router.navigate([\"/lock\"]);\n }\n \n });\n \n this.router.events.subscribe((event: RouterEvent) => {\n if(this.sidebarVisible) this.sidebarClose();\n\n if (event instanceof NavigationStart) {\n\n this.refreshToken(event.url);\n\n if(event.url.indexOf(\"/clickthrough\") >= 0) this.hideHeader = true; \n else this.hideHeader = false; \n\n\n if(event.url.indexOf(\"/app\") >= 0 || event.url.indexOf(\"/term\") >= 0 || event.url.indexOf(\"/admin\") >= 0){\n // this.headerClass = 'nav-link app-header';\n // this.brandClass = \"navbar-brand app-brand\";\n }\n else{\n // this.headerClass = 'nav-link';\n // this.brandClass = \"navbar-brand\";\n } \n\n \n }\n \n if(!this.authService.user) return;\n \n if (event instanceof NavigationStart) {\n if(this.authService.user.lock){\n this.router.navigate([\"/lock\"]);\n } \n\n \n\n } \n else if (event instanceof NavigationEnd) { \n \n this.currentUrl = event.url;\n\n if(this.authService.user.lock){\n this.router.navigate([\"/lock\"]);\n } \n if(event.url == \"lock\") this.authService.lock();\n\n } \n });\n\n }\n\n validateSessionLife(){ \n if(this.authService.user && this.authService.user.accessToken){ \n if(this.currentUrl.indexOf(\"/lock\") >= 0 || this.currentUrl.indexOf(\"/login\") >= 0) return true; \n\n let date = new Date(this.authService.user.sessionCreatedAt);\n let currentDate = new Date(); \n\n let difference_In_Time = currentDate.getTime() - date.getTime(); \n let hours = difference_In_Time / (1000 * 60 * 60); \n\n if(hours > 1){ // one hour\n\n swal({\n type: 'error',\n title: 'Whoop! Your session is expired.',\n text: \"Please login again.\",\n confirmButtonClass: 'btn btn-warning',\n buttonsStyling: false\n }).then((result) => {\n this.router.navigate([\"/lock/logout\"]);\n });\n\n }\n }\n \n return true; \n \n }\n\n refreshToken(siteUrl){\n if(siteUrl == '' || siteUrl.indexOf(\"/lock\") >= 0 || siteUrl.indexOf(\"/login\") >= 0) return true; \n\n if(!this.authService.user || !this.authService.user.accessToken) return;\n\n this.authService.refreshToken().then(res => {\n\n this.authService.user.sessionCreatedAt = new Date(); \n\n }).catch(err => {\n swal({\n type: 'error',\n title: 'Whoop! Your session is expired.',\n text: \"Please login again.\",\n confirmButtonClass: 'btn btn-warning',\n buttonsStyling: false\n }).then((result) => {\n this.router.navigate([\"/lock/logout\"]);\n });\n })\n \n }\n \n\n ngOnInit() {\n let that = this;\n \n setInterval(function(){\n that.validateSessionLife();\n }, 1000 * 60 * 10); // ten minutes\n \n \n } \n\n sidebarToggle() {\n if (this.sidebarVisible === false) {\n this.headerClass = 'nav-link';\n this.sidebarOpen();\n } else {\n this.sidebarClose();\n if(this.currentUrl.indexOf(\"/apps\") >= 0){\n this.headerClass = 'nav-link app-header';\n }\n }\n }\n\n onResize(event) {\n if ($(window).width() > 991) {\n return false;\n }\n return true;\n }\n\n sidebarOpen() {\n var $toggle = document.getElementsByClassName('navbar-toggler')[0];\n \n const body = document.getElementsByTagName('body')[0];\n setTimeout(function(){\n $toggle.classList.add('toggled');\n }, 500);\n\n body.classList.add('nav-open');\n\n setTimeout(function() {\n $toggle.classList.add('toggled');\n }, 430);\n\n var $layer = document.createElement('div');\n $layer.setAttribute('class', 'close-layer');\n\n document.getElementsByClassName('wrapper-full-page')[0].appendChild($layer);\n // if (body.querySelectorAll('.main-container')) {\n // document.getElementsByClassName('main-container')[0].appendChild($layer);\n // }else if (body.classList.contains('off-canvas-sidebar')) {\n // document.getElementsByClassName('wrapper-full-page')[0].appendChild($layer);\n // }\n\n setTimeout(function() {\n $layer.classList.add('visible');\n }, 100);\n\n $layer.onclick = function() { //asign a function\n body.classList.remove('nav-open');\n this.mobile_menu_visible = 0;\n this.sidebarVisible = false;\n\n $layer.classList.remove('visible');\n setTimeout(function() {\n $layer.remove();\n $toggle.classList.remove('toggled');\n }, 200);\n }.bind(this);\n\n body.classList.add('nav-open');\n this.mobile_menu_visible = 1;\n this.sidebarVisible = true;\n };\n\n\n sidebarClose() {\n var $toggle = document.getElementsByClassName('navbar-toggler')[0];\n const body = document.getElementsByTagName('body')[0];\n \n var $layer = document.getElementsByClassName('close-layer')[0]; \n \n body.classList.remove('nav-open');\n this.mobile_menu_visible = 0;\n this.sidebarVisible = false;\n\n if($layer) $layer.classList.remove('visible');\n setTimeout(function() {\n if($layer) $layer.remove();\n $toggle.classList.remove('toggled');\n }, 200);\n\n \n };\n\n\n\n showNotification(message: string, type: string) {\n const types = ['', 'info', 'success', 'warning', 'danger', 'error', 'primary']; \n\n $.notify({\n icon: 'notifications',\n message: message\n }, {\n type: types[type],\n timer: 3000,\n placement: {\n from: 'top',\n align: 'right'\n },\n template: '' +\n '
close ' +\n '
notifications ' +\n '
{1} ' +\n '
{2} ' +\n '
' +\n '
' +\n '
' +\n data.hostName +\n ' ',\n confirmButtonClass: 'btn btn-success',\n buttonsStyling: false,\n timer: 2000\n \n });\n\n } \n else{\n swal({\n type: 'error',\n title: 'Whoop! Something went wrong.',\n text: err.error.message,\n confirmButtonClass: 'btn btn-warning',\n buttonsStyling: false\n \n });\n }\n }); \n }\n\n editApp(appName){\n \n let that = this;\n \n let data = {\n appId : this.appToEdit.appId,\n name: appName\n }\n this.hostService.editApp(this.hostToEdit, data, function(result, err){\n if(result){\n that.breadcrumbList[that.breadcrumbList.length - 1].name = appName;\n that.appToEdit.name = appName;\n swal({\n type: 'success',\n html: 'Your app is updated: ' +\n appName +\n ' ',\n confirmButtonClass: 'btn btn-success',\n buttonsStyling: false,\n timer: 2000\n \n });\n\n } \n else{\n swal({\n type: 'error',\n title: 'Whoop! Something went wrong.',\n text: err.error.message,\n confirmButtonClass: 'btn btn-warning',\n buttonsStyling: false\n \n });\n }\n }); \n \n }\n\n\n onAppNameKey(event){\n if(this.hostToEdit.name != event.target.value) this.updating = true;\n else this.updating = false;\n }\n\n \n\n\n copyPublicKey(item){\n item.select();\n document.execCommand('copy');\n item.setSelectionRange(0, 0);\n this.isClickAppToken = !this.isClickAppToken\n this.copyAppTokenIcon = \"check_circle_outline\";\n this.copyPublicKeyIcon = \"check_circle_outline\";\n let that = this;\n setTimeout(function(){\n that.isClickAppSecret = false;\n that.isClickAppId = false;\n that.isClickAppToken = false;\n that.isClickPublicKey = false;\n that.copyPublicKeyIcon = \"content_copy\";\n that.copyAppTokenIcon = \"content_copy\";\n },1000)\n }\n\n\n resetAppData(){\n let that = this;\n swal({\n title: `Reset ${that.appToEdit.name} in your host, are you sure?`,\n text: 'You will not be able to recover this app data!',\n type: 'warning',\n showCancelButton: true,\n confirmButtonText: 'Yes, reset it!',\n cancelButtonText: 'No, keep it',\n confirmButtonClass: \"btn btn-danger\",\n cancelButtonClass: \"btn btn-success\",\n buttonsStyling: false, \n focusCancel: true\n\n }).then((result) => {\n if (result.value) { \n \n that.hostService.resetApp(that.hostToEdit, that.appToEdit).then(res => {\n swal({\n title: 'Reset!',\n text: 'Your app data has been reset.',\n type: 'success',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false,\n timer: 2000\n }).catch(swal.noop);\n }).catch(err => {\n swal({\n title: 'Whoop!',\n text: err.error.message || 'Somehting went wrong. Please try again :(',\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false \n }).catch(swal.noop)\n\n });\n \n\n } else {\n swal({\n title: 'Cancelled',\n text: 'Your app data is safe :)',\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false,\n timer: 2000\n }).catch(swal.noop)\n }\n })\n }\n\n\n onInvitePaginationInit(){\n let that = this;\n \n setTimeout(function() {\n that.invitePagination.data = {\n totalItem: that.appData.totalInvite, \n entryAmount: that.entryAmountInvite,\n };\n }, 1000); \n }\n\n signupPaginationInit(data){\n let that = this;\n \n setTimeout(function() {\n that.signupPagination.data = {\n totalItem: that.appData.totalSignup, \n entryAmount: that.entryAmountSignUp,\n };\n }, 1000); \n }\n\n\n onPaginationInit(data){\n let that = this;\n if (this.userPagination) { \n setTimeout(function() { \n that.userPagination.data = {\n totalItem: that.appData.totalUser, \n entryAmount: that.entryAmount,\n }; \n }, 1000); \n }\n\n }\n\n\n\n onLogPaginationInit(data){\n let that = this;\n \n setTimeout(function() {\n\n if(that.logPagination !== undefined) {\n that.logPagination.data = {\n totalItem: that.appLogData.totalLog, \n entryAmount: that.entryAmount,\n };\n }\n }, 1000); \n \n } \n\n\n\n onAddLocale(value){\n\n if (value == \"\") return;\n let check = this.appLocales.filter(a => a == value)[0];\n if(!check) {\n this.appLocales.push(value)\n } \n }\n\n findCountryByLocale(locale) {\n let country = this.localeList.filter(item => item.code == locale)[0];\n if (locale == \"EN\") return\" English (default)\";\n return country ? country.name : \"\";\n }\n\n removeAppLocale(locale){\n this.appLocales = this.appLocales.filter(a => a != locale);\n }\n\n saveAppLocale(){\n \n let data = {appId:this.appToEdit.appId, locales: this.appLocales}\n \n this.hostService.addRemoveAppLocale(this.hostToEdit, data).then(res => {\n\n let newTemplates = res as any;\n this.appEmailTemplates = newTemplates.localesTemplate;\n this.appToEdit.locales = this.appLocales;\n \n this.selectedLocaleEmailTemplate = this.appEmailTemplates[\"EN\"]; \n this.setCurrentEmailTemplate()\n this.selectedAppLocale = \"EN\";\n this.modalService.dismissAll(); \n \n }).catch(err => {\n swal({\n title: 'Fails',\n text: err.error.message,\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false \n }).catch(swal.noop)\n \n }); \n \n }\n\n cancelAppLocale(){\n this.appLocales = this.appToEdit.locales;\n }\n\n selectLocaleChange(value){\n \n this.selectedLocaleEmailTemplate = this.appEmailTemplates[value]; \n this.setCurrentEmailTemplate();\n\n } \n\n showAppEmailTemplate(app){\n this.hostService.getAppEmailTemplates(this.hostToEdit, app).then(res => {\n this.appEmailTemplates = res as any;\n this.selectedLocaleEmailTemplate = this.appEmailTemplates[\"EN\"]; \n this.setCurrentEmailTemplate()\n });\n }\n\n\n\n cancelEditVerifyEmailTemplate(templateName){\n this.clickEditVerifyEmailTemplate = false;\n\n if (templateName) { \n this.selectedEmailTemplateName = templateName;\n this.setCurrentEmailTemplate()\n }\n\n }\n\n\n\n setCurrentEmailTemplate(){\n if (this.selectedLocaleEmailTemplate && this.selectedLocaleEmailTemplate.length){\n this.selectedEmailTemplate = this.selectedLocaleEmailTemplate.filter(template => template.templateName == this.selectedEmailTemplateName)[0];\n }\n }\n\n saveEmailTemplate(template){\n this.savingEmail = true;\n this.hostService.updateAppEmailTemplates(this.hostToEdit, this.selectedEmailTemplate).then(res => {\n this.savingEmail = false;\n swal({\n title: 'Success!',\n text: 'The email template has been updated.',\n type: 'success',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false,\n timer: 4000\n }).catch(swal.noop);\n }).catch(err => {\n this.savingEmail = false;\n swal({\n title: 'Invalid',\n text: 'Whoop! Something went wrong. Please try again. :)',\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false,\n timer: 4000\n }).catch(swal.noop)\n });\n }\n\n\n\n selectActionChange(evt){ \n\n \n if(evt.value.indexOf(\"all\") >= 0 && this.logFilter.filterAction.indexOf(\"all\") < 0){\n this.filterAction = ['all'];\n this.logFilter.filterAction = this.filterAction;\n }\n\n else if(evt.value.indexOf(\"all\") >= 0 && this.logFilter.filterAction.indexOf(\"all\") >= 0){\n\n this.filterAction = evt.value.filter(item => item != 'all');\n this.logFilter.filterAction = this.filterAction;\n }\n else{\n this.logFilter.filterAction = evt.value;\n }\n\n \n console.log( this.logFilter.filterAction)\n \n this.filterQuery = true;\n this.clickedFilter = false;\n\n\n }\n\n onchangeLogFillter(evt, field){\n\n this.filterQuery = true;\n this.clickedFilter = false;\n \n let filterValue = (evt.target.value); \n\n this.logFilter[field] = filterValue;\n\n this.filterQuery = true;\n\n if(field == 'type'){\n if (filterValue == \"all\"){\n this.filterActions = this.applicationActions.concat(this.userActions);\n }\n else if (filterValue == 'app'){\n this.filterActions = this.applicationActions;\n }\n else if (filterValue == 'user'){ \n this.filterActions = this.userActions;\n }\n else {\n this.filterActions = this.applicationActions.concat(this.userActions);\n }\n this.logFilter.filterAction = [\"all\"];\n } \n \n }\n\n clearFilterLog(){ \n\n this.logFilter = {\n filterAction:['all'],\n type: \"all\",\n status: \"all\",\n fromDate:\"\",\n toDate:\"\" \n };\n this.logsOffset.offset = 0;\n this.logsOffset.page = 1;\n \n\n this.entryAmount = 25\n this.filterAction = ['all'];\n this.applyLogFilter();\n\n this.filterQuery = false;\n this.clickedFilter = false;\n }\n\n searchLog(){\n this.logsOffset.offset = 0;\n this.logsOffset.page = 1;\n\n this.applyLogFilter();\n }\n\n\n changeLogPage(page){ \n\n if(this.logsOffset.page == page.page) return;\n this.logsOffset = page; \n this.logsOffset.offset = page.page - 1; \n\n this.hostService.getAppLogDataOffset(this.hostToEdit, {appId:this.appToEdit.appId, limit:this.entryAmount, offset:this.logsOffset.offset, type: this.logFilter.type, status: this.logFilter.status, fromDate: this.logFilter.fromDate, toDate: this.logFilter.toDate, filterAction: this.logFilter.filterAction }).then(res => {\n let item = res as any;\n \n this.applicationLogs = item.logs; \n this.applicationLogs.filter(item => {\n item.show = true;\n item.createdAt = this.datePipe.transform(new Date(item.createdAt), 'MMM d, y, h:mm:ss a');\n }); \n }); \n }\n\n\n compareDateChange(){\n\n this.logDateFilterMessage = \"\";\n \n let compareDate = this.helperService.compareDate(this.logFilter.fromDate, this.logFilter.toDate);\n if(!compareDate){\n this.validFilter = false;\n this.logDateFilterMessage = \"Invalid To Date\";\n\n } \n else this.validFilter = true;\n\n this.filterQuery = this.validFilter;\n }\n\n applyLogFilter(){ \n\n this.compareDateChange();\n if(!this.validFilter) return;\n this.clickedFilter = true;\n\n this.hostService.getAppLogDataOffset(this.hostToEdit, {appId:this.appToEdit.appId, limit: this.entryAmount, offset:this.logsOffset.offset, type: this.logFilter.type, status: this.logFilter.status, fromDate: this.logFilter.fromDate, toDate: this.logFilter.toDate, filterAction: this.logFilter.filterAction}).then(res => {\n let item = res as any; \n this.appLogData = item; \n this.applicationLogs = item.logs; \n this.applicationLogs.filter(item => {\n item.show = true;\n item.createdAt = this.datePipe.transform(new Date(item.createdAt), 'MMM d, y, h:mm:ss a');\n }); \n\n if(this.logPagination){\n this.logPagination.data = {\n totalItem: item.totalLog, \n entryAmount: this.entryAmount,\n };\n }\n \n\n }).catch(err => {\n this.loading_app_data = false;\n\n swal({\n title: 'Invalid',\n text: 'Whoop! Something went wrong. Please try again. :)',\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false,\n timer: 4000\n }).catch(swal.noop)\n })\n\n }\n\n\n onchangeLogEntryAmount(evt){\n\n this.entryAmount = parseInt(evt.target.value); \n this.applyLogFilter();\n \n\n }\n\n\n\n showAppLogs(app){\n this.loading_app_data = true;\n\n this.hostService.getAppLogData(this.hostToEdit, app).then( res => {\n this.loading_app_data = false; \n this.appLogData = res; \n this.applicationLogs = this.appLogData.logs; \n\n this.applicationLogs.filter(item => {\n item.show = true;\n item.createdAt = this.datePipe.transform(new Date(item.createdAt), 'MMM d, y, h:mm:ss a');\n }); \n\n }).catch(err => {\n this.loading_app_data = false;\n\n swal({\n title: 'Invalid',\n text: 'Whoop! Something went wrong. Please try again. :)',\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false,\n timer: 4000\n }).catch(swal.noop)\n\n })\n }\n \n\n showAppData(app){\n \n this.userCount = 0;\n this.loading_app_data = true;\n this.hostService.getAppData(this.hostToEdit, app, this.hideAnonUser).then(res => {\n this.loading_app_data = false; \n this.appData = res; \n\n if(this.appData.invites){\n this.inviteList = this.appData.invites;\n this.inviteList.filter(u => {\n u.show = true\n u.createdAt = this.datePipe.transform(new Date(u.createdAt), 'MMM d, y, h:mm:ss a');\n u.updatedAt = this.datePipe.transform(new Date(u.updatedAt), 'MMM d, y, h:mm:ss a'); \n }); \n }\n\n if(this.appData.signups){\n this.signUpList = this.appData.signups;\n this.signUpList.filter(u => {\n u.show = true\n u.createdAt = this.datePipe.transform(new Date(u.createdAt), 'MMM d, y, h:mm:ss a');\n u.updatedAt = this.datePipe.transform(new Date(u.updatedAt), 'MMM d, y, h:mm:ss a'); \n }); \n }\n\n if(this.appData.users) {\n \n this.userList = this.appData.users;\n this.userList.filter(u => {\n u.show = true\n u.createdAt = this.datePipe.transform(new Date(u.createdAt), 'MMM d, y');\n u.updatedAt = this.datePipe.transform(new Date(u.updatedAt), 'MMM d, y');\n //if(u.metaData) u.metaData = JSON.stringify(u.metaData,null, 5);\n if(u.lastLogin) u.lastLogin = this.datePipe.transform(new Date(u.lastLogin), 'MMM d, y');\n }); \n } \n\n }).catch(err => {\n this.loading_app_data = false;\n });\n }\n\n activateUser(user){\n this.hostService.updateAppUser(this.hostToEdit, user, 'active').then(res => {\n user.status = 'acitve';\n }).catch(err => {\n \n });\n }\n\n\n\n suspendUser(user){\n this.hostService.updateAppUser(this.hostToEdit, user, 'suspend').then(res => {\n user.status = 'suspend';\n }).catch(err => {\n \n });\n }\n\n\n editUser(user, content){\n \n this.currentAppUser = user;\n this.formResetClass = \"need-validation\";\n this.resetPaswordInfo = \"\";\n this.randomPwd = this.helperService.generatePassword(8);\n this.modalService.open(content, {backdrop: 'static', ariaLabelledBy: 'modal-basic-title',}).result.then((result) => {\n \n }, (reason) => { \n //this.closeResult = `Dismissed ${this.getDismissReason(reason)}`;\n }); \n } \n \n\n resetUserPassword(value){\n\n if(!value || value == \"\"){\n this.formResetClass = \"need-validation was-validated\";\n return;\n }\n if(value.length < this.appToEdit.passwordMinLength) return;\n\n value = value.trim();\n\n if(value != this.randomPwd){\n let valid = this.validatePassword(value, this.appToEdit);\n if(!valid) return;\n } \n\n let data = {\n userId: this.currentAppUser._id,\n hashValue: Md5.hashStr(value),\n rawValue: value,\n appId: this.currentAppUser.appId\n };\n\n this.hostService.resetUserPassword(this.hostToEdit, data).then(res => {\n \n this.resetPaswordInfo = \"User password has been reset. The user will recieve an email for the new password.\"\n }).catch(err => {\n this.resetPaswordInfo = \"Whoop! Something went wrong. Please try again.\"\n });\n\n\n }\n\n\n deleteAppModal(app){\n let that = this;\n swal({\n title: `Delete ${app.name}, are you sure?`,\n text: 'You will not be able to recover this app!',\n type: 'warning',\n showCancelButton: true,\n confirmButtonText: 'Yes, delete it!',\n cancelButtonText: 'No, keep it',\n confirmButtonClass: \"btn btn-danger\",\n cancelButtonClass: \"btn btn-success\",\n buttonsStyling: false, \n focusCancel: true\n\n }).then((result) => {\n \n if (result.value) { \n\n that.hostService.deleteApp(that.hostToEdit, app).then(res => {\n that.page = 'app-list'; \n that.breadcrumbList = [];\n\n swal({\n title: 'Deleted!',\n text: 'Your app has been deleted.',\n type: 'success',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false,\n timer: 2000\n }).catch(swal.noop);\n\n that.router.navigate([`host/${that.hostToEdit.hostId}/apps`]);\n\n that.hostService.getHostApplications(that.hostToEdit, function(res, err){});\n\n }).catch(err => {\n swal({\n title: 'Fails',\n text: err.error.message,\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false \n }).catch(swal.noop)\n \n }); \n\n }\n else {\n swal({\n title: 'Cancelled',\n text: 'Your app data is safe :)',\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false,\n timer: 2000\n }).catch(swal.noop)\n }\n })\n }\n\n\n deleteHostModal(host){\n let that = this;\n swal({\n title: `Delete ${host.name}, are you sure?`,\n text: 'You will not be able to recover this host!',\n type: 'warning',\n showCancelButton: true,\n confirmButtonText: 'Yes, delete it!',\n cancelButtonText: 'No, keep it',\n confirmButtonClass: \"btn btn-danger\",\n cancelButtonClass: \"btn btn-success\",\n buttonsStyling: false, \n focusCancel: true\n\n }).then((result) => {\n \n if (result.value) {\n\n swal({\n title: 'Enter your account password',\n input: 'password',\n showCancelButton: true, \n confirmButtonClass: 'btn btn-success',\n cancelButtonClass: 'btn btn-danger',\n buttonsStyling: false,\n inputValidator: (value) => { \n if (!value) {\n return 'Please enter your account password'\n } \n }\n \n }).then(function(result) {\n if (result.value) {\n\n that.hostService.deleteHost(host, result.value).then(res => { \n that.page = 'host-list'; \n that.breadcrumbList = [];\n\n swal({\n title: 'Deleted!',\n text: 'Your host has been deleted.',\n type: 'success',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false,\n timer: 2000\n }).catch(swal.noop);\n\n that.router.navigate(['/hosts']);\n\n that.hostService.getHosts(function(res, err){});\n\n }).catch(err => {\n swal({\n title: 'Fails',\n text: err.error.message,\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false \n }).catch(swal.noop)\n \n }); \n }\n\n });\n\n }\n else {\n swal({\n title: 'Cancelled',\n text: 'Your host data is safe :)',\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false,\n timer: 2000\n }).catch(swal.noop)\n }\n })\n }\n\n \n\n removeUser(user){\n this.currentAppUser = user; \n let that = this;\n swal({\n title: `Delete ${user.handle}, are you sure?`,\n text: 'You will not be able to recover this user!',\n type: 'warning',\n showCancelButton: true,\n confirmButtonText: 'Yes, delete it!',\n cancelButtonText: 'No, keep it',\n confirmButtonClass: \"btn btn-danger\",\n cancelButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).then((result) => {\n if (result.value) {\n \n let data = {handle:user.handle, appId:this.appToEdit.appId};\n\n this.hostService.deleteAppUser(this.hostToEdit, data).then(res => {\n swal({\n title: 'Deleted!',\n text: 'Your app user has been deleted.',\n type: 'success',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false,\n timer: 2000\n }).catch(swal.noop);\n\n this.userList = this.userList.filter(u => u.handle != data.handle);\n \n }).catch(err => {\n \n }); \n\n } else {\n swal({\n title: 'Cancelled',\n text: 'Your app user is safe :)',\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false,\n timer: 2000\n }).catch(swal.noop)\n }\n })\n }\n\n\n deleteAppUser(){\n let data = {handle:this.currentAppUser.handle, appId:this.appToEdit.appId};\n\n this.hostService.deleteAppUser(this.hostToEdit, data).then(res => {\n \n this.userList = this.userList.filter(u => u.handle != data.handle);\n \n }).catch(err => {\n \n });\n }\n\n appUserKeyChange(event){\n this.searchUserResult = null;\n let value = event.target.value;\n \n if(value == \"\") this.userList.filter(u => u.show = true);\n else {\n this.userList.filter(u => { \n if(u.handle.indexOf(value) >= 0 ) u.show = true;\n else if (u.userName && u.userName.indexOf(value) >= 0 ) u.show = true;\n else u.show = false; \n });\n }\n\n if(event.keyCode == 13) this.searchAppUser(value);\n }\n\n\n \n\n\n\n searchInviteKeyChange(event){\n this.searchInviteResult = null;\n let value = event.target.value;\n \n if(value == \"\") this.inviteList.filter(u => u.show = true);\n else {\n this.inviteList.filter(u => {\n if(u.handle.indexOf(value) >= 0) u.show = true;\n else u.show = false; \n });\n }\n\n if(event.keyCode == 13) this.searchInvite(value);\n }\n\n\n searchSignUpKeyChange(event){\n this.searchSignUpResult = null;\n let value = event.target.value;\n \n if(value == \"\") this.signUpList.filter(u => u.show = true);\n else {\n this.signUpList.filter(u => {\n if(u.handle.indexOf(value) >= 0) u.show = true;\n else u.show = false; \n });\n }\n\n if(event.keyCode == 13) this.searchSignUp(value);\n }\n\n\n searchSignUp(value){\n value = value.trim();\n if(!value || value == \"\") return;\n\n this.hostService.searchSignup(this.hostToEdit, this.appToEdit.appId, value).then(res => {\n this.searchSignUpResult = res;\n this.searchSignUpResult.filter(u =>{\n u.show = true\n u.createdAt = this.datePipe.transform(new Date(u.createdAt), 'MMM d, y');\n u.updatedAt = this.datePipe.transform(new Date(u.updatedAt), 'MMM d, y');\n });\n \n }).catch(err => {\n \n });\n }\n\n\n searchInvite(value){\n value = value.trim();\n if(!value || value == \"\") return;\n\n this.hostService.searchInvite(this.hostToEdit, this.appToEdit.appId, value).then(res => {\n this.searchInviteResult = res;\n this.searchInviteResult.filter(u =>{\n u.show = true\n u.createdAt = this.datePipe.transform(new Date(u.createdAt), 'MMM d, y, h:mm:ss a');\n u.updatedAt = this.datePipe.transform(new Date(u.updatedAt), 'MMM d, y, h:mm:ss a'); \n });\n \n }).catch(err => {\n \n });\n }\n \n\n searchAppUser(value){\n value = value.trim();\n if(!value || value == \"\") return;\n\n this.hostService.searchAppUser(this.hostToEdit, this.appToEdit.appId, value, this.hideAnonUser).then(res => {\n this.searchUserResult = res;\n this.searchUserResult.filter(u =>{\n u.show = true\n u.createdAt = this.datePipe.transform(new Date(u.createdAt), 'MMM d, y');\n u.updatedAt = this.datePipe.transform(new Date(u.updatedAt), 'MMM d, y');\n //if(u.metaData) u.metaData = JSON.stringify(u.metaData,null, 5);\n if(u.lastLogin) u.lastLogin = this.datePipe.transform(new Date(u.lastLogin), 'MMM d, y');\n });\n \n }).catch(err => {\n \n });\n }\n\n\n onChangeSingUpEntryAmount(evt){\n this.entryAmountSignUp = parseInt(evt.target.value);\n\n this.hostService.getAppDataTarget(this.hostToEdit, {appId:this.appToEdit.appId, target:'signups', limit: this.entryAmountSignUp, offset:0 }).then(res => {\n let item = res as any; \n this.signUpList = item.signups; \n this.signUpList.filter(u => {\n u.show = true\n u.createdAt = this.datePipe.transform(new Date(u.createdAt), 'MMM d, y, h:mm:ss a');\n u.updatedAt = this.datePipe.transform(new Date(u.updatedAt), 'MMM d, y, h:mm:ss a');\n \n }); \n\n this.signupPagination.data = {\n totalItem: item.totalSignup, \n entryAmount: this.entryAmountSignUp,\n };\n\n }); \n\n }\n\n\n onChangeInviteEntryAmount(evt){\n this.entryAmountInvite = parseInt(evt.target.value);\n\n this.hostService.getAppDataTarget(this.hostToEdit, {appId:this.appToEdit.appId, target:'invites', limit: this.entryAmountInvite, offset:0 }).then(res => {\n let item = res as any; \n this.inviteList = item.invites; \n this.inviteList.filter(u => {\n u.show = true\n u.createdAt = this.datePipe.transform(new Date(u.createdAt), 'MMM d, y, h:mm:ss a');\n u.updatedAt = this.datePipe.transform(new Date(u.updatedAt), 'MMM d, y, h:mm:ss a'); \n }); \n\n this.invitePagination.data = {\n totalItem: item.totalInvite, \n entryAmount: this.entryAmountInvite,\n };\n\n }); \n\n } \n\n\n onHideAnonymousUser(value){\n this.hideAnonUser = value\n this.onchangeEntryAmount(this.entryAmount)\n }\n\n\n onchangeEntryAmount(value){\n this.loading_app_data = true;\n this.entryAmount = parseInt(value); \n \n this.hostService.getAppDataTarget(this.hostToEdit, {appId:this.appToEdit.appId, target:'users', hideAnonUser:this.hideAnonUser, limit: this.entryAmount, offset:0 }).then(res => {\n let item = res as any; \n this.appData.totalUser = item.totalUser;\n this.appData.totalAnonUser = item.totalAnonUser;\n this.loading_app_data = false;\n \n this.userList = item.users; \n this.userList.filter(u => {\n u.show = true\n u.createdAt = this.datePipe.transform(new Date(u.createdAt), 'MMM d, y');\n u.updatedAt = this.datePipe.transform(new Date(u.updatedAt), 'MMM d, y');\n //if(u.metaData) u.metaData = JSON.stringify(u.metaData,null, 5);\n if(u.lastLogin) u.lastLogin = this.datePipe.transform(new Date(u.lastLogin), 'MMM d, y');\n }); \n\n if (this.userPagination) { \n this.userPagination.data = {\n totalItem: item.totalUser, \n entryAmount: this.entryAmount,\n };\n }\n }); \n\n }\n \n\n changeUserPage(page){ \n\n if(this.userOffset.page == page.page) return;\n this.userOffset = page; \n this.userOffset.offset = page.page - 1;\n this.hostService.getAppDataTarget(this.hostToEdit, {appId:this.appToEdit.appId, target:'users', hideAnonUser:this.hideAnonUser , limit:this.entryAmount, offset:this.userOffset.offset }).then(res => {\n let item = res as any;\n \n this.userList = item.users; \n this.userList.filter(u => {\n u.show = true\n u.createdAt = this.datePipe.transform(new Date(u.createdAt), 'MMM d, y');\n u.updatedAt = this.datePipe.transform(new Date(u.updatedAt), 'MMM d, y');\n //if(u.metaData) u.metaData = JSON.stringify(u.metaData,null, 5);\n if(u.lastLogin) u.lastLogin = this.datePipe.transform(new Date(u.lastLogin), 'MMM d, y');\n }); \n }); \n }\n\n\n\n changeSignUpPage(page){ \n\n if(this.signUpOffset.page == page) return;\n this.signUpOffset = page;\n this.signUpOffset.offset = page.page - 1;\n this.hostService.getAppDataTarget(this.hostToEdit, {appId:this.appToEdit.appId, target:'signups', limit:this.entryAmountSignUp, offset:this.signUpOffset.offset }).then(res => {\n let item = res as any;\n \n this.signUpList = item.signups; \n this.signUpList.filter(u => {\n u.show = true\n u.createdAt = this.datePipe.transform(new Date(u.createdAt), 'MMM d, y, h:mm:ss a');\n u.updatedAt = this.datePipe.transform(new Date(u.updatedAt), 'MMM d, y, h:mm:ss a'); \n }); \n }); \n }\n\n\n\n changeInvitePage(page){ \n\n if(this.inviteOffset.page == page.page) return;\n this.inviteOffset = page;\n this.inviteOffset.offset = page.page - 1;\n this.hostService.getAppDataTarget(this.hostToEdit, {appId:this.appToEdit.appId, target:'invites', limit:this.entryAmountInvite, offset:this.inviteOffset.offset }).then(res => {\n let item = res as any;\n \n this.inviteList = item.invites; \n this.inviteList.filter(u => {\n u.show = true\n u.createdAt = this.datePipe.transform(new Date(u.createdAt), 'MMM d, y, h:mm:ss a');\n u.updatedAt = this.datePipe.transform(new Date(u.updatedAt), 'MMM d, y, h:mm:ss a'); \n }); \n }); \n }\n\n \n\n upgradeAccount(service){\n let that = this;\n swal({\n title: `You're almost there!`,\n text: 'Please upgrade your account to use the Cosync Hosts Services.',\n type: 'warning',\n showCancelButton: true,\n confirmButtonText: 'Yes, upgrade it!',\n cancelButtonText: 'No, keep it',\n confirmButtonClass: \"btn btn-danger\",\n cancelButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).then((result) => {\n if (result.value) {\n this.modalService.dismissAll()\n this.router.navigate(['/profile/payment', { option: 'upgrade', plan: service }]);\n\n } else {\n \n }\n })\n }\n\n compareSelectAppType(c1: {name: string}, c2: {name: string}) { \n return c1 && c2 && c1.name === c2.name; \n }\n\n \n\n submitTestTwilio(phone){\n this.loading_twilio_data = true;\n this.hostService.testTwilio(this.hostToEdit, phone, this.appToEdit.appId).then(res => {\n this.loading_twilio_data = false;\n\n swal({\n title: 'Success!',\n text: 'Your app TWILIO is runing.',\n type: 'success',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop);\n }).catch(err => {\n this.loading_twilio_data = false;\n \n swal({\n title: 'Whoop! Something went wrong.',\n text: err.error.message,\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop);\n });\n }\n\n clickUpdatePhoneTwilio(){\n if(this.appToEdit.twoFactorVerification == 'phone'){\n\n if(this.appToEdit.TWILIOAccountSid == '' || !this.appToEdit.TWILIOAccountSid){\n swal({\n title: 'Invalid!',\n text: 'Please enter Twilio Account SID .',\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop);\n return;\n }\n\n if(this.appToEdit.TWILIOPhoneNumber == '' || !this.appToEdit.TWILIOPhoneNumber){\n swal({\n title: 'Invalid!',\n text: 'Please enter Twilio Phone Number .',\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop);\n return;\n }\n\n if(this.appToEdit.TWILIOToken == '' || !this.appToEdit.TWILIOToken){\n swal({\n title: 'Invalid!',\n text: 'Please enter Twilio Token .',\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop);\n return;\n }\n\n }\n\n this.appToEdit.TWILIOAccountSid = this.appToEdit.TWILIOAccountSid.split(\" \").join('');\n this.appToEdit.TWILIOToken = this.appToEdit.TWILIOToken.split(\" \").join('');\n this.appToEdit.TWILIOPhoneNumber = this.appToEdit.TWILIOPhoneNumber.split(\" \").join('');\n\n this.hostService.updateAppSetting(this.hostToEdit, this.appToEdit, 'twoFactorVerification').then(res => {\n swal({\n title: 'Updated!',\n text: 'Your Two Factor Verifications has been updated.',\n type: 'success',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false,\n timer: 2000\n }).catch(swal.noop);\n });\n }\n\n\n\n clickUpdateGoogleAppName(){\n this.hostService.updateAppSetting(this.hostToEdit, this.appToEdit, 'twoFactorVerification').then(res => {\n swal({\n title: 'Updated!',\n text: 'Your Two Factor Verifications has been updated.',\n type: 'success',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false,\n timer: 2000\n }).catch(swal.noop);\n });\n }\n\n\n clickUpdateSocialID(id, type){\n if(!id || id == \"\") {\n\n let text = type == \"googleClientId\" ? \"Please enter Google Client ID\" : \"Please enter Apple Bundle ID\";\n \n swal({\n title: 'Whoop! Something went wrong.',\n text: text,\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop);\n return\n }\n\n this.hostService.updateAppSetting(this.hostToEdit, this.appToEdit, type).then(res => {\n swal({\n title: 'Updated!',\n text: 'Your App has been updated.',\n type: 'success',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false,\n timer: 2000\n }).catch(swal.noop);\n });\n }\n\n\n updateAppSetting(value, type){\n let that = this;\n switch (type) {\n\n case 'emailExtension':\n this.appToEdit.emailExtension = value ? true: false;\n this.hostService.updateAppSetting(this.hostToEdit, this.appToEdit, type);\n break;\n case 'emailExtensionAPIKey':\n this.appToEdit.emailExtensionAPIKey = value;\n break;\n case 'emailExtensionSenderEmail':\n this.appToEdit.emailExtensionSenderEmail = value;\n break;\n\n case 'status':\n \n this.appToEdit.status = value;\n\n this.hostService.updateAppSetting(this.hostToEdit, this.appToEdit, type).catch(err => {\n \n });\n\n break;\n\n case 'invite':\n this.appToEdit.invitationEnabled = value;\n this.hostService.updateAppSetting(this.hostToEdit, this.appToEdit, type);\n break;\n \n case 'jwtEnabled':\n \n this.appToEdit.jwtEnabled = value;\n this.hostService.updateAppSetting(this.hostToEdit, this.appToEdit, type);\n break;\n\n\n case 'anonLogin':\n this.appToEdit.anonymousLoginEnabled = value;\n this.hostService.updateAppSetting(this.hostToEdit, this.appToEdit, type).catch(err => {\n this.appToEdit.anonymousLoginEnabled = !value;\n });\n break;\n\n case 'userNamesEnabled':\n this.appToEdit.userNamesEnabled = value;\n this.hostService.updateAppSetting(this.hostToEdit, this.appToEdit, type).catch(err => {\n this.appToEdit.userNamesEnabled = !value;\n });\n break;\n\n case 'signup':\n this.appToEdit.signupEnabled = value;\n this.hostService.updateAppSetting(this.hostToEdit, this.appToEdit, type).catch(err => {\n this.appToEdit.signupEnabled = !value;\n });\n break;\n\n case 'signupFlow':\n let oldVal = this.appToEdit.signupFlow;\n this.appToEdit.signupFlow = value;\n this.hostService.updateAppSetting(this.hostToEdit, this.appToEdit, type).catch(err => {\n this.appToEdit.signupFlow = oldVal;\n });\n break;\n \n\n case 'realmAppId':\n this.appToEdit.realmAppId = value;\n this.hostService.updateAppSetting(this.hostToEdit, this.appToEdit, type);\n \n break;\n case 'userJWTExpiration':\n this.appToEdit.userJWTExpiration = value;\n this.hostService.updateAppSetting(this.hostToEdit, this.appToEdit, type);\n \n break;\n \n \n case 'twoFactorVerification': \n if(value != \"none\" && this.appToEdit.twoFactorVerification != 'none'){\n let that = this;\n swal({\n title: `Change App Two Factor Verification?`,\n text: 'All old app users two factor verification will not work.',\n type: 'warning',\n showCancelButton: true,\n confirmButtonText: 'Yes, change it!',\n cancelButtonText: 'No, keep it',\n confirmButtonClass: \"btn btn-danger\",\n cancelButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).then((result) => {\n if (result.value) {\n this.appToEdit.twoFactorVerification = value;\n if(this.appToEdit.twoFactorVerification != 'phone') this.hostService.updateAppSetting(this.hostToEdit, this.appToEdit, type);\n }\n else{\n this.twoFactorSelect.setValue(this.appToEdit.twoFactorVerification); \n } \n })\n\n }\n else{\n this.appToEdit.twoFactorVerification = value;\n this.hostService.updateAppSetting(this.hostToEdit, this.appToEdit, type);\n } \n \n break;\n case 'maxLoginAttempts': \n this.hostService.updateAppSetting(this.hostToEdit, this.appToEdit, type);\n \n break;\n\n case 'maxUsers': \n this.appToEdit.maxUsers = value;\n this.hostService.updateAppSetting(this.hostToEdit, this.appToEdit, type);\n \n break;\n\n case 'passwordFilter':\n this.appToEdit.passwordFilter = value;\n this.hostService.updateAppSetting(this.hostToEdit, this.appToEdit, type);\n \n break;\n case 'passwordSetting': \n this.hostService.updateAppSetting(this.hostToEdit, this.appToEdit, type);\n \n break;\n\n case 'appleLogin': \n this.appToEdit.appleLoginEnabled = value;\n this.hostService.updateAppSetting(this.hostToEdit, this.appToEdit, type);\n break; \n\n case 'googleLogin': \n this.appToEdit.googleLoginEnabled = value;\n this.hostService.updateAppSetting(this.hostToEdit, this.appToEdit, type);\n break;\n \n \n }\n }\n\n\n savePasswordSetting(){\n this.hostService.updateAppSetting(this.hostToEdit, this.appToEdit, 'passwordSetting').then(res => {\n swal({\n title: 'Success!',\n text: 'Your password filter has been updated.',\n type: 'success',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false,\n timer: 2000\n }).catch(swal.noop);\n });\n }\n\n\n testEmailExtension(){\n if(this.appToEdit.emailExtensionAPIKey == \"\" || this.appToEdit.emailExtensionSenderEmail == \"\"){\n return;\n }\n\n this.hostService.testEmailExtension(this.hostToEdit, this.appToEdit.appId).then(res => {\n swal({\n title: 'Success!',\n text: 'Your email extension service is working.',\n type: 'success',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false,\n timer: 2000\n }).catch(swal.noop);\n })\n .catch(err => {\n let message = err.error ? err.error.message : err.message;\n swal({\n title: 'Something When Wrong',\n text: `${message}. Please check your email for more detail.`,\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop)\n })\n\n }\n\n saveEmailExtension(){ \n if(this.appToEdit.emailExtensionAPIKey == \"\") {\n swal({\n title: 'Invalid Data',\n text: 'Please enter Send Grid API Secret Key',\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop)\n\n return;\n }\n\n if(this.appToEdit.emailExtensionSenderEmail == \"\") {\n swal({\n title: 'Invalid Data',\n text: 'Please enter Sender Email',\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop)\n\n return;\n }\n\n if(this.appToEdit.emailExtensionAPIKey.length < 60) {\n swal({\n title: 'Invalid Data',\n text: 'Please enter a valid Send Grid API Secret Key',\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop)\n\n return;\n }\n\n\n this.hostService.updateAppSetting(this.hostToEdit, this.appToEdit, 'emailExtensionAPIKey').then(res => {\n swal({\n title: 'Success!',\n text: 'Your email extension has been updated.',\n type: 'success',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false,\n timer: 2000\n }).catch(swal.noop);\n });\n }\n\n\n switchAppKey(raw){\n if(raw) this.appPublicKey = this.appToEdit.rawPublicKey;\n else this.appPublicKey = this.appToEdit.appPublicKey;\n }\n\n\n showModal(modal, option, size){\n this.modalOption = option;\n \n size = size ? size : '';\n this.modalService.open(modal, {backdrop: 'static', ariaLabelledBy: 'modal-basic-title', size: size}).result.then((result) => {\n \n }, (reason) => { \n \n }); \n }\n\n editVerifyEmailTemplate(){\n this.clickEditVerifyEmailTemplate = true;\n }\n\n\n\n removeSignup(signup){\n let that = this;\n swal({\n title: `Remove invite '${signup.handle}', are you sure?`,\n text: 'You will not be able to recover this signup data!',\n type: 'warning',\n showCancelButton: true,\n confirmButtonText: 'Yes, delete it!',\n cancelButtonText: 'No, keep it',\n confirmButtonClass: \"btn btn-danger\",\n cancelButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).then((result) => {\n if (result.value) {\n that.hostService.removeAppSignup(this.hostToEdit, signup).then(res => {\n swal({\n title: 'Deleted!',\n text: 'Your app signup has been deleted.',\n type: 'success',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop);\n\n this.signUpList = this.signUpList.filter(item => item._id != signup._id);\n if(this.searchSignUpResult) this.searchSignUpResult = this.searchSignUpResult.filter(item => item._id != signup._id);\n }).catch(err => { \n\n });\n \n \n\n } else {\n\n swal({\n title: 'Cancelled',\n text: 'Your app signup is safe :)',\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop)\n }\n });\n\n }\n\n\n resendInvite(invite){\n\n this.hostService.resendAppInvite(this.hostToEdit, invite).then(res => {\n swal({\n title: 'Success!',\n text: 'Your app invite has been sent.',\n type: 'success',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop);\n })\n .catch(err => {\n let message = err.error ? err.error.message : err.message;\n swal({\n title: 'Invalid Input',\n text: message,\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop)\n })\n }\n\n\n \n removeInvite(invite){\n let that = this;\n swal({\n title: `Remove invite '${invite.handle}', are you sure?`,\n text: 'You will not be able to recover this invite data!',\n type: 'warning',\n showCancelButton: true,\n confirmButtonText: 'Yes, delete it!',\n cancelButtonText: 'No, keep it',\n confirmButtonClass: \"btn btn-danger\",\n cancelButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).then((result) => {\n if (result.value) {\n that.hostService.removeAppInvite(this.hostToEdit, invite).then(res => {\n swal({\n title: 'Deleted!',\n text: 'Your app invite has been deleted.',\n type: 'success',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop);\n\n this.inviteList = this.inviteList.filter(item => item._id != invite._id);\n if(this.searchInviteResult) this.searchInviteResult = this.searchInviteResult.filter(item => item._id != invite._id);\n }).catch(err => { \n swal({\n title: 'Invalid Data',\n text: 'Your app invite is not deleted',\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop)\n });\n \n \n\n } else {\n\n swal({\n title: 'Cancelled',\n text: 'Your app invite is safe :)',\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop)\n }\n });\n\n }\n\n createAppInvite(){\n let that = this; \n\n swal({\n title: 'Enter User Invite',\n html: 'use camma seperation for multiple email
' +\n '' +\n \n '
',\n showCancelButton: true,\n confirmButtonClass: 'btn btn-success',\n cancelButtonClass: 'btn btn-danger',\n buttonsStyling: false,\n allowOutsideClick:false,\n allowEnterKey: true\n }).then(function(result) {\n \n if(result.dismiss) return;\n let emails = $('#input-handle').val();\n //if(!that.helperService.emailValidation(emails)) return;\n if (emails.indexOf(\"+\") > 0){\n\n swal({\n title: 'Invalid Input',\n text: \"Cannot use any email with '+' sign.\",\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop)\n\n return\n }\n\n that.hostService.createAppInvite(that.hostToEdit, {appId:that.appToEdit.appId, handle:emails}).then(res => {\n let result = res as any;\n\n let text = '';\n if(result.invites && result.invites.length){\n let invitedEmail = result.invites.map(item => item.handle);\n text = `Your invitation has been sent to: ${invitedEmail}`;\n\n for (let index = 0; index < result.invites.length; index++) {\n const invite = result.invites[index];\n invite.show = true\n invite.createdAt = that.datePipe.transform(new Date(invite.createdAt), 'MMM d, y, h:mm:ss a');\n invite.updatedAt = that.datePipe.transform(new Date(invite.updatedAt), 'MMM d, y, h:mm:ss a'); \n that.inviteList.unshift(invite);\n }\n\n if (result.exists && result.exists.length){\n if (result.exists.length > 1) text = text + `Fails to send invitation. `;\n if (result.exists && result.exists.length){\n if (result.exists.length > 1) text = text + `App - Path: ${field.app.path}, fieldName: ${field.app.fieldName}.Invite - Path: ${field.invite.path}, fieldName: ${field.invite.fieldName}.`,\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop);\n\n return;\n }\n\n this.appToEdit.metaDataInvite = this.appInviteMetaData;\n\n this.hostService.updateAppInviteMetaData(this.hostToEdit, this.appToEdit).then(res => {\n this.updatingInviteMetaData = false;\n });\n\n this.cloneAppInviteMetaData();\n\n }\n\n saveAppMetaData(){ \n\n let field = this.checkDuplicateMetaData()\n if(field.app){\n \n swal({\n title: 'Duplicate Metadata',\n html: `App metadata and Invite Metadata is the same value.App - Path: ${field.app.path}, fieldName: ${field.app.fieldName}.Invite - Path: ${field.invite.path}, fieldName: ${field.invite.fieldName}.`,\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop);\n\n return;\n }\n\n this.appToEdit.metaData = this.appMetaData;\n this.hostService.updateAppMetaData(this.hostToEdit, this.appToEdit).then(res => {\n this.updatingAppMetaData = false;\n });\n\n this.cloneAppMetaData();\n \n\n }\n\n discardMetaDataChanges(){\n this.updatingAppMetaData = false;\n\n this.cloneAppMetaData();\n }\n\n\n discardInviteMetaDataChanges(){\n this.updatingInviteMetaData = false;\n\n this.cloneAppInviteMetaData();\n }\n\n\n\n updateInviteMetaDataField(value, field){ \n\n this.appInviteMetaData.filter(f => {\n if(f.id == field.id){ \n if(f.required != value){\n this.updatingInviteMetaData = true;\n f.required = value;\n } \n else this.updatingInviteMetaData = false;\n } \n }); \n }\n\n onkeyUpMetaDataEvent(field, type){ \n \n this.appMetaData.filter(f => {\n if(f.id == field.id && f[type] != field[type]){ \n this.updatingAppMetaData = true;\n } \n }); \n }\n\n\n onkeyUpInviteMetaDataEvent(field, type){ \n \n this.appInviteMetaData.filter(f => {\n if(f.id == field.id && f[type] != field[type]){ \n this.updatingInviteMetaData = true;\n } \n }); \n }\n\n\n removeCosyncEngine(contenModal){\n let that = this;\n swal({\n title: `Remove Cosync AssetLink, are you sure?`,\n text: 'This will remove your MongoDB Realm Functions.',\n type: 'warning',\n showCancelButton: true,\n confirmButtonText: 'Yes, remove it!',\n cancelButtonText: 'No, keep it',\n confirmButtonClass: \"btn btn-danger\",\n cancelButtonClass: \"btn btn-success\",\n buttonsStyling: false, \n focusCancel: true\n\n }).then((result) => {\n if (result.value) {\n\n this.modalService.open(contenModal, {backdrop: 'static', ariaLabelledBy: 'modal-basic-title'}).result.then((result) => {\n \n }, (reason) => { \n \n }); \n }\n });\n }\n\n removeCosyncJWTProvider(contenModal){\n \n swal({\n title: `Remove Cosync AUTH, are you sure?`,\n text: 'This will remove your MongoDB Realm Functions.',\n type: 'warning',\n showCancelButton: true,\n confirmButtonText: 'Yes, remove it!',\n cancelButtonText: 'No, keep it',\n confirmButtonClass: \"btn btn-danger\",\n cancelButtonClass: \"btn btn-success\",\n buttonsStyling: false, \n focusCancel: true\n\n }).then((result) => {\n if (result.value) {\n this.modalService.open(contenModal, {backdrop: 'static', ariaLabelledBy: 'modal-basic-title'}).result.then((result) => {\n \n }, (reason) => { \n \n }); \n }\n });\n }\n\n\n showInitCosyncEngine(contenModal){\n\n if(this.appToEdit.realmAppId == \"\"){\n swal({\n title: 'Invalid',\n text: \"Please set up your MongoDB Realm app id first.\",\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop)\n\n return;\n }\n this.formClass = \"need-validation\";\n\n this.cosyncEngineFormData = {\n version: this.cosyncVersions.cosyncEngine[0].versionNumber\n };\n\n this.cosyncEngineStep = 1;\n this.modalService.open(contenModal, {backdrop: 'static', ariaLabelledBy: 'modal-basic-title'}).result.then((result) => {\n \n }, (reason) => { \n \n }); \n\n}\n\n\n\n\ninitCosyncJWTProvider(contenModal){\n\n if(this.appToEdit.realmAppId == \"\"){\n swal({\n title: 'Invalid',\n text: \"Please set up your MongoDB Realm app id first.\",\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop)\n\n return;\n }\n\n\n this.formClass = \"need-validation\";\n\n this.modalService.open(contenModal, {backdrop: 'static', ariaLabelledBy: 'modal-basic-title'}).result.then((result) => {\n \n }, (reason) => { \n \n }); \n\n }\n\n\n\n async removeCosyncJWTService(projectId, publicKey, privateKey){\n\n if( !projectId || projectId == \"\" || \n !publicKey || publicKey == \"\" || \n !privateKey || privateKey == \"\" ){\n \n this.formClass = \"need-validation was-validated\";\n\n swal({\n title: 'Invalid',\n text: 'Please enter all required fields',\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false \n }).catch(swal.noop)\n\n return;\n } \n\n swal({\n title: 'Please wait',\n text: 'Request is being sent....',\n type: 'info',\n confirmButtonClass: \"btn btn-success\", \n buttonsStyling: false,\n allowOutsideClick: false,\n onBeforeOpen: () => { \n swal.showLoading();\n }\n }).catch(swal.noop)\n\n \n let item = {\n projectId: projectId,\n publicKey: publicKey,\n privateKey: privateKey,\n appId: this.appToEdit.appId\n }\n this.hostService.removeCosyncJWT(this.hostToEdit, item).then(appData => {\n\n swal({\n title: 'Success!',\n text: 'Your MongoDB Realm Cosync AUTH has been removed.',\n type: 'success',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop);\n\n this.appToEdit.appData = appData;\n this.apps.find(app => app.appId == this.appToEdit.appId).appData = appData;\n\n this.modalService.dismissAll(); \n\n }).catch(err => {\n swal({\n title: 'Whoop! Something went wrong',\n text: err.error ? err.error.message : \"Please contact us for this issue\",\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop)\n\n this.modalService.dismissAll(); \n })\n\n this.formClass = \"need-validation\";\n\n }\n\n async removeCosyncEngineService(){\n\n if( !this.cosyncEngineFormData.projectId || this.cosyncEngineFormData.projectId == \"\" || \n !this.cosyncEngineFormData.publicKey || this.cosyncEngineFormData.publicKey == \"\" || \n !this.cosyncEngineFormData.serviceId || this.cosyncEngineFormData.serviceId == \"\" || \n !this.cosyncEngineFormData.privateKey || this.cosyncEngineFormData.privateKey == \"\"){\n \n this.formClass = \"need-validation was-validated\";\n\n swal({\n title: 'Invalid',\n text: 'Please enter all required fields',\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false \n }).catch(swal.noop)\n\n return;\n } \n\n swal({\n title: 'Please wait',\n text: 'Request is being sent....',\n type: 'info',\n confirmButtonClass: \"btn btn-success\", \n buttonsStyling: false,\n allowOutsideClick: false,\n onBeforeOpen: () => { \n swal.showLoading();\n }\n }).catch(swal.noop)\n\n \n this.cosyncEngineFormData.appId = this.appToEdit.appId;\n this.hostService.removeCosyncEngine(this.hostToEdit, this.cosyncEngineFormData).then(appData => {\n\n swal({\n title: 'Success!',\n text: 'Your MongoDB Realm Cosync AssetLink has been removed.',\n type: 'success',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop);\n\n this.appToEdit.appData = appData;\n this.apps.find(app => app.appId == this.appToEdit.appId).appData = appData;\n\n this.modalService.dismissAll(); \n\n }).catch(err => {\n swal({\n title: 'Whoop! Something went wrong',\n text: \"Please contact us for this issue\",\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop)\n\n \n })\n\n this.formClass = \"need-validation\";\n\n }\n\n async initCosyncEngineServiceStep2(){\n if( !this.cosyncEngineFormData.awsAccessKey || this.cosyncEngineFormData.awsAccessKey == \"\" || \n !this.cosyncEngineFormData.awsSecretAccessKey || this.cosyncEngineFormData.awsSecretAccessKey == \"\" || \n !this.cosyncEngineFormData.s3Bucket || this.cosyncEngineFormData.s3Bucket == \"\" || \n !this.cosyncEngineFormData.s3Region || this.cosyncEngineFormData.s3Region == \"\" || \n !this.cosyncEngineFormData.s3BucketPublic || this.cosyncEngineFormData.s3BucketPublic == \"\" || \n !this.cosyncEngineFormData.s3RegionPublic || this.cosyncEngineFormData.s3RegionPublic == \"\"){\n \n this.formClass = \"need-validation was-validated\";\n\n swal({\n title: 'Invalid',\n text: 'Please enter all required fields',\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false \n }).catch(swal.noop)\n\n return;\n } \n \n swal({\n title: 'Please wait',\n text: 'Request is being sent....',\n type: 'info',\n confirmButtonClass: \"btn btn-success\", \n buttonsStyling: false,\n allowOutsideClick: false,\n onBeforeOpen: () => { \n swal.showLoading();\n }\n }).catch(swal.noop)\n\n let that = this;\n this.cosyncEngineFormData.appId = this.appToEdit.appId;\n\n this.hostService.initCosyncEngine(this.hostToEdit, this.cosyncEngineFormData).then(appData => {\n\n swal({\n title: 'Success!',\n text: 'Your MongoDB Realm Cosync AssetLink has been set.',\n type: 'success',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop);\n\n this.appToEdit.appData = appData;\n this.apps.find(app => app.appId == this.appToEdit.appId).appData = appData;\n\n this.modalService.dismissAll(); \n\n }).catch(err => {\n\n let message = err.error && err.error.message ? err.error.message : err.message; \n\n if(err.error.status == \"Duplicate\"){\n \n swal({\n title: 'Whoop! MongoDB Realm already has Cosync AssetLink',\n text: `Do you want to re-initialize your MongoDB Realm Cosync AssetLink?`,\n type: 'warning',\n showCancelButton: true,\n confirmButtonText: 'Yes, do it!',\n cancelButtonText: 'No, keep it',\n confirmButtonClass: \"btn btn-danger\",\n cancelButtonClass: \"btn btn-success\",\n buttonsStyling: false\n\n }).then((result) => {\n \n if (result.value) {\n\n swal({\n title: 'Please wait',\n text: 'Request is being sent....',\n type: 'info',\n confirmButtonClass: \"btn btn-success\", \n buttonsStyling: false,\n allowOutsideClick: false,\n onBeforeOpen: () => { \n swal.showLoading();\n }\n }).catch(swal.noop)\n\n \n that.hostService.reinitCosyncEngine(that.hostToEdit, that.cosyncEngineFormData).then(appData => {\n \n swal({\n title: 'Success!',\n text: 'Your MongoDB Realm Cosync AssetLink has been set.',\n type: 'success',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop);\n\n that.modalService.dismissAll();\n\n that.appToEdit.appData = appData; \n that.apps.find(app => app.appId == that.appToEdit.appId).appData = appData;\n\n }).catch(err => { \n let message = \"Please contact us for this issue\";\n if(err.error.message) message = err.error.message;\n\n swal({\n title: 'Whoop! Something went wrong',\n text: message,\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop)\n\n that.modalService.dismissAll(); \n \n }); \n \n } else {\n \n swal({\n title: 'Cancelled',\n text: 'Your app is safe :)',\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n\n }).catch(swal.noop)\n }\n });\n }\n else{\n swal({\n title: 'Whoop! Something went wrong',\n text: message ,\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop)\n }\n\n \n \n })\n\n \n\n }\n\n initCosyncEngineServiceStep1(){\n\n if( !this.cosyncEngineFormData.projectId || this.cosyncEngineFormData.projectId == \"\" || \n !this.cosyncEngineFormData.publicKey || this.cosyncEngineFormData.publicKey == \"\" || \n !this.cosyncEngineFormData.serviceId || this.cosyncEngineFormData.serviceId == \"\" || \n !this.cosyncEngineFormData.realmDatabase || this.cosyncEngineFormData.realmDatabase == \"\" || \n !this.cosyncEngineFormData.privateKey || this.cosyncEngineFormData.privateKey == \"\"){\n \n this.formClass = \"need-validation was-validated\";\n\n swal({\n title: 'Invalid',\n text: 'Please enter all required fields',\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false \n }).catch(swal.noop)\n\n return;\n }\n\n this.cosyncEngineStep = 2;\n this.formClass = \"need-validation\";\n \n }\n\n\n async initCosyncJWT(projectId, publicKey, privateKey, cosyncJWTVersion){\n\n if(projectId == \"\" || publicKey == \"\" || privateKey == \"\"){\n \n this.formClass = \"need-validation was-validated\";\n\n swal({\n title: 'Invalid',\n text: 'Please enter all required fields',\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false \n }).catch(swal.noop)\n\n return;\n }\n\n let data = {\n version: cosyncJWTVersion,\n projectId:projectId, \n publicKey: publicKey,\n privateKey: privateKey,\n appId: this.appToEdit.appId\n };\n \n swal({\n title: 'Please wait',\n text: 'Request is being sent....',\n type: 'info',\n confirmButtonClass: \"btn btn-success\", \n buttonsStyling: false,\n allowOutsideClick: false,\n onBeforeOpen: () => { \n swal.showLoading();\n }\n }).catch(swal.noop)\n\n let that = this;\n\n this.hostService.initCosyncJWT(this.hostToEdit, data).then(appData => {\n \n swal({\n title: 'Success!',\n text: 'Your MongoDB Realm AUTH has been set.',\n type: 'success',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop);\n\n this.modalService.dismissAll();\n\n this.appToEdit.appData = appData;\n this.apps.find(app => app.appId == this.appToEdit.appId).appData = appData;\n\n }).catch(err => {\n\n let message = err.error && err.error.message ? err.error.message : err.message; \n\n if(err.error.status == \"Duplicate\"){\n \n swal({\n title: 'Whoop! MongoDB Realm already has AUTH Secret Provider',\n text: `Do you want to re-initialize your MongoDB Realm AUTH Provider?`,\n type: 'warning',\n showCancelButton: true,\n confirmButtonText: 'Yes, do it!',\n cancelButtonText: 'No, keep it',\n confirmButtonClass: \"btn btn-danger\",\n cancelButtonClass: \"btn btn-success\",\n buttonsStyling: false\n\n }).then((result) => {\n \n if (result.value) {\n\n swal({\n title: 'Please wait',\n text: 'Request is being sent....',\n type: 'info',\n confirmButtonClass: \"btn btn-success\", \n buttonsStyling: false,\n allowOutsideClick: false,\n onBeforeOpen: () => { \n swal.showLoading();\n }\n }).catch(swal.noop)\n\n \n that.hostService.reinitCosyncJWT(this.hostToEdit, data).then(res => {\n \n swal({\n title: 'Success!',\n text: 'Your MongoDB Realm AUTH has been set.',\n type: 'success',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop);\n\n this.modalService.dismissAll(); \n \n }).catch(err => { \n let message2 = err.error && err.error.message ? err.error.message : err.message; \n swal({\n title: 'Whoop! Invalid Data',\n text: message2,\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop)\n\n this.modalService.dismissAll(); \n \n }); \n \n } else {\n \n swal({\n title: 'Cancelled',\n text: 'Your app is safe :)',\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n\n }).catch(swal.noop)\n }\n });\n }\n else{\n swal({\n title: 'Whoop! Invalid Data',\n text: message,\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop)\n }\n\n \n \n })\n\n \n }\n \n\n showUserMetaData(user, content){\n this.currentAppUser = user; \n \n this.modalService.open(content, {backdrop: 'static', ariaLabelledBy: 'modal-basic-title', size: 'lg'}).result.then((result) => {\n \n }, (reason) => { \n \n }); \n\n }\n\n\n editUserMetadata(user){\n this.editMetadata = true;\n this.updatingUserMetadata = false;\n this.editMetadataList = []; \n\n let loopData = Object.entries(user.metaData); \n\n for (const [key, value] of loopData) {\n \n let path = [];\n path.push(key); \n let p = path.toString();\n if (value && typeof value === 'object') { \n this.nestedLoop(value, p.split(\",\")); \n }\n else{\n\n this.editMetadataList.push({\n path: p.split(\",\").join(\".\"),\n value: value\n });\n } \n }\n\n let that = this;\n this.appMetaData.forEach(appField => {\n let found = false;\n that.editMetadataList.forEach(userField => {\n if(appField.path == userField.path) found = true;\n\n });\n\n if(!found) that.editMetadataList.push({path: appField.path, value: undefined});\n });\n\n this.appInviteMetaData.forEach(appInviteField => {\n let found = false;\n that.editMetadataList.forEach(userField => {\n if(appInviteField.path == userField.path){\n found = true;\n userField.invite = true; \n } \n }); \n\n if(!found) that.editMetadataList.push({path: appInviteField.path, value: undefined, invite:true});\n \n });\n \n \n }\n\n removeAddedUserMetadata(field){\n this.addMetadataList = this.addMetadataList.filter(item => item.id != field.id)\n }\n\n addUserMetadata(){ \n this.updatingUserMetadata = true\n \n let that = this; \n this.addMetadataList.push({ \n id: that.helperService.getUUID(), \n path: \"\",\n value: \"\" \n });\n \n }\n\n nestedLoop(data, path) {\n\n let loopData = Object.entries(data);\n \n let objectPathStirng = path.toString();\n\n for (const [key, value] of loopData) {\n let objectPath = objectPathStirng.split(\",\");\n objectPath.push(key);\n \n \n let p = objectPath.toString();\n if (value && typeof value === 'object') { \n this.recurse(value, p.split(','));\n }\n else{ \n this.editMetadataList.push({\n path: p.split(\",\").join(\".\"),\n value: value\n });\n }\n\n }\n }\n\n recurse(data, path) {\n let loopData = Object.entries(data);\n \n let objectPathStirng = path.toString();\n \n for (const [key, value] of loopData) {\n let objectPath = objectPathStirng.split(\",\");\n objectPath.push(key);\n let p = objectPath.toString();\n if (value && typeof value === 'object') { \n this.recurse(value, p.split(\",\"));\n }\n else{ \n this.editMetadataList.push({\n path: p.split(\",\").join(\".\"),\n value: value\n });\n }\n }\n }\n\n\n saveUserMetadata(user){\n this.editMetadata = false; \n let that = this;\n this.editMetadataList.forEach(field => {\n if(field.updated){\n that.updateObjectValue(that.currentAppUser.metaData, field.path, field.value);\n }\n });\n \n\n for (const key in this.currentAppUser.metaData) { \n const element = this.currentAppUser.metaData[key];\n if(element === undefined || element == \"\") delete this.currentAppUser.metaData[key];\n else if(typeof element == \"object\" && !Object.keys(element).length) delete this.currentAppUser.metaData[key];\n }\n\n this.addMetadataList.forEach(field => { \n this.updateObjectValue(this.currentAppUser.metaData, field.path, field.value); \n });\n\n\n that.hostService.updateAppUserMetaData(this.hostToEdit, this.currentAppUser).then(res => {\n this.updatingUserMetadata = false;\n });\n }\n\n\n discardUserMetadata(){\n this.editMetadata = false; \n this.updatingUserMetadata = false;\n }\n\n \n\n updateObjectValue(obj, path, value){\n\n let objLevel = path.split(\".\"); \n\n while(objLevel.length > 1){\n let itemPath = objLevel.shift();\n let item = obj[itemPath];\n if(!item || item == undefined){\n obj[itemPath] = {};\n } \n obj = obj[itemPath];\n }\n \n if(value != \"\" && value != undefined) obj[objLevel.shift()] = value; \n else delete obj[objLevel.shift()];\n \n }\n\n onkeyUpUserMetaDataEvent(event, item){\n let value = event.target.value;\n this.updatingUserMetadata = true;\n\n for (let index = 0; index < this.editMetadataList.length; index++) {\n const field = this.editMetadataList[index];\n if(field.path == item.path){\n this.editMetadataList[index].value = value;\n this.editMetadataList[index].updated = true;\n } \n }\n \n }\n\n\n onkeyUpAddUserMetadataEvent(event, item, key){\n let value = event.target.value;\n this.updatingUserMetadata = true;\n\n for (let index = 0; index < this.addMetadataList.length; index++) {\n const field = this.addMetadataList[index];\n if(field.id == item.id){\n this.addMetadataList[index][key] = value; \n } \n }\n \n }\n\n\n clearMetadata(item){\n\n if(item.value == \"\" || item.value == undefined) return;\n item.value = \"\"; \n \n this.updatingUserMetadata = true;\n\n for (let index = 0; index < this.editMetadataList.length; index++) {\n const field = this.editMetadataList[index];\n if(field.path == item.path){\n this.editMetadataList[index].value = undefined;\n this.editMetadataList[index].updated = true;\n } \n }\n\n }\n \n chooseAppDatabase(file){\n this.createAppData.file = file;\n this.uploading_database_error = '';\n }\n\n\n exportAppDatabase(){\n\n swal({\n title: 'Please wait',\n text: 'Request is being sent....',\n type: 'info',\n confirmButtonClass: \"btn btn-success\", \n buttonsStyling: false,\n allowOutsideClick: false,\n onBeforeOpen: () => { \n swal.showLoading();\n }\n }).catch(swal.noop)\n\n this.hostService.exportAppDatabase(this.hostToEdit, this.appToEdit).then(res => {\n swal({\n title: 'Success!',\n text: 'Your app database will be downloaded soon.',\n type: 'success',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop);\n \n }).catch(err => {\n\n let message = \"Please contact us for this issue\";\n if(err.error.message) message = err.error.message;\n\n swal({\n title: 'Whoop! Something went wrong',\n text: message,\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop)\n });\n }\n\n\n\n public importAppDatabase(){ \n\n if(this.checkAppName(this.createAppData.appName)){\n\n swal({\n type: 'error',\n title: 'Whoop! App name already exists.',\n text: \"Please enter different app name\",\n confirmButtonClass: 'btn btn-warning',\n buttonsStyling: false\n\n });\n return;\n }\n\n let that = this;\n\n if(!this.createAppData.appName ){\n this.uploading_database_error = \"Please enter App Name\"; \n return;\n } \n\n if(!this.createAppData.file ){\n this.uploading_database_error = \"Please choose a file to upload.\"; \n return;\n } \n\n\n let file = this.createAppData.file;\n \n swal({\n title: `Import App Database`,\n text: `Import '${file[0].name}' into '${that.createAppData.appName}', are you sure? This will take a while.`,\n type: 'warning',\n showCancelButton: true,\n confirmButtonText: 'Yes, do it!',\n cancelButtonText: 'Cancel',\n confirmButtonClass: \"btn btn-danger\",\n cancelButtonClass: \"btn btn-success\",\n buttonsStyling: false, \n focusCancel: true\n\n }).then((result) => {\n if (result.value) {\n\n swal({\n title: 'Please wait',\n text: 'Request is being sent....',\n type: 'info',\n confirmButtonClass: \"btn btn-success\", \n buttonsStyling: false,\n allowOutsideClick: false,\n onBeforeOpen: () => { \n swal.showLoading();\n }\n }).catch(swal.noop)\n\n\n that.hostService.importAppDatabase(that.hostToEdit, that.createAppData.appName, file[0]).then(app => {\n\n swal({\n title: 'Success!',\n text: 'Your app database has been imported.',\n type: 'success',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop);\n \n \n that.modalService.dismissAll();\n\n }).catch(err => {\n \n let message = \"Please contact us for this issue\";\n if(err.error.message) message = err.error.message;\n \n that.modalService.dismissAll();\n \n swal({\n title: 'Whoop! Something went wrong',\n text: message,\n type: 'error',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop)\n });\n }\n else{\n\n }\n\n });\n\n\n \n }\n\n\n gotoHostApp(){\n this.router.navigate([`host/${this.hostToEdit.hostId}/apps`]);\n }\n\n patchAppLocale(){\n this.hostService.patchHostAppLocale(this.hostToEdit).then(res => {\n swal({\n title: 'Success!',\n text: 'Your app database has been patched.',\n type: 'success',\n confirmButtonClass: \"btn btn-success\",\n buttonsStyling: false\n }).catch(swal.noop);\n });\n }\n \n\n\nmodifyAppLocale(contenModal){\n this.modalService.open(contenModal, {backdrop: 'static', ariaLabelledBy: 'modal-basic-title'}).result.then((result) => {\n \n }, (reason) => { \n \n }); \n}\n\n}\n","export default \".lock-page {\\n padding-top: 100px;\\n}\\n\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvY29tcG9uZW50cy9sb2NrL2xvY2suY29tcG9uZW50LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNFLGtCQUFrQjtBQUNwQiIsImZpbGUiOiJzcmMvYXBwL2NvbXBvbmVudHMvbG9jay9sb2NrLmNvbXBvbmVudC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIubG9jay1wYWdlIHtcbiAgcGFkZGluZy10b3A6IDEwMHB4O1xufVxuIl19 */\"","import { Component, OnInit, OnDestroy } from '@angular/core';\nimport { AuthenticationService } from 'src/app/services/authentication.service';\nimport { Router, ActivatedRoute } from '@angular/router';\nimport { Developer } from 'src/app/models/developer';\nimport swal from 'sweetalert2';\n\n@Component({\n selector: 'app-lock',\n templateUrl: './lock.component.html',\n styleUrls: ['./lock.component.css']\n})\nexport class LockComponent implements OnInit {\n currentUser:any = {};\n \n \n constructor(private authService:AuthenticationService, private router: Router, private route: ActivatedRoute) {\n let cache = localStorage.getItem('currentUser');\n\n if(!this.authService.user){\n this.router.navigate([\"/login\"]);\n } \n else if(this.route.snapshot.paramMap.get('logout')){\n this.logout();\n }\n else {\n this.authService.user.lock = true;\n this.currentUser = JSON.parse(cache) as Developer;\n }\n\n this.authService.user$.subscribe(user => {\n this.currentUser = user;\n \n });\n\n\n }\n\n ngOnInit() {\n \n }\n\n\n\n onkeyUpEvent(evt, password){\n if (evt.key === \"Enter\") { \n this.unlock(password);\n }\n }\n\n logout(){\n this.authService.logout();\n this.router.navigate([\"/login\"]);\n }\n\n unlock(password){\n let result = this.authService.unlock(password);\n if(result) this.router.navigate([\"/apps\"]);\n else {\n swal({\n title: \"Login Fails\",\n text: \"Invalid Credential\",\n type: 'error',\n confirmButtonClass: \"btn btn-info\",\n buttonsStyling: false,\n //timer: 3000,\n focusCancel: true\n }).catch(swal.noop)\n }\n \n }\n\n}\n","export default \".text-forgot-password {\\n padding-left: 55px;\\n padding-top: 5px;\\n}\\n\\n.card-header-primary {\\n background: #4638ab !important;\\n}\\n\\nvideo {\\n position: absolute;\\n top: 36%;\\n left: 50%;\\n min-width: 100%;\\n min-height: 100%;\\n width: auto;\\n height: auto;\\n z-index: 0;\\n -webkit-transform: translateX(-50%) translateY(-50%);\\n transform: translateX(-50%) translateY(-50%);\\n}\\n\\n.login-page {\\n padding-top: 100px;\\n}\\n\\n.h1,\\n.h2,\\n.h3,\\n.h4,\\nbody,\\nlabel,\\nh1,\\nh2,\\nh3,\\nh4,\\nh5,\\nh6 {\\n font-family: Highway Gothic, Helvetica, Arial, sans-serif !important;\\n font-weight: 300;\\n line-height: 1.5em;\\n}\\n\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvY29tcG9uZW50cy9sb2dpbi9sb2dpbi5jb21wb25lbnQuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0Usa0JBQWtCO0VBQ2xCLGdCQUFnQjtBQUNsQjs7QUFFQTtFQUNFLDhCQUE4QjtBQUNoQzs7QUFFQTtFQUNFLGtCQUFrQjtFQUNsQixRQUFRO0VBQ1IsU0FBUztFQUNULGVBQWU7RUFDZixnQkFBZ0I7RUFDaEIsV0FBVztFQUNYLFlBQVk7RUFDWixVQUFVO0VBR1Ysb0RBQW9EO0VBQ3BELDRDQUE0QztBQUM5Qzs7QUFFQTtFQUNFLGtCQUFrQjtBQUNwQjs7QUFFQTs7Ozs7Ozs7Ozs7O0VBWUUsb0VBQW9FO0VBQ3BFLGdCQUFnQjtFQUNoQixrQkFBa0I7QUFDcEIiLCJmaWxlIjoic3JjL2FwcC9jb21wb25lbnRzL2xvZ2luL2xvZ2luLmNvbXBvbmVudC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIudGV4dC1mb3Jnb3QtcGFzc3dvcmQge1xuICBwYWRkaW5nLWxlZnQ6IDU1cHg7XG4gIHBhZGRpbmctdG9wOiA1cHg7XG59XG5cbi5jYXJkLWhlYWRlci1wcmltYXJ5IHtcbiAgYmFja2dyb3VuZDogIzQ2MzhhYiAhaW1wb3J0YW50O1xufVxuXG52aWRlbyB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAzNiU7XG4gIGxlZnQ6IDUwJTtcbiAgbWluLXdpZHRoOiAxMDAlO1xuICBtaW4taGVpZ2h0OiAxMDAlO1xuICB3aWR0aDogYXV0bztcbiAgaGVpZ2h0OiBhdXRvO1xuICB6LWluZGV4OiAwO1xuICAtbXMtdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC01MCUpIHRyYW5zbGF0ZVkoLTUwJSk7XG4gIC1tb3otdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC01MCUpIHRyYW5zbGF0ZVkoLTUwJSk7XG4gIC13ZWJraXQtdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC01MCUpIHRyYW5zbGF0ZVkoLTUwJSk7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtNTAlKSB0cmFuc2xhdGVZKC01MCUpO1xufVxuXG4ubG9naW4tcGFnZSB7XG4gIHBhZGRpbmctdG9wOiAxMDBweDtcbn1cblxuLmgxLFxuLmgyLFxuLmgzLFxuLmg0LFxuYm9keSxcbmxhYmVsLFxuaDEsXG5oMixcbmgzLFxuaDQsXG5oNSxcbmg2IHtcbiAgZm9udC1mYW1pbHk6IEhpZ2h3YXkgR290aGljLCBIZWx2ZXRpY2EsIEFyaWFsLCBzYW5zLXNlcmlmICFpbXBvcnRhbnQ7XG4gIGZvbnQtd2VpZ2h0OiAzMDA7XG4gIGxpbmUtaGVpZ2h0OiAxLjVlbTtcbn1cbiJdfQ== */\"","import { Component, OnInit, OnDestroy } from '@angular/core';\nimport { AuthenticationService } from 'src/app/services/authentication.service';\nimport swal from 'sweetalert2';\nimport { Router, ActivatedRoute, ParamMap } from '@angular/router';\nimport { HelperService } from 'src/app/services/helper.service';\nimport { Developer } from 'src/app/models/developer';\n\n\n@Component({\n selector: 'app-login',\n templateUrl: './login.component.html',\n styleUrls: ['./login.component.css']\n})\n\n\nexport class LoginComponent implements OnInit, OnDestroy {\n\n loginResult:string = \"\"; \n resetPassword:string;\n passwordIsNotMatch:string;\n loading:boolean = false;\n formClass:string = \"need-validation\";\n\n constructor(private authService:AuthenticationService, private router: Router, private route: ActivatedRoute, private helper:HelperService) {\n \n this.resetPassword = this.route.snapshot.paramMap.get('reset');\n \n }\n\n ngOnInit() {\n this.loginResult = \"\"; \n if(this.resetPassword) this.authService.logout();\n else{\n // redirect to home if already logged in\n if (this.authService.user) {\n this.router.navigate(['/profile']);\n }\n else this.authService.logout();\n\n }\n }\n\n ngOnDestroy(){\n \n }\n\n\n login(email, password) {\n this.formClass = \"need-validation was-validated\";\n if(email == \"\" || password == \"\" || this.loading) return;\n this.loading = true;\n let that = this;\n this.authService.login(email, password, null).then(res => { \n let user = res as any;\n if(user.token && !user.uid){\n this.showTwoFactorPopup(user, false);\n }\n else if(user.status == 'active'){\n if(user.firstName == '' || !user.firstName || user.lastName == '' || !user.lastName){\n this.router.navigate(['/profile']);\n } \n else if(user.lastLogin) this.router.navigate(['']);\n else this.router.navigate(['/profile']);\n } \n else this.router.navigate(['/profile/payment', { option: 'repay'}]);\n \n }).catch(reason => {\n\n this.loading = false;\n this.loginResult = reason.error.message;\n if(reason.error.code == 401){\n swal({\n title: \"Login Fails\",\n text: reason.error.message,\n showCancelButton: true, \n confirmButtonText: 'Resend',\n confirmButtonClass: 'btn btn-success',\n cancelButtonClass: 'btn btn-danger',\n buttonsStyling: false \n }).then(function(result) {\n \n if(result.value){\n that.resendActivate(email);\n }\n });\n\n }\n else{\n swal({\n title: \"Login Fails\",\n text: reason.error.message,\n type: 'error',\n confirmButtonClass: \"btn btn-info\",\n buttonsStyling: false\n }).catch(swal.noop)\n }\n \n });\n }\n\n showTwoFactorPopup(data, retry){\n let that = this;\n let title = 'Enter Two Factor Authentication Code';\n if(retry) title = 'You just entered invalid code please try again';\n swal({\n title: title,\n input: 'text',\n showCancelButton: true, \n confirmButtonClass: 'btn btn-success',\n cancelButtonClass: 'btn btn-danger',\n buttonsStyling: false \n \n }).then(function(result) {\n console.log(result);\n\n if(result.value){ \n\n that.authService.completeLogin(data.token, result.value).then(res => {\n let user = res as any;\n\n if(user.status == 'active'){\n if(user.lastLogin) that.router.navigate(['']);\n else that.router.navigate(['/profile']);\n } \n else that.router.navigate(['/profile/payment', { option: 'repay'}]);\n \n }).catch(e => {\n that.showTwoFactorPopup(data, true);\n }); \n }\n else if (result.value == '') that.showTwoFactorPopup(data, true);\n else{\n that.loading = false;\n \n swal({\n title: \"Login Fails\",\n text: \"Invalid Two Factor Code\",\n type: 'error',\n confirmButtonClass: \"btn btn-info\",\n buttonsStyling: false\n }).catch(swal.noop)\n }\n }).catch(swal.noop)\n }\n\n\n resendActivate(email){\n this.authService.resendActivate(email).then(result => {\n swal({\n title: \"Success!\",\n text: \"Please check your email.\",\n buttonsStyling: false,\n confirmButtonClass: \"btn btn-success\",\n type: \"success\"\n }).catch(swal.noop)\n\n }).catch(reason => {\n swal({\n title: reason.error.status,\n text: reason.error.message,\n type: 'error',\n confirmButtonClass: \"btn btn-info\",\n buttonsStyling: false\n }).catch(swal.noop)\n });\n }\n\n \n\n onkeydown(evt, email, password){\n if (evt.key === \"Enter\") {\n \n this.login(email, password);\n }\n }\n \n\n forgotPassword(){\n let that = this;\n\n swal({\n title: 'Enter your email',\n input: 'text',\n showCancelButton: true, \n confirmButtonClass: 'btn btn-success',\n cancelButtonClass: 'btn btn-danger',\n buttonsStyling: false,\n inputValidator: (value) => { \n if (!value || !that.helper.emailValidation(value)) {\n return 'Please enter valid email'\n } \n }\n \n }).then(function(result) {\n \n if(result.value){ \n that.authService.resetPassword(result.value);\n\n swal({\n type: 'success',\n html: 'Please check your email for reset password.'+result.value+' ',\n confirmButtonClass: 'btn btn-success',\n buttonsStyling: false \n })\n \n \n }\n }).catch(swal.noop)\n }\n\n clickResetPassword(password, confirm){\n if(password != confirm){\n this.passwordIsNotMatch = 'Password and Confirm Password is not match.'\n return;\n } \n\n if(password.length < 4 || confirm.length < 4 ){\n this.passwordIsNotMatch = 'Password and Confirm Password must be at least 4 charactors.'\n return;\n } \n\n this.authService.resetPasswordWithToken({token:this.resetPassword, password:password}).then(result => {\n \n this.resetPassword = null;\n this.passwordIsNotMatch = '';\n\n swal({\n type: 'success',\n html: 'Please login with your new password',\n confirmButtonClass: 'btn btn-success',\n buttonsStyling: false,\n timer: 2000\n })\n\n this.router.navigate(['/login']);\n\n }).catch(err => {\n swal({\n title: err.error.status,\n text: err.error.message,\n type: 'error',\n confirmButtonClass: \"btn btn-info\",\n buttonsStyling: false\n }).catch(swal.noop)\n });\n }\n\n onResetPasswordKeydown(evt, password, confirm){\n if (evt.key === \"Enter\") { \n this.clickResetPassword(password, confirm);\n }\n }\n\n}\n","export default \".notfound-page{\\n padding-top: 80px;\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvY29tcG9uZW50cy9ub3QtZm91bmQvbm90LWZvdW5kLmNvbXBvbmVudC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7SUFDSSxpQkFBaUI7QUFDckIiLCJmaWxlIjoic3JjL2FwcC9jb21wb25lbnRzL25vdC1mb3VuZC9ub3QtZm91bmQuY29tcG9uZW50LmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5ub3Rmb3VuZC1wYWdle1xuICAgIHBhZGRpbmctdG9wOiA4MHB4O1xufSJdfQ== */\"","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'app-not-found',\n templateUrl: './not-found.component.html',\n styleUrls: ['./not-found.component.css']\n})\nexport class NotFoundComponent implements OnInit {\n\n \n\n constructor() { }\n\n ngOnInit() {\n \n \n }\n\n}\n","export default \"\\n.pagination .page-item .page-link {\\n font-size: .9rem;\\n color: #212529;\\n background-color: transparent;\\n border: 0;\\n outline: 0;\\n -webkit-transition: all 0.3s linear;\\n transition: all 0.3s linear;\\n}\\n\\n.pagination a {\\n border-radius: 0!important;\\n cursor: pointer;\\n}\\n\\n.pagination .page-item.active .page-link {\\n color: #fff;\\n background-color: #4285f4;\\n border-radius: .125rem;\\n box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);\\n -webkit-transition: all 0.2s linear;\\n transition: all 0.2s linear;\\n}\\n\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvY29tcG9uZW50cy9wYWdpbmF0aW9uL3BhZ2luYXRpb24uY29tcG9uZW50LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQ0E7SUFDSSxnQkFBZ0I7SUFDaEIsY0FBYztJQUNkLDZCQUE2QjtJQUM3QixTQUFTO0lBQ1QsVUFBVTtJQUNWLG1DQUFtQztJQUNuQywyQkFBMkI7QUFDL0I7O0FBRUE7SUFDSSwwQkFBMEI7SUFDMUIsZUFBZTtBQUNuQjs7QUFFQTtJQUNJLFdBQVc7SUFDWCx5QkFBeUI7SUFDekIsc0JBQXNCO0lBRXRCLHVFQUF1RTtJQUN2RSxtQ0FBbUM7SUFDbkMsMkJBQTJCO0FBQy9CIiwiZmlsZSI6InNyYy9hcHAvY29tcG9uZW50cy9wYWdpbmF0aW9uL3BhZ2luYXRpb24uY29tcG9uZW50LmNzcyIsInNvdXJjZXNDb250ZW50IjpbIlxuLnBhZ2luYXRpb24gLnBhZ2UtaXRlbSAucGFnZS1saW5rIHtcbiAgICBmb250LXNpemU6IC45cmVtO1xuICAgIGNvbG9yOiAjMjEyNTI5O1xuICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIGJvcmRlcjogMDtcbiAgICBvdXRsaW5lOiAwO1xuICAgIC13ZWJraXQtdHJhbnNpdGlvbjogYWxsIDAuM3MgbGluZWFyO1xuICAgIHRyYW5zaXRpb246IGFsbCAwLjNzIGxpbmVhcjtcbn1cblxuLnBhZ2luYXRpb24gYSB7XG4gICAgYm9yZGVyLXJhZGl1czogMCFpbXBvcnRhbnQ7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xufVxuICBcbi5wYWdpbmF0aW9uIC5wYWdlLWl0ZW0uYWN0aXZlIC5wYWdlLWxpbmsge1xuICAgIGNvbG9yOiAjZmZmO1xuICAgIGJhY2tncm91bmQtY29sb3I6ICM0Mjg1ZjQ7XG4gICAgYm9yZGVyLXJhZGl1czogLjEyNXJlbTtcbiAgICAtd2Via2l0LWJveC1zaGFkb3c6IDAgMnB4IDVweCAwIHJnYmEoMCwwLDAsMC4xNiksIDAgMnB4IDEwcHggMCByZ2JhKDAsMCwwLDAuMTIpO1xuICAgIGJveC1zaGFkb3c6IDAgMnB4IDVweCAwIHJnYmEoMCwwLDAsMC4xNiksIDAgMnB4IDEwcHggMCByZ2JhKDAsMCwwLDAuMTIpO1xuICAgIC13ZWJraXQtdHJhbnNpdGlvbjogYWxsIDAuMnMgbGluZWFyO1xuICAgIHRyYW5zaXRpb246IGFsbCAwLjJzIGxpbmVhcjtcbn1cbiJdfQ== */\"","import { Component, AfterViewInit, Input, Output, EventEmitter } from '@angular/core'; \n \n\n@Component({\n selector: 'app-pagination',\n templateUrl: './pagination.component.html',\n styleUrls: ['./pagination.component.css']\n})\n\nexport class PaginationComponent implements AfterViewInit {\n\n @Output() changePage = new EventEmitter();\n @Output() init = new EventEmitter();\n currentPage:any = {page:1 , order:1};\n \n totalItem:number;\n entryAmount:number; \n pages:any = [];\n totalPage:number;\n initialized:boolean = false;\n\n constructor(\n \n ) { }\n\n ngAfterViewInit() {\n \n this.initialized = true;\n this.init.emit(true);\n }\n\n\n @Input() set data(item: any){\n this.pages = [];\n this.totalItem = item.totalItem;\n this.entryAmount = item.entryAmount || 25; \n\n this.totalPage = Math.ceil(this.totalItem / this.entryAmount);\n\n if(this.totalPage > 1){ \n\n if(item.page){\n this.redraw(item.page);\n }\n else{\n let order = 0;\n for (let index = 1; index <= this.totalPage; index++) { \n order++;\n if(order > 15) return; \n if(index == 1) this.pages.push({order:order, page:index, acitve: true , class: 'page-item active'});\n else this.pages.push({order:order, page:index, acitve: false, class: 'page-item'});\n }\n } \n }\n }\n\n redraw(item:any){\n // if(item.order <= 7 && item.page < 7) return;\n // if(item.order >= 15 && item.page > this.totalPage - 7) return;\n this.currentPage = item;\n this.pages = [];\n let order = 0;\n\n // draw all items to the last\n let val = this.totalPage - this.currentPage.page\n if(val < 15 && this.totalPage > 15){\n for (let index = this.totalPage - 15; index <= this.totalPage; index++) { \n order++;\n this.pages.push({order:order, page:index, acitve: false, class: 'page-item'}); \n } \n } \n // draw all items to the first\n else if(item.order < 7) { \n\n let start = item.page - 7;\n\n if(start <= 0) start = 1;\n\n for (let index = start; index <= this.totalPage; index++) { \n order++;\n if(order > 15) break;\n this.pages.push({order:order, page:index, acitve: false, class: 'page-item'});\n }\n }\n else{\n for (let index = this.currentPage.page; index <= this.totalPage; index++) { \n order++;\n if(order > 15) break;\n this.pages.push({order:order, page:index, acitve: false, class: 'page-item'});\n }\n } \n\n this.setActive();\n }\n\n\n @Input() set entry(amount: number){\n this.entryAmount = amount;\n }\n\n gotoPage(item:any) {\n \n if(this.currentPage.page == item.page) return; \n\n this.currentPage = item;\n this.redraw(this.currentPage);\n this.changePage.emit(this.currentPage); \n }\n\n gotoPreviousPage(){\n if(this.currentPage.page == 1) return;\n \n this.currentPage = {page:this.currentPage.page -1, order: this.currentPage.order -1};\n this.redraw(this.currentPage);\n\n this.changePage.emit(this.currentPage); \n }\n\n gotoNextPage(){\n if(this.currentPage.page == this.totalPage) return;\n this.currentPage = {page:this.currentPage.page + 1, order: this.currentPage.order + 1};\n this.redraw(this.currentPage);\n this.changePage.emit(this.currentPage); \n }\n\n setActive(){\n this.pages.filter(p =>{ \n p.acitve = false;\n p.class = \"page-item\";\n\n if(p.page == this.currentPage.page){\n p.acitve = true; \n p.class = \"page-item active\";\n } \n }); \n }\n\n}\n","export default \".pricing-page {\\n padding-top: 50px !important;\\n}\\n\\n.pricing-page .title {\\n color: #3c4858 !important;\\n}\\n\\n.pricing-page .description {\\n color: #3c4858 !important;\\n}\\n \\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvY29tcG9uZW50cy9wcmljaW5nL3ByaWNpbmcuY29tcG9uZW50LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtJQUNJLDRCQUE0QjtBQUNoQzs7QUFFQTtJQUNJLHlCQUF5QjtBQUM3Qjs7QUFFQTtJQUNJLHlCQUF5QjtBQUM3QiIsImZpbGUiOiJzcmMvYXBwL2NvbXBvbmVudHMvcHJpY2luZy9wcmljaW5nLmNvbXBvbmVudC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIucHJpY2luZy1wYWdlIHtcbiAgICBwYWRkaW5nLXRvcDogNTBweCAhaW1wb3J0YW50O1xufVxuXG4ucHJpY2luZy1wYWdlIC50aXRsZSB7XG4gICAgY29sb3I6ICMzYzQ4NTggIWltcG9ydGFudDtcbn1cblxuLnByaWNpbmctcGFnZSAuZGVzY3JpcHRpb24ge1xuICAgIGNvbG9yOiAjM2M0ODU4ICFpbXBvcnRhbnQ7XG59XG4gIl19 */\"","import { Component, OnInit } from '@angular/core';\nimport { Router } from '@angular/router'; \nimport { Developer } from 'src/app/models/developer'; \n\n@Component({\n selector: 'app-pricing',\n templateUrl: './pricing.component.html',\n styleUrls: ['./pricing.component.css']\n})\nexport class PricingComponent implements OnInit {\n\n currentUser:any = {}; \n totalPrice:number = 0;\n\n constructor( \n private router: Router\n \n ) {\n\n let cache = localStorage.getItem('currentUser');\n this.currentUser = JSON.parse(cache) as Developer;\n\n }\n\n \n ngOnInit() { \n\n }\n\n clickUpgradeButton(){\n this.router.navigate(['/profile/payment', { option: 'upgrade' }]);\n }\n \n \n \n\n}\n","export default \"\\n@media all and (min-width: 993px) {\\n .profile-container{\\n padding-top: 70px;\\n padding-bottom: 70px;\\n }\\n\\n}\\n\\n\\n\\n.loader{\\n width: 30px !important;\\n margin-top: -10px;\\n}\\n\\n\\n\\n.plan-controler{\\n margin-top: auto;\\n margin-bottom: auto;\\n margin-right: 10px;\\n}\\n\\n\\n\\n.popupPicture{\\n width: 200px;\\n height: 200px;\\n background-color: #999999;\\n border: 4px solid #CCCCCC;\\n color: #FFFFFF;\\n border-radius: 50%;\\n margin: 5px auto;\\n overflow: hidden;\\n transition: all 0.2s;\\n -webkit-transition: all 0.2s;\\n}\\n\\n\\n\\nvideo {\\n position: absolute;\\n top: 36%;\\n left: 50%;\\n min-width: 100%;\\n min-height: 100%;\\n width: auto;\\n height: auto;\\n z-index: 0;\\n -webkit-transform: translateX(-50%) translateY(-50%);\\n transform: translateX(-50%) translateY(-50%);\\n}\\n\\n\\n\\n.card-container{\\n overflow-y: auto;\\n max-height: 540px ;\\n}\\n\\n\\n\\n.billing-container{\\n overflow-y: auto;\\n max-height: 540px ;\\n}\\n\\n \\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvY29tcG9uZW50cy9wcm9maWxlL3Byb2ZpbGUuY29tcG9uZW50LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQ0E7SUFDSTtRQUNJLGlCQUFpQjtRQUNqQixvQkFBb0I7SUFDeEI7O0FBRUo7Ozs7QUFJQTtJQUNJLHNCQUFzQjtJQUN0QixpQkFBaUI7QUFDckI7Ozs7QUFFQTtJQUNJLGdCQUFnQjtJQUNoQixtQkFBbUI7SUFDbkIsa0JBQWtCO0FBQ3RCOzs7O0FBRUE7SUFDSSxZQUFZO0lBQ1osYUFBYTtJQUNiLHlCQUF5QjtJQUN6Qix5QkFBeUI7SUFDekIsY0FBYztJQUNkLGtCQUFrQjtJQUNsQixnQkFBZ0I7SUFDaEIsZ0JBQWdCO0lBQ2hCLG9CQUFvQjtJQUNwQiw0QkFBNEI7QUFDaEM7Ozs7QUFHQTtJQUNJLGtCQUFrQjtJQUNsQixRQUFRO0lBQ1IsU0FBUztJQUNULGVBQWU7SUFDZixnQkFBZ0I7SUFDaEIsV0FBVztJQUNYLFlBQVk7SUFDWixVQUFVO0lBR1Ysb0RBQW9EO0lBQ3BELDRDQUE0QztBQUNoRDs7OztBQUVBO0lBQ0ksZ0JBQWdCO0lBQ2hCLGtCQUFrQjtBQUN0Qjs7OztBQUdBO0lBQ0ksZ0JBQWdCO0lBQ2hCLGtCQUFrQjtBQUN0QiIsImZpbGUiOiJzcmMvYXBwL2NvbXBvbmVudHMvcHJvZmlsZS9wcm9maWxlLmNvbXBvbmVudC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyJcbkBtZWRpYSBhbGwgYW5kIChtaW4td2lkdGg6IDk5M3B4KSB7XG4gICAgLnByb2ZpbGUtY29udGFpbmVye1xuICAgICAgICBwYWRkaW5nLXRvcDogNzBweDtcbiAgICAgICAgcGFkZGluZy1ib3R0b206IDcwcHg7XG4gICAgfVxuXG59XG5cblxuXG4ubG9hZGVye1xuICAgIHdpZHRoOiAzMHB4ICFpbXBvcnRhbnQ7XG4gICAgbWFyZ2luLXRvcDogLTEwcHg7XG59XG5cbi5wbGFuLWNvbnRyb2xlcntcbiAgICBtYXJnaW4tdG9wOiBhdXRvO1xuICAgIG1hcmdpbi1ib3R0b206IGF1dG87XG4gICAgbWFyZ2luLXJpZ2h0OiAxMHB4O1xufVxuXG4ucG9wdXBQaWN0dXJle1xuICAgIHdpZHRoOiAyMDBweDtcbiAgICBoZWlnaHQ6IDIwMHB4O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICM5OTk5OTk7XG4gICAgYm9yZGVyOiA0cHggc29saWQgI0NDQ0NDQztcbiAgICBjb2xvcjogI0ZGRkZGRjtcbiAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgbWFyZ2luOiA1cHggYXV0bztcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIHRyYW5zaXRpb246IGFsbCAwLjJzO1xuICAgIC13ZWJraXQtdHJhbnNpdGlvbjogYWxsIDAuMnM7XG59XG5cblxudmlkZW8ge1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IDM2JTtcbiAgICBsZWZ0OiA1MCU7XG4gICAgbWluLXdpZHRoOiAxMDAlO1xuICAgIG1pbi1oZWlnaHQ6IDEwMCU7XG4gICAgd2lkdGg6IGF1dG87XG4gICAgaGVpZ2h0OiBhdXRvO1xuICAgIHotaW5kZXg6IDA7XG4gICAgLW1zLXRyYW5zZm9ybTogdHJhbnNsYXRlWCgtNTAlKSB0cmFuc2xhdGVZKC01MCUpO1xuICAgIC1tb3otdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC01MCUpIHRyYW5zbGF0ZVkoLTUwJSk7XG4gICAgLXdlYmtpdC10cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTUwJSkgdHJhbnNsYXRlWSgtNTAlKTtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTUwJSkgdHJhbnNsYXRlWSgtNTAlKTtcbn1cblxuLmNhcmQtY29udGFpbmVye1xuICAgIG92ZXJmbG93LXk6IGF1dG87XG4gICAgbWF4LWhlaWdodDogNTQwcHggO1xufVxuXG5cbi5iaWxsaW5nLWNvbnRhaW5lcntcbiAgICBvdmVyZmxvdy15OiBhdXRvO1xuICAgIG1heC1oZWlnaHQ6IDU0MHB4IDtcbn1cblxuICJdfQ== */\"","// IMPORTANT: this is a plugin which requires jQuery for initialisation and data manipulation\nimport { NgbModal, ModalDismissReasons } from '@ng-bootstrap/ng-bootstrap';\nimport { Component, OnInit, OnChanges, AfterViewInit, SimpleChanges, ViewChild} from '@angular/core';\nimport {FormControl, FormGroupDirective, NgForm, Validators, FormGroup} from '@angular/forms';\nimport {ErrorStateMatcher} from '@angular/material/core';\nimport { FormBuilder } from '@angular/forms';\nimport { Developer } from 'src/app/models/developer';\nimport { UploadService } from 'src/app/services/upload.service';\nimport { AuthenticationService } from 'src/app/services/authentication.service';\nimport { AccountService } from 'src/app/services/account.service';\nimport { PaymentService } from 'src/app/services/payment.service';\nimport swal from 'sweetalert2';\nimport { ActivatedRoute, Router } from '@angular/router'; \nimport { DatePipe } from '@angular/common';\nimport { NotificationService } from 'src/app/services/notification.service';\n\ndeclare const $: any;\ndeclare const braintree: any; \n\ninterface FileReaderEventTarget extends EventTarget {\n result: string;\n}\n\ninterface FileReaderEvent extends Event {\n target: EventTarget;\n getMessage(): string;\n}\n\nexport class MyErrorStateMatcher implements ErrorStateMatcher {\n isErrorState(control: FormControl | null, form: FormGroupDirective | NgForm | null): boolean {\n const isSubmitted = form && form.submitted;\n return !!(control && control.invalid && (control.dirty || control.touched || isSubmitted));\n }\n}\n\n@Component({\n selector: 'app-profile',\n templateUrl: 'profile.component.html',\n styleUrls: ['profile.component.css']\n})\n\nexport class ProfileComponent implements OnInit, OnChanges, AfterViewInit {\n \n @ViewChild('billing', {static: false}) billingModal: any; \n \n matcher = new MyErrorStateMatcher();\n currentUser:any = {};\n currentTap:number = 1; \n profileForm : FormGroup; \n uploadAvatar:any = {\n progress : false,\n file:null \n };\n\n formAddressClass:string = \"need-validation\";\n address:any = {\n countryCodeAlpha2:\"US\"\n };\n addressFormInfo:string;\n addingAddress:boolean = false;\n twoFactorAuth:any = {}; \n twoFactorText:string = 'Scan the QR code or enter the secret key in Google Authenticator';\n twoFactorStep:number = 1;\n\n countryList: any = [\n { \"name\": \"United States\", \"code\": \"US\" },\n { \"name\": \"Afghanistan\", \"code\": \"AF\" },\n { \"name\": \"Åland Islands\", \"code\": \"AX\" },\n { \"name\": \"Albania\", \"code\": \"AL\" },\n { \"name\": \"Algeria\", \"code\": \"DZ\" },\n { \"name\": \"American Samoa\", \"code\": \"AS\" },\n { \"name\": \"Andorra\", \"code\": \"AD\" },\n { \"name\": \"Angola\", \"code\": \"AO\" },\n { \"name\": \"Anguilla\", \"code\": \"AI\" },\n { \"name\": \"Antarctica\", \"code\": \"AQ\" },\n { \"name\": \"Antigua and Barbuda\", \"code\": \"AG\" },\n { \"name\": \"Argentina\", \"code\": \"AR\" },\n { \"name\": \"Armenia\", \"code\": \"AM\" },\n { \"name\": \"Aruba\", \"code\": \"AW\" },\n { \"name\": \"Australia\", \"code\": \"AU\" },\n { \"name\": \"Austria\", \"code\": \"AT\" },\n { \"name\": \"Azerbaijan\", \"code\": \"AZ\" },\n { \"name\": \"Bahamas\", \"code\": \"BS\" },\n { \"name\": \"Bahrain\", \"code\": \"BH\" },\n { \"name\": \"Bangladesh\", \"code\": \"BD\" },\n { \"name\": \"Barbados\", \"code\": \"BB\" },\n { \"name\": \"Belarus\", \"code\": \"BY\" },\n { \"name\": \"Belgium\", \"code\": \"BE\" },\n { \"name\": \"Belize\", \"code\": \"BZ\" },\n { \"name\": \"Benin\", \"code\": \"BJ\" },\n { \"name\": \"Bermuda\", \"code\": \"BM\" },\n { \"name\": \"Bhutan\", \"code\": \"BT\" },\n { \"name\": \"Bolivia\", \"code\": \"BO\" },\n { \"name\": \"Bosnia and Herzegovina\", \"code\": \"BA\" },\n { \"name\": \"Botswana\", \"code\": \"BW\" },\n { \"name\": \"Bouvet Island\", \"code\": \"BV\" },\n { \"name\": \"Brazil\", \"code\": \"BR\" },\n { \"name\": \"British Indian Ocean Territory\", \"code\": \"IO\" },\n { \"name\": \"Brunei Darussalam\", \"code\": \"BN\" },\n { \"name\": \"Bulgaria\", \"code\": \"BG\" },\n { \"name\": \"Burkina Faso\", \"code\": \"BF\" },\n { \"name\": \"Burundi\", \"code\": \"BI\" },\n { \"name\": \"Cambodia\", \"code\": \"KH\" },\n { \"name\": \"Cameroon\", \"code\": \"CM\" },\n { \"name\": \"Canada\", \"code\": \"CA\" },\n { \"name\": \"Cape Verde\", \"code\": \"CV\" },\n { \"name\": \"Cayman Islands\", \"code\": \"KY\" },\n { \"name\": \"Central African Republic\", \"code\": \"CF\" },\n { \"name\": \"Chad\", \"code\": \"TD\" },\n { \"name\": \"Chile\", \"code\": \"CL\" },\n { \"name\": \"China\", \"code\": \"CN\" },\n { \"name\": \"Christmas Island\", \"code\": \"CX\" },\n { \"name\": \"Cocos (Keeling) Islands\", \"code\": \"CC\" },\n { \"name\": \"Colombia\", \"code\": \"CO\" },\n { \"name\": \"Comoros\", \"code\": \"KM\" },\n { \"name\": \"Congo\", \"code\": \"CG\" },\n { \"name\": \"Congo, The Democratic Republic of the\", \"code\": \"CD\" },\n { \"name\": \"Cook Islands\", \"code\": \"CK\" },\n { \"name\": \"Costa Rica\", \"code\": \"CR\" },\n { \"name\": \"Cote D'Ivoire\", \"code\": \"CI\" },\n { \"name\": \"Croatia\", \"code\": \"HR\" },\n { \"name\": \"Cuba\", \"code\": \"CU\" },\n { \"name\": \"Cyprus\", \"code\": \"CY\" },\n { \"name\": \"Czech Republic\", \"code\": \"CZ\" },\n { \"name\": \"Denmark\", \"code\": \"DK\" },\n { \"name\": \"Djibouti\", \"code\": \"DJ\" },\n { \"name\": \"Dominica\", \"code\": \"DM\" },\n { \"name\": \"Dominican Republic\", \"code\": \"DO\" },\n { \"name\": \"Ecuador\", \"code\": \"EC\" },\n { \"name\": \"Egypt\", \"code\": \"EG\" },\n { \"name\": \"El Salvador\", \"code\": \"SV\" },\n { \"name\": \"Equatorial Guinea\", \"code\": \"GQ\" },\n { \"name\": \"Eritrea\", \"code\": \"ER\" },\n { \"name\": \"Estonia\", \"code\": \"EE\" },\n { \"name\": \"Ethiopia\", \"code\": \"ET\" },\n { \"name\": \"Falkland Islands (Malvinas)\", \"code\": \"FK\" },\n { \"name\": \"Faroe Islands\", \"code\": \"FO\" },\n { \"name\": \"Fiji\", \"code\": \"FJ\" },\n { \"name\": \"Finland\", \"code\": \"FI\" },\n { \"name\": \"France\", \"code\": \"FR\" },\n { \"name\": \"French Guiana\", \"code\": \"GF\" },\n { \"name\": \"French Polynesia\", \"code\": \"PF\" },\n { \"name\": \"French Southern Territories\", \"code\": \"TF\" },\n { \"name\": \"Gabon\", \"code\": \"GA\" },\n { \"name\": \"Gambia\", \"code\": \"GM\" },\n { \"name\": \"Georgia\", \"code\": \"GE\" },\n { \"name\": \"Germany\", \"code\": \"DE\" },\n { \"name\": \"Ghana\", \"code\": \"GH\" },\n { \"name\": \"Gibraltar\", \"code\": \"GI\" },\n { \"name\": \"Greece\", \"code\": \"GR\" },\n { \"name\": \"Greenland\", \"code\": \"GL\" },\n { \"name\": \"Grenada\", \"code\": \"GD\" },\n { \"name\": \"Guadeloupe\", \"code\": \"GP\" },\n { \"name\": \"Guam\", \"code\": \"GU\" },\n { \"name\": \"Guatemala\", \"code\": \"GT\" },\n { \"name\": \"Guernsey\", \"code\": \"GG\" },\n { \"name\": \"Guinea\", \"code\": \"GN\" },\n { \"name\": \"Guinea-Bissau\", \"code\": \"GW\" },\n { \"name\": \"Guyana\", \"code\": \"GY\" },\n { \"name\": \"Haiti\", \"code\": \"HT\" },\n { \"name\": \"Heard Island and Mcdonald Islands\", \"code\": \"HM\" },\n { \"name\": \"Holy See (Vatican City State)\", \"code\": \"VA\" },\n { \"name\": \"Honduras\", \"code\": \"HN\" },\n { \"name\": \"Hong Kong\", \"code\": \"HK\" },\n { \"name\": \"Hungary\", \"code\": \"HU\" },\n { \"name\": \"Iceland\", \"code\": \"IS\" },\n { \"name\": \"India\", \"code\": \"IN\" },\n { \"name\": \"Indonesia\", \"code\": \"ID\" },\n { \"name\": \"Iran, Islamic Republic Of\", \"code\": \"IR\" },\n { \"name\": \"Iraq\", \"code\": \"IQ\" },\n { \"name\": \"Ireland\", \"code\": \"IE\" },\n { \"name\": \"Isle of Man\", \"code\": \"IM\" },\n { \"name\": \"Israel\", \"code\": \"IL\" },\n { \"name\": \"Italy\", \"code\": \"IT\" },\n { \"name\": \"Jamaica\", \"code\": \"JM\" },\n { \"name\": \"Japan\", \"code\": \"JP\" },\n { \"name\": \"Jersey\", \"code\": \"JE\" },\n { \"name\": \"Jordan\", \"code\": \"JO\" },\n { \"name\": \"Kazakhstan\", \"code\": \"KZ\" },\n { \"name\": \"Kenya\", \"code\": \"KE\" },\n { \"name\": \"Kiribati\", \"code\": \"KI\" },\n { \"name\": \"Democratic People's Republic of Korea\", \"code\": \"KP\" },\n { \"name\": \"Korea, Republic of\", \"code\": \"KR\" },\n { \"name\": \"Kosovo\", \"code\": \"XK\" },\n { \"name\": \"Kuwait\", \"code\": \"KW\" },\n { \"name\": \"Kyrgyzstan\", \"code\": \"KG\" },\n { \"name\": \"Lao People's Democratic Republic\", \"code\": \"LA\" },\n { \"name\": \"Latvia\", \"code\": \"LV\" },\n { \"name\": \"Lebanon\", \"code\": \"LB\" },\n { \"name\": \"Lesotho\", \"code\": \"LS\" },\n { \"name\": \"Liberia\", \"code\": \"LR\" },\n { \"name\": \"Libyan Arab Jamahiriya\", \"code\": \"LY\" },\n { \"name\": \"Liechtenstein\", \"code\": \"LI\" },\n { \"name\": \"Lithuania\", \"code\": \"LT\" },\n { \"name\": \"Luxembourg\", \"code\": \"LU\" },\n { \"name\": \"Macao\", \"code\": \"MO\" },\n { \"name\": \"Macedonia, The Former Yugoslav Republic of\", \"code\": \"MK\" },\n { \"name\": \"Madagascar\", \"code\": \"MG\" },\n { \"name\": \"Malawi\", \"code\": \"MW\" },\n { \"name\": \"Malaysia\", \"code\": \"MY\" },\n { \"name\": \"Maldives\", \"code\": \"MV\" },\n { \"name\": \"Mali\", \"code\": \"ML\" },\n { \"name\": \"Malta\", \"code\": \"MT\" },\n { \"name\": \"Marshall Islands\", \"code\": \"MH\" },\n { \"name\": \"Martinique\", \"code\": \"MQ\" },\n { \"name\": \"Mauritania\", \"code\": \"MR\" },\n { \"name\": \"Mauritius\", \"code\": \"MU\" },\n { \"name\": \"Mayotte\", \"code\": \"YT\" },\n { \"name\": \"Mexico\", \"code\": \"MX\" },\n { \"name\": \"Micronesia, Federated States of\", \"code\": \"FM\" },\n { \"name\": \"Moldova, Republic of\", \"code\": \"MD\" },\n { \"name\": \"Monaco\", \"code\": \"MC\" },\n { \"name\": \"Mongolia\", \"code\": \"MN\" },\n { \"name\": \"Montenegro\", \"code\": \"ME\" },\n { \"name\": \"Montserrat\", \"code\": \"MS\" },\n { \"name\": \"Morocco\", \"code\": \"MA\" },\n { \"name\": \"Mozambique\", \"code\": \"MZ\" },\n { \"name\": \"Myanmar\", \"code\": \"MM\" },\n { \"name\": \"Namibia\", \"code\": \"NA\" },\n { \"name\": \"Nauru\", \"code\": \"NR\" },\n { \"name\": \"Nepal\", \"code\": \"NP\" },\n { \"name\": \"Netherlands\", \"code\": \"NL\" },\n { \"name\": \"Netherlands Antilles\", \"code\": \"AN\" },\n { \"name\": \"New Caledonia\", \"code\": \"NC\" },\n { \"name\": \"New Zealand\", \"code\": \"NZ\" },\n { \"name\": \"Nicaragua\", \"code\": \"NI\" },\n { \"name\": \"Niger\", \"code\": \"NE\" },\n { \"name\": \"Nigeria\", \"code\": \"NG\" },\n { \"name\": \"Niue\", \"code\": \"NU\" },\n { \"name\": \"Norfolk Island\", \"code\": \"NF\" },\n { \"name\": \"Northern Mariana Islands\", \"code\": \"MP\" },\n { \"name\": \"Norway\", \"code\": \"NO\" },\n { \"name\": \"Oman\", \"code\": \"OM\" },\n { \"name\": \"Pakistan\", \"code\": \"PK\" },\n { \"name\": \"Palau\", \"code\": \"PW\" },\n { \"name\": \"Palestinian Territory, Occupied\", \"code\": \"PS\" },\n { \"name\": \"Panama\", \"code\": \"PA\" },\n { \"name\": \"Papua New Guinea\", \"code\": \"PG\" },\n { \"name\": \"Paraguay\", \"code\": \"PY\" },\n { \"name\": \"Peru\", \"code\": \"PE\" },\n { \"name\": \"Philippines\", \"code\": \"PH\" },\n { \"name\": \"Pitcairn\", \"code\": \"PN\" },\n { \"name\": \"Poland\", \"code\": \"PL\" },\n { \"name\": \"Portugal\", \"code\": \"PT\" },\n { \"name\": \"Puerto Rico\", \"code\": \"PR\" },\n { \"name\": \"Qatar\", \"code\": \"QA\" },\n { \"name\": \"Reunion\", \"code\": \"RE\" },\n { \"name\": \"Romania\", \"code\": \"RO\" },\n { \"name\": \"Russian Federation\", \"code\": \"RU\" },\n { \"name\": \"Rwanda\", \"code\": \"RW\" },\n { \"name\": \"Saint Helena\", \"code\": \"SH\" },\n { \"name\": \"Saint Kitts and Nevis\", \"code\": \"KN\" },\n { \"name\": \"Saint Lucia\", \"code\": \"LC\" },\n { \"name\": \"Saint Pierre and Miquelon\", \"code\": \"PM\" },\n { \"name\": \"Saint Vincent and the Grenadines\", \"code\": \"VC\" },\n { \"name\": \"Samoa\", \"code\": \"WS\" },\n { \"name\": \"San Marino\", \"code\": \"SM\" },\n { \"name\": \"Sao Tome and Principe\", \"code\": \"ST\" },\n { \"name\": \"Saudi Arabia\", \"code\": \"SA\" },\n { \"name\": \"Senegal\", \"code\": \"SN\" },\n { \"name\": \"Serbia\", \"code\": \"RS\" },\n { \"name\": \"Seychelles\", \"code\": \"SC\" },\n { \"name\": \"Sierra Leone\", \"code\": \"SL\" },\n { \"name\": \"Singapore\", \"code\": \"SG\" },\n { \"name\": \"Slovakia\", \"code\": \"SK\" },\n { \"name\": \"Slovenia\", \"code\": \"SI\" },\n { \"name\": \"Solomon Islands\", \"code\": \"SB\" },\n { \"name\": \"Somalia\", \"code\": \"SO\" },\n { \"name\": \"South Africa\", \"code\": \"ZA\" },\n { \"name\": \"South Georgia and the South Sandwich Islands\", \"code\": \"GS\" },\n { \"name\": \"Spain\", \"code\": \"ES\" },\n { \"name\": \"Sri Lanka\", \"code\": \"LK\" },\n { \"name\": \"Sudan\", \"code\": \"SD\" },\n { \"name\": \"Suriname\", \"code\": \"SR\" },\n { \"name\": \"Svalbard and Jan Mayen\", \"code\": \"SJ\" },\n { \"name\": \"Swaziland\", \"code\": \"SZ\" },\n { \"name\": \"Sweden\", \"code\": \"SE\" },\n { \"name\": \"Switzerland\", \"code\": \"CH\" },\n { \"name\": \"Syrian Arab Republic\", \"code\": \"SY\" },\n { \"name\": \"Taiwan\", \"code\": \"TW\" },\n { \"name\": \"Tajikistan\", \"code\": \"TJ\" },\n { \"name\": \"Tanzania, United Republic of\", \"code\": \"TZ\" },\n { \"name\": \"Thailand\", \"code\": \"TH\" },\n { \"name\": \"Timor-Leste\", \"code\": \"TL\" },\n { \"name\": \"Togo\", \"code\": \"TG\" },\n { \"name\": \"Tokelau\", \"code\": \"TK\" },\n { \"name\": \"Tonga\", \"code\": \"TO\" },\n { \"name\": \"Trinidad and Tobago\", \"code\": \"TT\" },\n { \"name\": \"Tunisia\", \"code\": \"TN\" },\n { \"name\": \"Turkey\", \"code\": \"TR\" },\n { \"name\": \"Turkmenistan\", \"code\": \"TM\" },\n { \"name\": \"Turks and Caicos Islands\", \"code\": \"TC\" },\n { \"name\": \"Tuvalu\", \"code\": \"TV\" },\n { \"name\": \"Uganda\", \"code\": \"UG\" },\n { \"name\": \"Ukraine\", \"code\": \"UA\" },\n { \"name\": \"United Arab Emirates\", \"code\": \"AE\" },\n { \"name\": \"United Kingdom\", \"code\": \"GB\" },\n { \"name\": \"United States\", \"code\": \"US\" },\n { \"name\": \"United States Minor Outlying Islands\", \"code\": \"UM\" },\n { \"name\": \"Uruguay\", \"code\": \"UY\" },\n { \"name\": \"Uzbekistan\", \"code\": \"UZ\" },\n { \"name\": \"Vanuatu\", \"code\": \"VU\" },\n { \"name\": \"Venezuela\", \"code\": \"VE\" },\n { \"name\": \"Viet Nam\", \"code\": \"VN\" },\n { \"name\": \"Virgin Islands, British\", \"code\": \"VG\" },\n { \"name\": \"Virgin Islands, U.S.\", \"code\": \"VI\" },\n { \"name\": \"Wallis and Futuna\", \"code\": \"WF\" },\n { \"name\": \"Western Sahara\", \"code\": \"EH\" },\n { \"name\": \"Yemen\", \"code\": \"YE\" },\n { \"name\": \"Zambia\", \"code\": \"ZM\" },\n { \"name\": \"Zimbabwe\", \"code\": \"ZW\" }\n ];\n clickedCard:boolean = false;\n customer:any;\n paymentMethods = [];\n loading_payment:boolean = false;\n loading_autorenew:boolean = false;\n loading_service:boolean = false;\n billingOption:String = \"\";\n billingTitle:String = \"Billing Address\"\n subscriptionResult:any;\n subscription:any;\n subscriptions:any = [];\n currentPlan: any;\n subscriptionPlans:any = [];\n braintreeInstance:any;\n paymentInfo:String = \"\"; \n payTextBtn: String = \"Cancel\";\n billingList = [];\n billingHistory:any;\n formChangePassword = \"need-validation\";\n profileOption:any;\n couonCode:String = \"\";\n\n constructor(\n private formBuilder: FormBuilder, \n private uploadService:UploadService, \n private authService:AuthenticationService, \n private accountService:AccountService,\n private notiSerivce:NotificationService, \n private paymentService: PaymentService,\n private route: ActivatedRoute,\n private router: Router,\n private datePipe: DatePipe,\n private modalService: NgbModal) {\n\n let cache = localStorage.getItem('currentUser');\n this.currentUser = JSON.parse(cache) as Developer;\n if(this.currentUser.avatar) this.currentUser.avatarUrl = this.currentUser.avatar.urlSmall;\n this.authService.user$.subscribe(user => {\n this.currentUser = user;\n if(this.currentUser && this.currentUser.avatar){\n this.currentUser.avatarUrl = this.currentUser.avatar.urlSmall;\n } \n });\n\n \n this.profileOption = this.route.snapshot.paramMap; \n \n if(this.profileOption.get('option') == 'upgrade'){ \n let url: string = this.router.url.substring(0, this.router.url.indexOf(\";\"));\n this.router.navigateByUrl(url);\n }\n }\n\n isFieldValid(form: FormGroup, field: string) {\n return !form.get(field).valid && form.get(field).touched;\n }\n\n displayFieldCss(form: FormGroup, field: string) {\n return {\n 'has-error': this.isFieldValid(form, field),\n 'has-feedback': this.isFieldValid(form, field)\n };\n }\n ngOnInit() {\n this.subscription = null;\n let that = this;\n const elemMainPanel = document.querySelector('.main-container');\n\n this.profileForm = this.formBuilder.group({\n // To add a validator, we must first convert the string value into an array. The first item in the array is the default value if any, then the next item in the array is the validator. Here we are adding a required validator meaning that the fullName attribute must have a value in it.\n company: [null, Validators.required],\n firstName: [null, Validators.required],\n lastName: [null, Validators.required],\n email: [null, [Validators.required, Validators.pattern(\"^[a-z0-9._%+-]+@[a-z0-9.-]+\\.[a-z]{2,4}$\")]],\n });\n\n this.profileForm.setValue({firstName: this.currentUser.firstName || '', lastName: this.currentUser.lastName || '',company:this.currentUser.company || '', email: this.currentUser.email});\n \n \n $('.card-wizard form').validate({\n rules: {\n firstName: {\n required: true,\n minlength: 3\n },\n lastName: {\n required: true,\n minlength: 3\n },\n company: {\n required: true,\n minlength: 3\n } \n },\n\n highlight: function(element) {\n $(element).closest('.form-group').removeClass('has-success').addClass('has-danger');\n },\n success: function(element) {\n $(element).closest('.form-group').removeClass('has-danger').addClass('has-success');\n },\n errorPlacement : function(error, element) {\n $(element).append(error);\n }\n });\n\n // Wizard Initialization\n $('.card-wizard').bootstrapWizard({\n 'tabClass': 'nav nav-pills', \n onInit: function(tab: any, navigation: any, index: any){ \n\n // check number of tabs and fill the entire row\n let $total = navigation.find('li').length;\n let $wizard = navigation.closest('.card-wizard');\n \n let $first_li = navigation.find('li:first-child a').html();\n let $moving_div = $('' + $first_li + '
');\n $('.card-wizard .wizard-navigation').append($moving_div);\n\n $total = $wizard.find('.nav li').length;\n let $li_width = 100/$total;\n\n let total_steps = $wizard.find('.nav li').length;\n let move_distance = $wizard.width() / total_steps;\n let index_temp = index;\n let vertical_level = 0;\n\n let mobile_device = $(document).width() < 600 && $total > 3;\n\n if(mobile_device){\n move_distance = $wizard.width() / 2;\n index_temp = index % 2;\n $li_width = 50;\n }\n\n $wizard.find('.nav li').css('width',$li_width + '%');\n\n let step_width = move_distance;\n move_distance = move_distance * index_temp;\n\n let $current = index + 1;\n\n if($current == 1 || (mobile_device == true && (index % 2 == 0) )){\n move_distance -= 8;\n } else if($current == total_steps || (mobile_device == true && (index % 2 == 1))){\n move_distance += 8;\n }\n\n if(mobile_device){\n let x: any = index / 2;\n vertical_level = parseInt(x);\n vertical_level = vertical_level * 38;\n }\n\n $wizard.find('.moving-tab').css('width', step_width);\n $('.moving-tab').css({\n 'transform':'translate3d(' + move_distance + 'px, ' + vertical_level + 'px, 0)',\n 'transition': 'all 0.5s cubic-bezier(0.29, 1.42, 0.79, 1)'\n\n });\n $('.moving-tab').css('transition','transform 0s');\n },\n\n onTabClick : function(tab: any, navigation: any, index: any){ \n return true;\n \n },\n\n onTabShow: function(tab: any, navigation: any, index: any) {\n let $total = navigation.find('li').length;\n let $current = index + 1; \n \n elemMainPanel.scrollTop = 0;\n const $wizard = navigation.closest('.card-wizard'); \n const button_text = navigation.find('li:nth-child(' + $current + ') a').html(); \n\n setTimeout(function(){\n $('.moving-tab').text(button_text);\n }, 150);\n\n const checkbox = $('.footer-checkbox');\n\n if ( index !== 0 ) {\n $(checkbox).css({\n 'opacity':'0',\n 'visibility':'hidden',\n 'position':'absolute'\n });\n } else {\n $(checkbox).css({\n 'opacity':'1',\n 'visibility':'visible'\n });\n }\n $total = $wizard.find('.nav li').length;\n let $li_width = 100/$total;\n\n let total_steps = $wizard.find('.nav li').length;\n let move_distance = $wizard.width() / total_steps;\n let index_temp = index;\n let vertical_level = 0;\n\n let mobile_device = $(document).width() < 600 && $total > 3;\n\n if(mobile_device){\n move_distance = $wizard.width() / 2;\n index_temp = index % 2;\n $li_width = 50;\n }\n\n $wizard.find('.nav li').css('width',$li_width + '%');\n\n let step_width = move_distance;\n move_distance = move_distance * index_temp;\n\n $current = index + 1;\n\n if($current == 1 || (mobile_device == true && (index % 2 == 0) )){\n move_distance -= 8;\n } else if($current == total_steps || (mobile_device == true && (index % 2 == 1))){\n move_distance += 8;\n }\n\n if(mobile_device){\n let x: any = index / 2;\n vertical_level = parseInt(x);\n vertical_level = vertical_level * 38;\n }\n\n $wizard.find('.moving-tab').css('width', step_width);\n $('.moving-tab').css({\n 'transform':'translate3d(' + move_distance + 'px, ' + vertical_level + 'px, 0)',\n 'transition': 'all 0.5s cubic-bezier(0.29, 1.42, 0.79, 1)'\n }); \n }\n });\n\n\n // Prepare the preview for profile picture\n $('#wizard-picture').change(function(){\n const input = $(this);\n\n if (input[0].files && input[0].files[0]) {\n const reader = new FileReader();\n\n reader.onload = function (e: any) {\n $('#wizardPicturePreview').attr('src', e.target.result).fadeIn('slow');\n };\n reader.readAsDataURL(input[0].files[0]);\n \n that.uploadAvatar.file = input[0].files[0];\n \n } \n }); \n \n $('.set-full-height').css('height', 'auto');\n \n this.paymentService.getPlans().then(items => { \n \n let plans = items as any;\n this.subscriptionPlans = plans; \n\n if(this.profileOption.get('plan') == 'developer-program' || this.profileOption.get('option') == 'upgrade'){\n this.clickAccountIcon(this.billingModal, 'subscription');\n } \n\n });\n\n this.subscription = {};\n this.customer = {};\n\n this.loading_payment = true;\n this.paymentService.getSubscriptions().then(data => {\n let item = data as any;\n \n that.loading_payment = false;\n \n for (let index = 0; index < item.plans.length; index++) {\n let plan = item.plans[index];\n if(plan.nextBillingDate) plan.nextBillingDate = this.datePipe.transform(new Date(plan.nextBillingDate), 'MMMM d, y');\n that.subscriptions.push(plan);\n }\n that.customer = item.customer; \n\n \n \n }).catch( err => {\n that.loading_payment = false;\n }); \n \n }\n\n ngOnChanges(changes: SimpleChanges) {\n const input = $(this);\n\n if (input[0].files && input[0].files[0]) {\n const reader: any = new FileReader();\n\n reader.onload = function (e: any) {\n $('#wizardPicturePreview').attr('src', e.target.result).fadeIn('slow');\n };\n reader.readAsDataURL(input[0].files[0]);\n }\n }\n\n \n ngAfterViewInit() {\n\n \n let that = this;\n $( window ).resize( () => { $('.card-wizard').each(function(){\n setTimeout(() => {\n const $wizard = $(this);\n let index = $wizard.bootstrapWizard('currentIndex'); \n\n let $total = $wizard.find('.nav li').length;\n let $li_width = 100/$total;\n\n let total_steps = $wizard.find('.nav li').length;\n let move_distance = $wizard.width() / total_steps;\n let index_temp = index;\n let vertical_level = 0;\n\n let mobile_device = $(document).width() < 600 && $total > 3;\n if(mobile_device){\n move_distance = $wizard.width() / 2;\n index_temp = index % 2;\n $li_width = 50;\n }\n\n $wizard.find('.nav li').css('width',$li_width + '%');\n\n let step_width = move_distance;\n move_distance = move_distance * index_temp;\n\n let $current = index + 1;\n\n if($current == 1 || (mobile_device == true && (index % 2 == 0) )){\n move_distance -= 8;\n } else if($current == total_steps || (mobile_device == true && (index % 2 == 1))){\n move_distance += 8;\n }\n\n if(mobile_device){\n let x: any = index / 2;\n vertical_level = parseInt(x);\n vertical_level = vertical_level * 38;\n }\n\n $wizard.find('.moving-tab').css('width', step_width);\n $('.moving-tab').css({\n 'transform':'translate3d(' + move_distance + 'px, ' + vertical_level + 'px, 0)',\n 'transition': 'all 0.5s cubic-bezier(0.29, 1.42, 0.79, 1)'\n });\n\n $('.moving-tab').css({\n 'transition': 'transform 0s'\n });\n },500)\n\n });});\n\n }\n\n clickUpdateProfile(){ \n\n if(this.uploadAvatar.progress) return;\n\n if(this.uploadAvatar.file){\n this.uploadAvatar.progress = true;\n this.uploadService.upload(this.uploadAvatar.file).then(res=> {\n this.uploadAvatar.progress = false;\n this.uploadAvatar.file = null;\n let image = res as any\n swal({\n title: \"Your uploaded picture\",\n imageUrl: image.urlSmall, \n imageClass:'img-responsive rounded', \n animation: false,\n buttonsStyling: false,\n confirmButtonClass: \"btn btn-success\" \n })\n\n \n\n }).catch(err => {\n this.uploadAvatar.progress = false;\n });\n }\n\n let fistUpdated = false; \n if (!this.currentUser.firstName || !this.profileForm.value.lastName) fistUpdated = true\n\n if(this.profileForm.value.firstName != this.currentUser.firstName || this.profileForm.value.lastName != this.currentUser.lastName || this.profileForm.value.company != this.currentUser.company ){\n this.accountService.updateProfile(this.profileForm.value).then(res=> {\n swal({\n title: \"Success!\",\n text: fistUpdated ? \"Your profile is updated. Please go to Sandbox or Hosts\" : \"Your profile is updated.\",\n buttonsStyling: false,\n confirmButtonClass: \"btn btn-success\",\n type: \"success\"\n }).catch(swal.noop)\n })\n\n } \n }\n\n\n resetPaymentView(){\n this.billingTitle = \"\"; \n //this.currentPlan = null;\n this.loading_payment = false;\n }\n\n clickAccountIcon(content, type){\n \n if(this.currentUser.firstName == \"\" || this.currentUser.lastName == \"\"){\n\n swal({\n type: 'error',\n title: 'Whoop! Incomplete Profile.',\n text: \"Please complete your profile information before upgrade your account.\",\n confirmButtonClass: 'btn btn-warning',\n buttonsStyling: false\n }).catch(swal.noop) \n\n \n return;\n }\n\n\n this.resetPaymentView();\n\n this.billingOption = type; \n\n if(content){\n this.modalService.open(content, {backdrop: 'static', ariaLabelledBy: 'modal-basic-title'}).result.then((result) => {\n \n }, (reason) => {\n \n });\n }\n \n switch (type) {\n case 'address':\n this.billingTitle = \"Billing Address\"; \n this.address = this.customer.addresses[0] || { countryCodeAlpha2:'US' };\n if(this.customer.addresses.length == 1) this.billingTitle = \"Update Billing Address\"; \n \n break;\n \n case 'card':\n this.clickedCard = true;\n this.billingTitle = \"Payment Method\";\n this.openPayment();\n break;\n case 'history':\n this.billingTitle = \"Billing History\";\n this.getBillHostory();\n break;\n case 'subscription':\n this.billingTitle = \"Select a subscription plan\"; \n break;\n } \n\n \n }\n\n\n addAddress(){ \n\n if(this.address.firstName && this.address.lastName && this.address.locality && this.address.region && this.address.postalCode && this.address.streetAddress && this.address.countryCodeAlpha2){\n \n this.addingAddress = true;\n this.paymentService.addAddress(this.address).then(res => {\n this.addingAddress = false;\n \n if(this.clickedCard || this.currentPlan) this.addNewPayment();\n else{\n let msg = `Your address has been added.`;\n if(this.customer.addresses[0]) msg = `Your address has been updated.`;\n\n swal({\n title: \"Success!\",\n text: msg,\n buttonsStyling: false,\n confirmButtonClass: \"btn btn-success\",\n type: \"success\"\n }).catch(swal.noop)\n }\n\n this.customer.addresses[0] = res;\n \n }).catch(err => {\n this.addingAddress = false;\n this.addressFormInfo = 'Whoop! Something went wrong.';\n });\n }\n else{\n this.formAddressClass = \"need-validation was-validated\";\n this.addressFormInfo = 'Please enter all required fields.';\n }\n }\n\n \n makeDefaultCard(item){\n let that = this;\n item.makingDefault = true;\n\n this.paymentService.makeDefault(item).then(res => {\n \n item.makingDefault = false;\n that.paymentMethods.forEach(card => {\n if(card.token == item.token) card.default = true;\n else card.default = false;\n \n });\n }, error => { \n item.makingDefault = false;\n //item.error = error;\n });\n }\n\n\n removeCard(item){\n let that = this;\n item.removing = true;\n this.paymentService.removeCard(item).then(res => {\n that.paymentMethods = that.paymentMethods.filter(card => card.token != item.token);\n \n that.customer.paymentMethods = that.paymentMethods;\n }, error => {\n item.removing = false;\n item.error = error;\n });\n }\n\n\n openPayment() {\n this.loading_payment = true;\n this.paymentInfo = \"\";\n \n this.paymentMethods = []; \n\n if(this.customer && this.customer.addresses && this.customer.addresses.length == 0){\n this.loading_payment = false;\n this.clickAccountIcon(null, 'address');\n } \n else if(!this.customer.paymentMethods || this.customer.paymentMethods.length == 0) this.addPayment('card');\n else{ \n this.paymentMethods = this.customer.paymentMethods; \n this.loading_payment = false;\n } \n \n \n }\n \n switchAutoRenewSubscription(value, item){\n item.autoRenew = value;\n item.loading_autorenew = true;\n this.paymentService.updateAutoRenewSubscription(item).then(res => {\n item.loading_autorenew = false;\n }).catch(err => {\n item.loading_autorenew = false;\n item.autoRenew = !value;\n swal({\n type: 'error',\n title: 'Whoop! Something went wrong.',\n text: err.error.message,\n confirmButtonClass: 'btn btn-warning',\n buttonsStyling: false\n }).catch(swal.noop) \n\n });\n\n }\n\n addPayment(option){\n \n let that = this;\n this.loading_payment = true;\n this.billingOption = option; \n this.billingTitle = \"Payment Method\"\n setTimeout(function() { // set timeout to wait for div dropin-container is fully created \n //let tokenizationKeys = \"sandbox_d5j3zcpf_f3gwz3xzcfy37xnz\";\n let environment = that.accountService.getEnvironment();\n braintree.dropin.create({\n vaultManager: true,\n authorization: environment.tokenizationKeys, // get from Braintree Control Panel > API > Generate New Tokenization Key\n container: '#dropin-container',\n card: { \n makeDefault:true,\n //verifyCard:true,\n cardholderName: {\n required: true\n } \n }\n }, function (createErr, instance) { \n console.log('dropin.create createErr ', createErr);\n that.loading_payment = false;\n if(instance){ \n that.braintreeInstance = instance;\n }\n else{\n that.modalService.dismissAll();\n that.paymentInfo = \"Whoop! something went wrong.\";\n }\n });\n }, 1000);\n }\n\n savePayment(){\n let that = this;\n\n if(!this.braintreeInstance) return;\n\n this.braintreeInstance.requestPaymentMethod(function (requestPaymentMethodErr, payload) {\n that.loading_payment = true; \n \n if(requestPaymentMethodErr){\n that.loading_payment = false;\n return;\n } \n\n that.braintreeInstance.teardown(function (teardownErr) { });\n\n that.paymentService.addPaymentMethod(payload).then(res => {\n that.loading_payment = false;\n \n let result = res as any;\n if(result.success){ \n that.paymentMethods = [result.paymentMethod];\n that.customer.paymentMethods = that.paymentMethods;\n that.billingOption = 'card';\n }\n\n if(that.currentPlan) that.subscribePlan(that.currentPlan); \n \n }).catch(err => {\n that.loading_payment = false;\n that.billingOption = 'card';\n that.addNewPayment();\n swal({\n type: 'error',\n title: 'Whoop! Something went wrong with your card.',\n text: err.error.message,\n confirmButtonClass: 'btn btn-warning',\n buttonsStyling: false\n }).catch(swal.noop) \n });\n });\n }\n\n subscribePlan(plan){\n this.loading_payment = true;\n\n if(!this.customer.paymentMethods) return;\n\n let that = this;\n let payToken = this.customer.paymentMethods[0].token; \n this.paymentService.subscribe({developerPlanId:plan.developerPlanId, token:payToken, coupon: this.couonCode}).then(res => {\n that.couonCode = \"\";\n that.loading_payment = false;\n that.currentPlan = null;\n that.currentUser.type = \"paid\";\n that.currentUser.status = \"active\";\n localStorage.setItem('currentUser', JSON.stringify(that.currentUser));\n \n\n this.subscription = res;\n \n swal({\n title: \"Success! Thank you for your subscription with Cosync.\",\n text: `You have successfuly subscribed ${that.subscription.plan.name}. Your subscription will renew at ${that.subscription.nextBillingDate}.`,\n buttonsStyling: false,\n confirmButtonClass: \"btn btn-success\",\n type: \"success\"\n }).catch(swal.noop) \n\n that.subscriptions = [];\n that.paymentService.getSubscriptions().then(data => {\n let item = data as any; \n for (let index = 0; index < item.plans.length; index++) {\n let plan = item.plans[index];\n if(plan.nextBillingDate) plan.nextBillingDate = that.datePipe.transform(new Date(plan.nextBillingDate), 'MMMM d, y');\n that.subscriptions.push(plan);\n }\n that.customer = item.customer; \n\n that.currentUser.subscriptions = that.subscriptions;\n localStorage.setItem('currentUser', JSON.stringify(that.currentUser));\n\n that.notiSerivce.success(`subscription is successed!`); \n\n let appId = that.profileOption.get('appId');\n if(appId) that.router.navigate([`/app/${appId}`]);\n\n }).catch(err => {\n swal({\n title: \"Refresh your account.\",\n text: `Please log out and login again to refresh your account status.`,\n buttonsStyling: false,\n confirmButtonClass: \"btn btn-success\",\n type: \"success\"\n }).catch(swal.noop) \n }); \n\n that.modalService.dismissAll();\n\n }).catch(err => { \n this.loading_payment = false; \n this.billingOption = 'subscriptionResult';\n this.subscriptionResult = {error:err.error};\n this.subscriptionResult.planName = plan.name;\n this.subscriptionResult.status = false;\n this.currentPlan = null;\n });\n }\n\n closeBillingModal(){\n this.modalService.dismissAll(); \n this.billingOption = ''; \n this.currentPlan = null;\n this.loading_payment = false; \n }\n\n addNewPayment(){ \n \n this.addPayment('addNewCard');\n this.clickedCard = false;\n }\n\n showPlans(){\n this.billingOption = \"subscription\";\n }\n\n repaySubcription(){ \n\n this.clickAccountIcon(this.billingModal, 'subscription');\n }\n\n\n getBillHostory(){\n this.billingList = [];\n this.billingHistory = [];\n this.loading_payment = true;\n this.paymentService.getBillingHistory().then(res => {\n this.loading_payment = false;\n this.billingHistory = res; \n\n for (let index = 0; index < this.billingHistory.length; index++) {\n const element = this.billingHistory[index];\n element.startDate = this.datePipe.transform(new Date(element.createdAt), 'MMM d, y');\n if(index < 4) this.billingList.push(element);\n }\n });\n\n }\n\n loadMoreHistory(){\n let count = 0;\n for (let index = this.billingList.length - 1; index < this.billingHistory.length; index++) {\n const element = this.billingHistory[index]; \n if(count < 4) this.billingList.push(element);\n count++;\n }\n }\n\n downloadReciept(item){\n if(item.downloading) return;\n this.paymentService.getBillingPDF(item).then(res => {\n item.downloading = false;\n }, err => {});\n item.downloading = true;\n }\n\n\n showCouponBox(plan:any){\n let that = this;\n swal({\n title: 'Enter coupon code if you have once.',\n input: 'text',\n showCloseButton: true, \n confirmButtonClass: 'btn btn-success', \n buttonsStyling: false,\n confirmButtonText: \"Next\"\n }).then(function(result) {\n \n if(result.value){\n that.accountService.getCoupon(result.value).then(res => {\n that.couonCode = result.value;\n that.selectPlan(plan) \n }).catch(err => {\n swal({\n title: 'Invalid Coupon',\n text: 'Please enter a valid coupon',\n type: 'error',\n confirmButtonClass: \"btn btn-info\",\n buttonsStyling: false\n }).catch(swal.noop) \n })\n }\n else that.selectPlan(plan) \n });\n\n }\n\n selectPlan(plan:any) {\n\n this.currentPlan = plan; \n if(this.customer.paymentMethods && this.customer.paymentMethods.length == 0) this.openPayment();\n else{\n \n swal({\n title: `Confirm Your Subscription`,\n text: `You will subscribe to \"${plan.name}\"`,\n type: 'warning',\n showCancelButton: true,\n confirmButtonText: 'Yes, do it!',\n cancelButtonText: 'Cancel',\n confirmButtonClass: \"btn btn-success\",\n cancelButtonClass: \"btn btn-danger\",\n buttonsStyling: false, \n focusCancel: true\n \n }).then((result) => {\n if (result.value) this.subscribePlan(this.currentPlan); \n else this.modalService.dismissAll();\n })\n\n } \n \n }\n\n showModal(modal){\n \n this.modalService.open(modal, {backdrop: 'static', ariaLabelledBy: 'modal-basic-title'}).result.then((result) => {\n \n }, (reason) => { \n \n }); \n } \n \n\n changeAccountPassword(currentPwd, newPwd, confPwd){\n\n if(currentPwd == '' || newPwd == '' || confPwd == '') this.formChangePassword = \"need-validation was-validated\";\n else if (newPwd != confPwd){\n swal({\n title: 'Invalid Password',\n text: 'Password and Confirm Password is not match',\n type: 'error',\n confirmButtonClass: \"btn btn-info\",\n buttonsStyling: false\n }).catch(swal.noop) \n }\n else if (newPwd.length < 4 || confPwd.length < 4){\n swal({\n title: 'Invalid Password',\n text: 'Password and Confirm Password must be more than 3 charactors',\n type: 'error',\n confirmButtonClass: \"btn btn-info\",\n buttonsStyling: false\n }).catch(swal.noop) \n }\n else if (!this.authService.unlock(currentPwd)){\n swal({\n title: 'Invalid Password',\n text: 'Invalid Current Password',\n type: 'error',\n confirmButtonClass: \"btn btn-info\",\n buttonsStyling: false\n }).catch(swal.noop) \n \n }\n else{\n this.accountService.updateProfilePassword(newPwd).then(res => {\n this.modalService.dismissAll();\n \n swal({\n title: \"Success!\",\n text: `Your password has been updated.`,\n buttonsStyling: false,\n confirmButtonClass: \"btn btn-success\",\n type: \"success\",\n timer: 2000\n }).catch(swal.noop) \n\n }).catch(err => {\n swal({\n title: 'Whoop! Something went wrong!',\n text: 'Invalid Data',\n type: 'error',\n confirmButtonClass: \"btn btn-info\",\n buttonsStyling: false,\n timer: 2000\n }).catch(swal.noop)\n });\n }\n }\n\n\n onkeyUpChangePasswordEvent(event, currentPwd, newPwd, confPwd){\n if (event.key === \"Enter\") { \n this.changeAccountPassword(currentPwd, newPwd, confPwd);\n }\n }\n \n switch2factor(value, content){\n this.currentUser.twoFactorVerification = value; \n\n if(value){ \n\n this.getProfileTwoFactor(null); \n\n this.modalService.open(content, {backdrop: 'static', ariaLabelledBy: 'modal-basic-title'}).result.then((result) => {\n \n }, (reason) => {\n\n });\n } \n else this.updateProfileTwoFactor('off');\n }\n\n updateProfileTwoFactor(status){\n this.loading_service = true;\n\n this.accountService.updateProfileTwoFactor(this.currentUser, status).then(res => {\n \n this.loading_service = false;\n this.twoFactorText = 'Your Two Factor Verification has been saved.';\n this.modalService.dismissAll();\n\n }).catch(err => {\n this.currentUser.twoFactorVerification = !this.currentUser.twoFactorVerification;\n this.loading_service = false;\n this.twoFactorText = \"Whoop! Something went wrong.\";\n })\n }\n\n getProfileTwoFactor(status){\n this.loading_service = true;\n this.accountService.getProfileTwoFactor(status).then(res => {\n if(status) this.twoFactorText = 'Scan the QR code or enter the secret key in Google Authenticator. Your previous code will not work anymore.';\n else this.twoFactorText = 'Scan the QR code or enter the secret key in Google Authenticator';\n this.twoFactorAuth = res;\n this.loading_service = false;\n if(this.twoFactorAuth.googleSecretKey) this.currentUser.googleSecretKey = this.twoFactorAuth.googleSecretKey;\n }).catch(err => {\n this.currentUser.twoFactorVerification = !this.currentUser.twoFactorVerification;\n this.loading_service = false;\n this.twoFactorText = \"Whoop! Something went wrong.\";\n })\n }\n\n generateNewFactor(){ \n this.getProfileTwoFactor('new'); \n }\n\n\n\n}\n","export default \".form-group {\\n margin-top: 0px !important;\\n}\\n\\nvideo {\\n position: absolute;\\n top: 38%;\\n left: 50%;\\n min-width: 100%;\\n min-height: 100%;\\n width: auto;\\n height: auto;\\n z-index: 0;\\n -webkit-transform: translateX(-50%) translateY(-50%);\\n transform: translateX(-50%) translateY(-50%);\\n}\\n\\n.h1,\\n.h2,\\n.h3,\\n.h4,\\nbody,\\nlabel,\\nh1,\\nh2,\\nh3,\\nh4,\\nh5,\\nh6 {\\n font-family: Highway Gothic, Helvetica, Arial, sans-serif !important;\\n font-weight: 300;\\n line-height: 1.5em;\\n}\\n\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvY29tcG9uZW50cy9yZWdpc3Rlci9yZWdpc3Rlci5jb21wb25lbnQuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0UsMEJBQTBCO0FBQzVCOztBQUVBO0VBQ0Usa0JBQWtCO0VBQ2xCLFFBQVE7RUFDUixTQUFTO0VBQ1QsZUFBZTtFQUNmLGdCQUFnQjtFQUNoQixXQUFXO0VBQ1gsWUFBWTtFQUNaLFVBQVU7RUFHVixvREFBb0Q7RUFDcEQsNENBQTRDO0FBQzlDOztBQUVBOzs7Ozs7Ozs7Ozs7RUFZRSxvRUFBb0U7RUFDcEUsZ0JBQWdCO0VBQ2hCLGtCQUFrQjtBQUNwQiIsImZpbGUiOiJzcmMvYXBwL2NvbXBvbmVudHMvcmVnaXN0ZXIvcmVnaXN0ZXIuY29tcG9uZW50LmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5mb3JtLWdyb3VwIHtcbiAgbWFyZ2luLXRvcDogMHB4ICFpbXBvcnRhbnQ7XG59XG5cbnZpZGVvIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDM4JTtcbiAgbGVmdDogNTAlO1xuICBtaW4td2lkdGg6IDEwMCU7XG4gIG1pbi1oZWlnaHQ6IDEwMCU7XG4gIHdpZHRoOiBhdXRvO1xuICBoZWlnaHQ6IGF1dG87XG4gIHotaW5kZXg6IDA7XG4gIC1tcy10cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTUwJSkgdHJhbnNsYXRlWSgtNTAlKTtcbiAgLW1vei10cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTUwJSkgdHJhbnNsYXRlWSgtNTAlKTtcbiAgLXdlYmtpdC10cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTUwJSkgdHJhbnNsYXRlWSgtNTAlKTtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC01MCUpIHRyYW5zbGF0ZVkoLTUwJSk7XG59XG5cbi5oMSxcbi5oMixcbi5oMyxcbi5oNCxcbmJvZHksXG5sYWJlbCxcbmgxLFxuaDIsXG5oMyxcbmg0LFxuaDUsXG5oNiB7XG4gIGZvbnQtZmFtaWx5OiBIaWdod2F5IEdvdGhpYywgSGVsdmV0aWNhLCBBcmlhbCwgc2Fucy1zZXJpZiAhaW1wb3J0YW50O1xuICBmb250LXdlaWdodDogMzAwO1xuICBsaW5lLWhlaWdodDogMS41ZW07XG59XG4iXX0= */\"","import { Component, OnInit, OnDestroy } from '@angular/core'; \nimport { AuthenticationService } from 'src/app/services/authentication.service';\nimport swal from 'sweetalert2';\nimport {FormControl, FormGroupDirective, NgForm, Validators, FormGroup, FormBuilder} from '@angular/forms';\nimport {ErrorStateMatcher} from '@angular/material/core';\n\nexport class MyErrorStateMatcher implements ErrorStateMatcher {\n isErrorState(control: FormControl | null, form: FormGroupDirective | NgForm | null): boolean {\n const isSubmitted = form && form.submitted;\n return !!(control && control.invalid && (control.dirty || control.touched || isSubmitted));\n }\n}\n\n@Component({\n selector: 'app-register',\n templateUrl: './register.component.html',\n styleUrls: ['./register.component.css']\n})\nexport class RegisterComponent implements OnInit, OnDestroy {\n loading:boolean = false;\n isSuccess:boolean = false;\n isAcceptTerm:boolean = false;\n registerData:any = {};\n formClass:string = \"need-validation\";\n validateInfo:string = '';\n matcher = new MyErrorStateMatcher();\n validEmailRegister: boolean = false;\n\n emailFormControl = new FormControl('', [\n Validators.required,\n Validators.email,\n ]);\n\n registerForm : FormGroup;\n\n constructor(private authService:AuthenticationService, private formBuilder: FormBuilder) {\n\n }\n\n\n validateAllFormFields(formGroup: FormGroup) {\n Object.keys(formGroup.controls).forEach(field => {\n const control = formGroup.get(field);\n if (control instanceof FormControl) {\n control.markAsTouched({ onlySelf: true });\n } else if (control instanceof FormGroup) {\n this.validateAllFormFields(control);\n }\n });\n }\n\n\n emailValidationRegister(e){\n var re = /^(([^<>()\\[\\]\\\\.,;:\\s@\"]+(\\.[^<>()\\[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\n if (re.test(String(e).toLowerCase())) {\n this.validEmailRegister = true;\n } else {\n this.validEmailRegister = false;\n }\n \n }\n\n ngOnInit() { \n const body = document.getElementsByTagName('body')[0];\n body.classList.add('register-page');\n }\n\n validatePassword(){\n return true;\n }\n\n ngOnDestroy(){\n const body = document.getElementsByTagName('body')[0];\n body.classList.remove('register-page');\n }\n\n\n register(){ \n if(this.loading) return;\n\n this.formClass = \"need-validation was-validated\"; \n \n if( !this.registerData.email || !this.registerData.password ){\n this.validateInfo = \"Please enter all required fields.\";\n return;\n\n } \n\n if(!this.isAcceptTerm){\n this.validateInfo = \"Please accept Term and Conditions\";\n return;\n }\n this.validateInfo = \"\";\n this.loading = true;\n \n this.authService.register(this.registerData).then(result => {\n\n let res = result as any; \n this.isSuccess = true;\n this.registerData.uid = res.uid;\n this.loading = false;\n \n swal({\n title: \"Success!\",\n text: `Please confirm your email.(${res.email})`,\n buttonsStyling: false,\n confirmButtonClass: \"btn btn-success\",\n type: \"success\"\n }).catch(swal.noop)\n\n }).catch(reason => {\n \n this.loading = false;\n swal({\n title: reason.error ? reason.error.status : \"Fails\",\n text: reason.error ? reason.error.message : \"Invalid Data\",\n type: 'error',\n confirmButtonClass: \"btn btn-info\",\n buttonsStyling: false\n }).catch(swal.noop)\n \n });\n }\n\n resend(){\n this.authService.resendActivate(this.registerData.uid).then(result => {\n this.isSuccess = true;\n swal({\n title: \"Success!\",\n text: \"Please confirm your email.\",\n buttonsStyling: false,\n confirmButtonClass: \"btn btn-success\",\n type: \"success\"\n }).catch(swal.noop)\n\n }).catch(reason => {\n swal({\n title: reason.error.status,\n text: reason.error.message,\n type: 'error',\n confirmButtonClass: \"btn btn-info\",\n buttonsStyling: false\n }).catch(swal.noop)\n });\n }\n\n onkeydown(evt){\n if (evt.key === \"Enter\") { \n this.register();\n }\n }\n\n\n acceptTermCondition(value){\n this.isAcceptTerm = value;\n }\n\n}\n","export default \".text-content{\\n padding-top: 70px;\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvY29tcG9uZW50cy90ZXJtLWNvbmRpdGlvbi90ZXJtLWNvbmRpdGlvbi5jb21wb25lbnQuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0lBQ0ksaUJBQWlCO0FBQ3JCIiwiZmlsZSI6InNyYy9hcHAvY29tcG9uZW50cy90ZXJtLWNvbmRpdGlvbi90ZXJtLWNvbmRpdGlvbi5jb21wb25lbnQuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLnRleHQtY29udGVudHtcbiAgICBwYWRkaW5nLXRvcDogNzBweDtcbn0iXX0= */\"","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'app-term-condition',\n templateUrl: './term-condition.component.html',\n styleUrls: ['./term-condition.component.css']\n})\nexport class TermConditionComponent implements OnInit {\n\n constructor() { }\n\n ngOnInit() {\n }\n\n}\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL2NvbXBvbmVudHMvdW5kZXItY29uc3RydWN0aW9uL3VuZGVyLWNvbnN0cnVjdGlvbi5jb21wb25lbnQuY3NzIn0= */\"","import { Component, OnInit, OnDestroy } from '@angular/core';\n\n@Component({\n selector: 'app-under-construction',\n templateUrl: './under-construction.component.html',\n styleUrls: ['./under-construction.component.css']\n})\nexport class UnderConstructionComponent implements OnInit, OnDestroy {\n \n constructor() { }\n\n ngOnInit() {\n \n }\n\n\n ngOnDestroy(){\n \n }\n\n}\n","export class Admin {\n password: string;\n adminToken: string; \n \n}\n","export class App {\n\n appId: string;\n name: string;\n developerUid: string; \n status: string; \n jwtEnabled: Boolean;\n appPublicKey: string;\n appToken: string;\n appSecret?: string;\n rawPublicKey: string; \n type: string;\n handle: string;\n invitationEnabled: Boolean;\n signupEnabled: Boolean; \n anonymousLoginEnabled?: Boolean;\n userNamesEnabled?:Boolean;\n twoFactorVerification?: string;\n TWILIOAccountSid?: string;\n TWILIOToken?: string;\n TWILIOPhoneNumber?: string;\n googleAppName?: string;\n maxUsers?: Number;\n maxLoginAttempts?: Number;\n passwordFilter: Boolean;\n passwordMinLength?: Number;\n passwordMinUpper?: Number;\n passwordMinLower?: Number;\n passwordMinDigit?: Number;\n passwordMinSpecial?: Number;\n userJWTExpiration?:Number;\n realmAppId?: String;\n googleLoginEnabled?: Boolean;\n googleClientId?: String;\n appleLoginEnabled?: Boolean;\n appleBundleId?: String;\n signupFlow?: String; \n appData?: Object;\n metaDataInvite?: Array;\n metaData?: Array;\n locales?:Array;\n metaDataEmail?: Boolean;\n lastModified?:String;\n emailExtensionAPIKey?:String;\n emailExtensionSenderEmail?: String;\n emailExtension?:Boolean;\n createdAt: String;\n updatedAt: String;\n}\n\n ","export class Developer {\n uid: string;\n email: string;\n password: string;\n firstName?: string; \n lastName?: string; \n accessToken?: string; \n company?:string;\n status:string;\n sessionCreatedAt?: Date;\n lock?:boolean;\n type:string;\n avatar?:any;\n twoFactorVerification:boolean;\n googleSecretKey?:string;\n lastStat?:string;\n lastLogin: String;\n tester: Boolean;\n subscriptions?: any = [];\n}\n","export class Host {\n hostId: string;\n name: string;\n developerUid: string; \n status: string; \n serverToken: string;\n serverApiUrl?: string; \n lastModified?:String;\n createdAt: String;\n updatedAt: String;\n}\n","import { Injectable } from '@angular/core';\nimport { HttpClient, HttpHeaders } from '@angular/common/http';\nimport { environment } from './../../environments/environment';\nimport { AuthenticationService } from './authentication.service';\nimport { Md5 } from 'ts-md5';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class AccountService {\n\n headers: any = null;\n\n constructor(private http: HttpClient, private authService:AuthenticationService) {\n if(this.authService.user){\n const headers = new HttpHeaders({\n 'access-token': this.authService.user.accessToken,\n });\n this.headers = headers;\n } \n\n this.authService.user$.subscribe(user => {\n let headers;\n if(user){\n headers = new HttpHeaders({\n 'access-token': user.accessToken\n });\n } \n this.headers = headers;\n });\n\n }\n\n getEnvironment(){\n return environment;\n }\n\n getProfileTwoFactor(status){\n return new Promise((resolve, reject) => {\n \n let that = this;\n this.http.get(`${environment.restful}/api/account/twoFactor?status=${status}`, {responseType: 'json', headers: this.headers}).subscribe((res:any[]) => {\n let result = res as any; \n resolve(result);\n },\n err => { \n reject(err);\n });\n });\n }\n\n \n updateProfileTwoFactor(data, status){\n return new Promise((resolve, reject) => {\n \n let that = this;\n this.http.post(`${environment.restful}/api/account/twoFactor`, {twoFactorVerification:data.twoFactorVerification, googleSecretKey: data.googleSecretKey, status:status}, {responseType: 'json', headers: this.headers}).subscribe((res:any[]) => {\n \n let update = {\n googleSecretKey: data.googleSecretKey,\n twoFactorVerification: data.twoFactorVerification\n }; \n that.authService.updateUser(update);\n resolve(res);\n },\n err => { \n reject(err);\n });\n });\n }\n \n updateProfile(data){\n return new Promise((resolve, reject) => {\n delete data.email;\n let that = this;\n this.http.post(`${environment.restful}/api/account/update`, data, {responseType: 'json', headers: this.headers}).subscribe((res:any[]) => {\n that.authService.updateUser(data);\n resolve(res);\n },\n err => { \n reject(err);\n });\n });\n }\n\n\n updateProfilePassword(password){\n return new Promise((resolve, reject) => {\n let data = {\n password: Md5.hashStr(password)\n };\n let that = this;\n this.http.post(`${environment.restful}/api/account/updatePassword`, data, {responseType: 'json', headers: this.headers}).subscribe((res:any[]) => {\n that.authService.updateUser(data);\n resolve(res);\n },\n err => { \n reject(err);\n });\n });\n }\n\n\n\n getCoupon(couponCode){\n return new Promise((resolve, reject) => { \n \n this.http.get(`${environment.restful}/api/account/getCoupon?couponCode=${couponCode}`, {responseType: 'json', headers: this.headers}).subscribe((res:any[]) => {\n let result = res as any; \n resolve(result);\n },\n err => { \n reject(err);\n });\n\n });\n }\n\n\n}\n","import { Injectable } from '@angular/core';\nimport { HttpClient, HttpHeaders } from '@angular/common/http';\nimport { environment } from './../../environments/environment';\nimport { AuthenticationService } from './authentication.service';\nimport { Md5 } from 'ts-md5';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class AdminService {\n\n headers: any = null;\n\n constructor(private http: HttpClient, private authService:AuthenticationService) {\n if(this.authService.admin){\n const headers = new HttpHeaders({\n 'admin-token': this.authService.admin.adminToken\n });\n this.headers = headers;\n } \n\n this.authService.admin$.subscribe(admin => {\n let headers;\n if(admin){\n headers = new HttpHeaders({\n 'admin-token': admin.adminToken\n });\n } \n this.headers = headers;\n });\n\n }\n\n\n\n getEnvironment(){\n return environment;\n } \n\n \n\n getCouponLogs(data){\n return new Promise((resolve, reject) => { \n this.http.get(`${environment.restful}/api/admin/couponLogs?couponCode=${data.couponCode}&offset=${data.offset}&limit=${data.limit}&search=${data.search}`, {responseType: 'json', headers: this.headers}).subscribe((res:any[]) => {\n let result = res as any; \n resolve(result);\n },\n err => { \n reject(err);\n });\n });\n }\n\n \n getCountDeveloper(){\n return new Promise((resolve, reject) => {\n \n this.http.get(`${environment.restful}/api/admin/countDeveloper`, {responseType: 'json', headers: this.headers}).subscribe((res:any[]) => {\n let result = res as any; \n resolve(result);\n },\n err => { \n reject(err);\n });\n });\n }\n\n getDevelopers(data){\n return new Promise((resolve, reject) => { \n this.http.get(`${environment.restful}/api/admin/developer?type=${data.type}&offset=${data.offset}&limit=${data.limit}&search=${data.search}`, {responseType: 'json', headers: this.headers}).subscribe((res:any[]) => {\n let result = res as any; \n resolve(result);\n },\n err => { \n reject(err);\n });\n });\n }\n\n\n searchDevelopers(data){\n return new Promise((resolve, reject) => { \n this.http.get(`${environment.restful}/api/admin/searchDeveloper?type=${data.type}&offset=${data.offset}&limit=${data.limit}&search=${data.search}`, {responseType: 'json', headers: this.headers}).subscribe((res:any[]) => {\n let result = res as any; \n resolve(result);\n },\n err => { \n reject(err);\n });\n });\n }\n\n \n\n getDeveloperApp(dev){\n return new Promise((resolve, reject) => {\n \n this.http.get(`${environment.restful}/api/admin/developerApp?developerUid=${dev.uid}`, {responseType: 'json', headers: this.headers}).subscribe((res:any[]) => {\n let result = res as any; \n resolve(result);\n },\n err => { \n reject(err);\n });\n });\n }\n\n getDeveloperBilling(dev){\n return new Promise((resolve, reject) => {\n \n this.http.get(`${environment.restful}/api/admin/developerBilling?developerUid=${dev.uid}`, {responseType: 'json', headers: this.headers}).subscribe((res:any[]) => {\n let result = res as any; \n resolve(result);\n },\n err => { \n reject(err);\n });\n });\n }\n\n\n updateDeveloperStatus(uid, status){\n return new Promise((resolve, reject) => {\n \n this.http.post(`${environment.restful}/api/admin/updateDeveloperStatus`, {developerUid: uid, status: status} ,{responseType: 'json', headers: this.headers}).subscribe((res) => {\n let result = res as any; \n resolve(result);\n },\n err => { \n reject(err);\n });\n });\n }\n\n updateDeveloperAppStatus(app, status){\n return new Promise((resolve, reject) => {\n \n this.http.post(`${environment.restful}/api/admin/updateDeveloperAppStatus`, {appId: app.appId, developerUid:app.developerUid, status: status} ,{responseType: 'json', headers: this.headers}).subscribe((res) => {\n let result = res as any; \n resolve(result);\n },\n err => { \n reject(err);\n });\n });\n }\n\n refundTransaction(tran){\n return new Promise((resolve, reject) => {\n \n this.http.post(`${environment.restful}/api/admin/refundTransaction`, tran ,{responseType: 'json', headers: this.headers}).subscribe((res) => {\n let result = res as any; \n resolve(result);\n },\n err => { \n reject(err);\n });\n });\n }\n\n\n requestNewTwoFactor(admin){\n return new Promise((resolve, reject) => {\n \n this.http.post(`${environment.restful}/api/admin/requestNewTwoFactor`, admin ,{responseType: 'json', headers: this.headers}).subscribe((res) => {\n let result = res as any; \n resolve(result);\n },\n err => { \n reject(err);\n });\n });\n }\n\n\n updateAdmin(data){\n return new Promise((resolve, reject) => {\n if(data.currentPassword && data.currentPassword != undefined) data.currentPassword = Md5.hashStr(data.currentPassword);\n if(data.newPassword && data.newPassword != undefined) data.newPassword = Md5.hashStr(data.newPassword);\n \n this.http.post(`${environment.restful}/api/admin/updateAdmin`, data ,{responseType: 'json', headers: this.headers}).subscribe((res) => {\n let result = res as any; \n resolve(result);\n },\n err => { \n reject(err);\n });\n });\n }\n\n\n\n requestDeveloperCertificate(data){\n return new Promise((resolve, reject) => {\n \n this.http.post(`${environment.restful}/api/admin/requestDeveloperCertificate`, data ,{responseType: 'json', headers: this.headers}).subscribe((res) => {\n let result = res as any; \n resolve(result);\n },\n err => { \n reject(err);\n });\n });\n }\n\n\n async getCoupons(callback) {\n let results = await this.http.get(`${environment.restful}/api/admin/getCoupons` , {responseType: 'json', headers: this.headers}).toPromise();\n callback(results);\n }\n\n\n\n async searchValidateCoupon(couponCode) {\n\n return new Promise((resolve, reject) => { \n this.http.get(`${environment.restful}/api/admin/searchValidateCoupon?couponCode=${couponCode}`, {responseType: 'json', headers: this.headers}).subscribe((res:any[]) => {\n let result = res as any; \n resolve(result);\n },\n err => { \n reject(err);\n });\n }); \n \n }\n\n createCoupon(data){\n return new Promise((resolve, reject) => { \n \n this.http.post(`${environment.restful}/api/admin/createCoupon`, data ,{responseType: 'json', headers: this.headers}).subscribe((res) => {\n let result = res as any; \n resolve(result);\n },\n err => { \n reject(err);\n });\n });\n }\n\n\n updateCoupon(data){\n return new Promise((resolve, reject) => { \n \n this.http.post(`${environment.restful}/api/admin/updateCoupon`, data ,{responseType: 'json', headers: this.headers}).subscribe((res) => {\n let result = res as any; \n resolve(result);\n },\n err => { \n reject(err);\n });\n });\n }\n\n\n deleteCoupon(data){\n return new Promise((resolve, reject) => { \n \n this.http.post(`${environment.restful}/api/admin/deleteCoupon`, data ,{responseType: 'json', headers: this.headers}).subscribe((res) => {\n let result = res as any; \n resolve(result);\n },\n err => { \n reject(err);\n });\n });\n }\n\n\n\n async getCosyncVersion(callback) {\n let versions = await this.http.get(`${environment.restful}/api/admin/getCosyncVersions` , {responseType: 'json', headers: this.headers}).toPromise();\n callback(versions);\n }\n\n\n createNewCosyncVersion(data){\n return new Promise((resolve, reject) => { \n \n this.http.post(`${environment.restful}/api/admin/createNewCosyncVersion`, data ,{responseType: 'json', headers: this.headers}).subscribe((res) => {\n let result = res as any; \n resolve(result);\n },\n err => { \n reject(err);\n });\n });\n }\n\n\n\n\n updateCosyncVersion(data){\n return new Promise((resolve, reject) => { \n \n this.http.post(`${environment.restful}/api/admin/updateCosyncVersion`, data ,{responseType: 'json', headers: this.headers}).subscribe((res) => {\n let result = res as any; \n resolve(result);\n },\n err => { \n reject(err);\n });\n });\n } \n\n}\n","import { Injectable } from '@angular/core';\nimport { App } from '../models/app'; \nimport { HttpClient } from '@angular/common/http';\nimport { HttpHeaders } from '@angular/common/http';\nimport { AuthenticationService } from './authentication.service';\nimport { BehaviorSubject } from 'rxjs'; \nimport { environment } from './../../environments/environment'; \nimport { Md5 } from 'ts-md5';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class AppsService {\n\n public _apps$: BehaviorSubject;\n private _apps:App[]; \n headers: any = null;\n\n constructor(private http: HttpClient, private authenticationService: AuthenticationService) {\n\n if(this.authenticationService.user){\n const headers = new HttpHeaders({\n 'access-token': this.authenticationService.user.accessToken,\n });\n this.headers = headers;\n }\n this._apps$ = >new BehaviorSubject([]);\n \n\n this.authenticationService.user$.subscribe(user => {\n let headers;\n if(user){\n headers = new HttpHeaders({\n 'access-token': user ? user.accessToken : \"\"\n });\n }\n \n this.headers = headers;\n });\n \n }\n\n get apps() {\n return this._apps$.asObservable();\n }\n \n\n async getCosyncVersion(callback) {\n let versions = await this.http.get(`${environment.restful}/api/app/getCosyncVersions` , {responseType: 'json', headers: this.headers}).toPromise();\n callback(versions);\n }\n\n\n getApps(callback){\n this.http.get(`${environment.restful}/api/app/allApps`, {responseType: 'json', headers: this.headers}).subscribe((res) => {\n this._apps = res as any[]; \n this._apps$.next(this._apps);\n callback(res);\n },\n err => { \n if(err.error && err.error.user){\n this.authenticationService.updateUser(err.error.user);\n }\n \n callback(null, err);\n });\n }\n \n\n addApp(data, callback) {\n \n let tempApp = new App();\n tempApp.name = data.appName;\n this._apps.unshift(tempApp);\n this._apps$.next(this._apps);\n\n\n this.http.post(`${environment.restful}/api/app/`, data, {responseType: 'json', headers: this.headers}).subscribe((respone : any)=>{\n \n \n let index = this._apps.findIndex((element => {\n return element.name == data.appName;\n }));\n\n if (index < 0) {\n this._apps.unshift(respone);\n } else {\n this._apps[index] = respone;\n }\n this._apps$.next(this._apps);\n \n callback(true);\n\n },err => {\n \n this._apps.shift();\n this._apps$.next(this._apps);\n\n callback(null, err);\n });\n }\n\n\n editApp(name: string, appId: string, callback) {\n \n this.http.post(`${environment.restful}/api/app/update`, {name: name, appId: appId}, {responseType: 'json', headers: this.headers}).subscribe((respone : any)=>{\n callback(respone);\n \n let index = this._apps.findIndex((element => {\n return element.appId == appId;\n }));\n\n if (index < 0) {\n this._apps.unshift(respone);\n } else {\n this._apps[index] = respone;\n }\n this._apps$.next(this._apps);\n \n }, \n err => {\n callback(null, err);\n });\n }\n\n\n\n\n editAppType(type: string, appId: string, callback) {\n \n this.http.post(`${environment.restful}/api/app/updateType`, {type: type, appId: appId}, {responseType: 'json', headers: this.headers}).subscribe((respone : any)=>{\n callback(respone);\n \n let index = this._apps.findIndex((element => {\n return element.appId == appId;\n }));\n\n if (index < 0) {\n this._apps.unshift(respone);\n } else {\n this._apps[index] = respone;\n }\n this._apps$.next(this._apps);\n \n }, \n err => {\n callback(null, err);\n });\n }\n\n\n \n\n deleteApp(app: any, password:string) {\n return new Promise((resolve, reject) => {\n this.http.post(`${environment.restful}/api/app/deleteApp`, {appId: app.appId, password: Md5.hashStr(password) }, {responseType: 'json', headers: this.headers}).subscribe((res : any )=>{\n resolve(true);\n this._apps = this._apps.filter(value => value.appId != app.appId);\n this._apps$.next(this._apps); \n },\n err => {\n reject(err);\n });\n });\n \n } \n\n\n\n resetApp(app: any, password:string) {\n return new Promise((resolve, reject) => {\n this.http.post(`${environment.restful}/api/app/reset`, {appId: app.appId, password: Md5.hashStr(password) }, {responseType: 'json', headers: this.headers}).subscribe((res : any )=>{\n resolve(true); \n },\n err => {\n reject(err);\n });\n });\n \n } \n\n\n removeCosyncEngine(data: any) {\n return new Promise((resolve, reject) => {\n this.http.post(`${environment.restful}/api/app/removeCosyncEngine`, data, {responseType: 'json', headers: this.headers}).subscribe((res : any )=>{\n resolve(res); \n },\n err => {\n reject(err);\n });\n });\n \n } \n\n\n\n removeCosyncJWT(data: any) {\n return new Promise((resolve, reject) => {\n this.http.post(`${environment.restful}/api/app/removeCosyncJWT`, data, {responseType: 'json', headers: this.headers}).subscribe((res : any )=>{\n resolve(res); \n },\n err => {\n reject(err);\n });\n });\n \n } \n\n\n\n getAppEmailTemplates(app){\n return new Promise((resolve, reject) => {\n this.http.get(`${environment.restful}/api/app/emailTemplates?appId=${app.appId}`, {responseType: 'json', headers: this.headers}).subscribe((res : any )=>{\n resolve(res); \n },\n err => {\n reject(err);\n });\n });\n }\n\n\n updateAppEmailTemplates(template){\n return new Promise((resolve, reject) => {\n this.http.post(`${environment.restful}/api/app/updateEmailTemplate`, template, {responseType: 'json', headers: this.headers}).subscribe((res : any )=>{\n resolve(res); \n },\n err => {\n reject(err);\n });\n });\n }\n\n\n getAppData(app, hideAnonUser){\n return new Promise((resolve, reject) => {\n this.http.get(`${environment.restful}/api/app/stat?appId=${app.appId}&hideAnonUser=${hideAnonUser}`, {responseType: 'json', headers: this.headers}).subscribe((res : any )=>{\n resolve(res); \n },\n err => {\n reject(err);\n });\n });\n }\n\n\n\n getAppLogDataOffset(data){\n return new Promise((resolve, reject) => {\n this.http.get(`${environment.restful}/api/app/logs?appId=${data.appId}&type=${data.type}&status=${data.status}&offset=${data.offset}&limit=${data.limit}&fromDate=${data.fromDate}&toDate=${data.toDate}&filterAction=${data.filterAction}`, {responseType: 'json', headers: this.headers}).subscribe((res : any )=>{\n resolve(res); \n },\n err => {\n reject(err);\n });\n });\n }\n\n getAppLogData(app){\n return new Promise((resolve, reject) => {\n this.http.get(`${environment.restful}/api/app/logs?appId=${app.appId}`, {responseType: 'json', headers: this.headers}).subscribe((res : any )=>{\n resolve(res); \n },\n err => {\n reject(err);\n });\n });\n }\n \n\n getAppDataTarget(data){\n return new Promise((resolve, reject) => {\n this.http.get(`${environment.restful}/api/app/stat?appId=${data.appId}&target=${data.target}&offset=${data.offset}&limit=${data.limit}&hideAnonUser=${data.hideAnonUser}`, {responseType: 'json', headers: this.headers}).subscribe((res : any )=>{\n resolve(res); \n },\n err => {\n reject(err);\n });\n });\n }\n\n\n \n\n\n\n updateAppUser(user, status){\n return new Promise((resolve, reject) => {\n this.http.post(`${environment.restful}/api/app/user`, {appId: user.appId, status: status, userId:user._id}, {responseType: 'json', headers: this.headers}).subscribe((res : any )=>{\n resolve(res); \n },\n err => {\n reject(err);\n });\n });\n }\n\n\n searchAppUser(appId, value, hideAnonUser){\n return new Promise((resolve, reject) => {\n this.http.get(`${environment.restful}/api/app/searchUser?appId=${appId}&value=${value}&hideAnonUser=${hideAnonUser}`, {responseType: 'json', headers: this.headers}).subscribe((res : any )=>{\n resolve(res); \n },\n err => {\n reject(err);\n });\n });\n }\n\n \n\n searchSignup(appId, value){\n return new Promise((resolve, reject) => {\n this.http.get(`${environment.restful}/api/app/searchSingUp?appId=${appId}&value=${value}`, {responseType: 'json', headers: this.headers}).subscribe((res : any )=>{\n resolve(res); \n },\n err => {\n reject(err);\n });\n });\n }\n\n searchInvite(appId, value){\n return new Promise((resolve, reject) => {\n this.http.get(`${environment.restful}/api/app/searchInvite?appId=${appId}&value=${value}`, {responseType: 'json', headers: this.headers}).subscribe((res : any )=>{\n resolve(res); \n },\n err => {\n reject(err);\n });\n });\n }\n\n\n createAppInvite(data){\n return new Promise((resolve, reject) => {\n this.http.post(`${environment.restful}/api/app/createAppInvite`, data, {responseType: 'json', headers: this.headers}).subscribe((res : any )=>{\n resolve(res); \n },\n err => {\n reject(err);\n });\n });\n }\n\n\n resendAppInvite(data){\n return new Promise((resolve, reject) => {\n this.http.post(`${environment.restful}/api/app/resendAppInvite`, data, {responseType: 'json', headers: this.headers}).subscribe((res : any )=>{\n resolve(res); \n },\n err => {\n reject(err);\n });\n });\n }\n\n\n\n removeAppInvite(data){\n return new Promise((resolve, reject) => {\n this.http.post(`${environment.restful}/api/app/removeAppInvite`, data, {responseType: 'json', headers: this.headers}).subscribe((res : any )=>{\n resolve(res); \n },\n err => {\n reject(err);\n });\n });\n }\n\n\n\n removeAppSignup(data){\n return new Promise((resolve, reject) => {\n this.http.post(`${environment.restful}/api/app/removeAppSignup`, data, {responseType: 'json', headers: this.headers}).subscribe((res : any )=>{\n resolve(res); \n },\n err => {\n reject(err);\n });\n });\n }\n\n\n getSuperUserToken(data){\n return new Promise((resolve, reject) => {\n this.http.get(`${environment.restful}/api/app/superuser?appId=${data.appId}&password=${data.password}`, {responseType: 'json', headers: this.headers}).subscribe((res : any )=>{\n resolve(res); \n },\n err => {\n reject(err);\n });\n });\n }\n\n\n resetUserPassword(data){\n return new Promise((resolve, reject) => {\n this.http.post(`${environment.restful}/api/app/resetUserPassword`, data, {responseType: 'json', headers: this.headers}).subscribe((res : any )=>{\n resolve(res); \n },\n err => {\n reject(err);\n });\n });\n }\n \n\n deleteAppUser(data){\n return new Promise((resolve, reject) => {\n this.http.post(`${environment.restful}/api/app/removeUser`, data, {responseType: 'json', headers: this.headers}).subscribe((res : any )=>{\n resolve(res); \n },\n err => {\n reject(err);\n });\n });\n }\n\n\n createAppUser(data){\n return new Promise((resolve, reject) => {\n this.http.post(`${environment.restful}/api/app/addUser`, data, {responseType: 'json', headers: this.headers}).subscribe((res : any )=>{\n resolve(res); \n },\n err => {\n reject(err);\n });\n });\n }\n\n testEmailExtension(appId){\n return new Promise((resolve, reject) => { \n this.http.post(`${environment.restful}/api/app/testEmailExtension`, {appId: appId}, {responseType: 'json', headers: this.headers}).subscribe((respone : any )=>{\n resolve(respone);\n },\n err => {\n reject(err);\n });\n })\n }\n\n\n updateAppSetting(app, setting){\n return new Promise((resolve, reject) => { \n app.setting = setting;\n this.http.post(`${environment.restful}/api/app/updateAppSetting`, app, {responseType: 'json', headers: this.headers}).subscribe((respone : any )=>{\n resolve(respone);\n\n let index = this._apps.findIndex((element => {\n return element.appId == app.appId;\n }));\n \n if (index < 0) {\n this._apps.unshift(respone);\n } else {\n this._apps[index] = respone;\n }\n this._apps$.next(this._apps);\n },\n err => {\n reject(err);\n });\n });\n }\n\n\n updateAppMetaData(app){\n return new Promise((resolve, reject) => { \n this.http.post(`${environment.restful}/api/app/updateAppMetaData`, app, {responseType: 'json', headers: this.headers}).subscribe((respone : any )=>{\n resolve(respone);\n\n let index = this._apps.findIndex((element => {\n return element.appId == app.appId;\n }));\n \n if (index < 0) {\n this._apps.unshift(respone);\n } else {\n this._apps[index] = respone;\n }\n this._apps$.next(this._apps);\n },\n err => {\n reject(err);\n });\n });\n }\n\n\n\n updateAppInviteMetaData(app){\n return new Promise((resolve, reject) => { \n this.http.post(`${environment.restful}/api/app/updateAppInviteMetaData`, app, {responseType: 'json', headers: this.headers}).subscribe((respone : any )=>{\n resolve(respone);\n\n let index = this._apps.findIndex((element => {\n return element.appId == app.appId;\n }));\n \n if (index < 0) {\n this._apps.unshift(respone);\n } else {\n this._apps[index] = respone;\n }\n this._apps$.next(this._apps);\n },\n err => {\n reject(err);\n });\n });\n }\n\n\n\n payPreviousAppBill(app){\n return new Promise((resolve, reject) => { \n \n this.http.post(`${environment.restful}/api/payment/payPreviousAppBill`, app, {responseType: 'json', headers: this.headers}).subscribe((respone : any )=>{\n resolve(respone); \n },\n err => {\n reject(err);\n });\n });\n }\n\n testTwilio(phone, appId){\n return new Promise((resolve, reject) => { \n \n this.http.post(`${environment.restful}/api/app/testAppTwilio`, {phone:phone, appId:appId}, {responseType: 'json', headers: this.headers}).subscribe((respone : any )=>{\n resolve(respone); \n },\n err => {\n reject(err);\n });\n });\n }\n\n\n\n\n initCosyncEngine(data){\n return new Promise((resolve, reject) => { \n this.http.post(`${environment.restful}/api/app/initCosyncEngine`, data, {responseType: 'json', headers: this.headers}).subscribe((respone : any )=>{\n resolve(respone); \n },\n err => {\n reject(err);\n });\n });\n }\n\n\n\n reinitCosyncEngine(data){\n return new Promise((resolve, reject) => { \n this.http.post(`${environment.restful}/api/app/reinitCosyncEngine`, data, {responseType: 'json', headers: this.headers}).subscribe((respone : any )=>{\n resolve(respone); \n },\n err => {\n reject(err);\n });\n });\n }\n\n\n\n initCosyncJWT(data){\n return new Promise((resolve, reject) => { \n this.http.post(`${environment.restful}/api/app/initCosyncJWT`, data, {responseType: 'json', headers: this.headers}).subscribe((respone : any )=>{\n resolve(respone); \n },\n err => {\n reject(err);\n });\n });\n }\n\n\n reinitCosyncJWT(data){\n return new Promise((resolve, reject) => { \n this.http.post(`${environment.restful}/api/app/reinitCosyncJWT`, data, {responseType: 'json', headers: this.headers}).subscribe((respone : any )=>{\n resolve(respone); \n },\n err => {\n reject(err);\n });\n });\n }\n\n\n updateAppUserMetaData(data){\n return new Promise((resolve, reject) => { \n this.http.post(`${environment.restful}/api/app/updateAppUserMetaData`, data, {responseType: 'json', headers: this.headers}).subscribe((respone : any )=>{\n resolve(respone); \n },\n err => {\n reject(err);\n });\n });\n } \n\n\n exportAppDatabase(data){\n return new Promise((resolve, reject) => { \n \n this.http.get(`${environment.restful}/api/app/export?appId=${data.appId}`, { headers: this.headers, responseType: 'blob' as 'json'} )\n \n .subscribe(res => { \n let months = [\"Jan\", \"Feb\", \"Mar\", \"Apr\", \"May\", \"Jun\", \"Jul\", \"Aug\", \"Sep\", \"Oct\", \"Nov\", \"Dec\"];\n let today = new Date();\n let todayString= today.getDate() +\"-\"+ months[today.getMonth()]+\"-\"+ today.getFullYear();\n let url = window.URL.createObjectURL(res);\n let a = document.createElement('a');\n document.body.appendChild(a);\n a.setAttribute('style', 'display: none');\n a.href = url;\n a.download = `${data.name}-database-export-${todayString}.zip`;\n a.click();\n window.URL.revokeObjectURL(url);\n a.remove(); // remove the element\n resolve(true);\n }, error => {\n console.log('download error:', JSON.stringify(error));\n reject(error);\n }, () => {\n console.log('Completed file download.')\n });\n\n\n });\n } \n\n addRemoveAppLocale(data){\n return new Promise((resolve, reject) => { \n this.http.post(`${environment.restful}/api/app/addRemoveAppLocale`, data, {responseType: 'json', headers: this.headers}).subscribe((respone : any )=>{\n resolve(respone); \n },\n err => {\n reject(err);\n });\n });\n }\n\n}\n","import { Injectable } from '@angular/core';\nimport { HttpClient, HttpHeaders } from '@angular/common/http';\nimport { environment } from './../../environments/environment';\nimport {Md5} from 'ts-md5/dist/md5';\nimport { Developer } from '../models/developer';\nimport { BehaviorSubject, Observable, observable } from 'rxjs'; \nimport { Admin } from '../models/admin';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class AuthenticationService {\n\n headers: any = {};\n public user$: BehaviorSubject;\n public user?: Developer;\n public admin$: BehaviorSubject;\n public admin?: any;\n public authorized?: string;\n redirectUrl:string;\n\n constructor(private http: HttpClient) {\n this.user$ = new BehaviorSubject(this.user);\n this.admin$ = new BehaviorSubject(this.admin);\n let cache = localStorage.getItem('currentUser'); \n if (cache != \"undefined\" && cache != null)\n {\n try {\n let user = JSON.parse(cache) as Developer;\n this.user = user; \n \n const headers = new HttpHeaders({\n 'access-token': this.user.accessToken,\n });\n this.headers = headers;\n\n this.user$.next(user);\n } catch (error) {\n \n this.user = null;\n }\n }\n }\n\n updateUser(data){\n for (const key in data) {\n if (data.hasOwnProperty(key)) {\n if(data[key]) this.user[key] = data[key]; \n }\n }\n\n localStorage.removeItem('currentUser');\n localStorage.setItem('currentUser', JSON.stringify(this.user));\n this.user$.next(this.user);\n }\n\n refreshToken(){\n return new Promise((resolve, reject) => {\n this.http.post(`${environment.restful}/api/account/refreshToken`, {}, {responseType: 'json', headers:this.headers}).subscribe((res:any[]) => {\n let data = res as any; \n\n if(data.refreshToken){\n\n this.user.accessToken = data.refreshToken;\n const headers = new HttpHeaders({\n 'access-token': this.user.accessToken,\n });\n this.headers = headers;\n\n localStorage.removeItem('currentUser');\n localStorage.setItem('currentUser', JSON.stringify(this.user)); \n this.user$.next(this.user);\n\n resolve(this.user);\n }\n else{\n reject(false);\n }\n },\n err => { \n reject(err);\n });\n });\n }\n\n\n login(email, password, twoFactorCode){\n return new Promise((resolve, reject) => {\n this.logout();\n\n password = Md5.hashStr(password);\n \n this.http.post(`${environment.restful}/api/account/login`, {email:email, password:password, twoFactorCode: twoFactorCode} , {responseType: 'json', headers:this.headers}).subscribe((res:any[]) => {\n \n let data = res as any; \n if(data.token &&! data.uid){\n resolve(data);\n }\n else{ \n this.user = new Developer();\n this.user.email = data.email;\n this.user.uid = data.uid;\n this.user.firstName = data.firstName;\n this.user.lastName = data.lastName;\n this.user.accessToken = data.accessToken;\n this.user.password = data.password;\n this.user.avatar = data.avatar;\n this.user.company = data.company;\n this.user.type = data.type;\n this.user.tester = data.tester;\n this.user.twoFactorVerification = data.twoFactorVerification; \n this.user.googleSecretKey = data.googleSecretKey;\n this.user.status = data.status; \n this.user.subscriptions = data.subscriptions; \n this.user.sessionCreatedAt = new Date(); \n localStorage.setItem('currentUser', JSON.stringify(this.user)); \n this.user$.next(this.user); \n \n const headers = new HttpHeaders({\n 'access-token': this.user.accessToken,\n });\n this.headers = headers;\n \n resolve(data);\n }\n },\n err => { \n reject(err);\n });\n });\n }\n\n\n\n completeLogin(token, twoFactorCode){\n return new Promise((resolve, reject) => {\n \n \n this.http.post(`${environment.restful}/api/account/completeLogin`, {token:token, twoFactorCode: twoFactorCode} , {responseType: 'json', headers:this.headers}).subscribe((res:any[]) => {\n this.user = new Developer();\n let data = res as any; \n\n this.user.email = data.email;\n this.user.uid = data.uid;\n this.user.firstName = data.firstName;\n this.user.lastName = data.lastName;\n this.user.accessToken = data.accessToken;\n this.user.password = data.password;\n this.user.avatar = data.avatar;\n this.user.company = data.company;\n this.user.type = data.type;\n this.user.twoFactorVerification = data.twoFactorVerification; \n this.user.googleSecretKey = data.googleSecretKey;\n this.user.status = data.status; \n localStorage.setItem('currentUser', JSON.stringify(this.user)); \n this.user$.next(this.user); \n \n\n resolve(data);\n },\n err => { \n reject(err);\n });\n });\n }\n \n\n\n loginAdmin(email, password, twoFactorCode){\n return new Promise((resolve, reject) => {\n this.logout();\n\n password = Md5.hashStr(password);\n \n this.http.post(`${environment.restful}/api/admin/loginAdmin`, {email:email, password:password, twoFactorCode: twoFactorCode} , {responseType: 'json', headers:this.headers}).subscribe((res:any[]) => {\n this.admin = new Admin();\n let data = res as any; \n this.admin = data; \n this.admin$.next(this.admin); \n resolve(data);\n },\n err => { \n reject(err);\n });\n });\n }\n \n\n logout(){ \n localStorage.removeItem('currentUser');\n this.user = null;\n this.user$.next(this.user);\n this.admin = null;\n const headers = new HttpHeaders({\n 'access-token': '',\n });\n this.headers = headers;\n }\n\n lock(){ \n if(this.user.lock) return; \n this.user.lock = true;\n localStorage.removeItem('currentUser');\n localStorage.setItem('currentUser', JSON.stringify(this.user));\n this.user$.next(this.user);\n }\n\n unlock(password){ \n const md5 = new Md5();\n password = md5.appendStr(password).end();\n \n if(password == this.user.password){\n this.user.lock = false;\n localStorage.removeItem('currentUser');\n localStorage.setItem('currentUser', JSON.stringify(this.user));\n this.user$.next(this.user);\n return true;\n }\n else return false;\n \n }\n\n refreshUser(data){\n this.user = new Developer();\n this.user.email = data.email;\n this.user.uid = data.uid;\n this.user.firstName = data.firstName;\n this.user.lastName = data.lastName;\n // this.user.accessToken = data.accessToken;\n this.user.password = data.password;\n this.user.avatar = data.avatar;\n this.user.company = data.company;\n this.user.type = data.type;\n this.user.twoFactorVerification = data.twoFactorVerification; \n this.user.googleSecretKey = data.googleSecretKey;\n this.user.status = data.status; \n localStorage.setItem('currentUser', JSON.stringify(this.user)); \n this.user$.next(this.user); \n }\n\n\n register(data){\n return new Promise((resolve, reject) => {\n const md5 = new Md5(); \n let params = {} as any;\n params.password = md5.appendStr(data.password).end();\n params.email = data.email;\n \n this.http.post(`${environment.restful}/api/account/register`, params, {responseType: 'json', headers: this.headers}).subscribe((res:any[]) => {\n resolve(res);\n },\n err => { \n reject(err);\n });\n });\n }\n\n\n registerAccountAppSumo(data){\n return new Promise((resolve, reject) => {\n const md5 = new Md5();\n let params = {} as any;\n params.password = md5.appendStr(data.password).end();\n params.email = data.email;\n params.couponCode = data.couponCode;\n\n this.http.post(`${environment.restful}/api/account/registerAccountAppSumo`, params, {responseType: 'json', headers: this.headers}).subscribe((res:any[]) => {\n resolve(res);\n },\n err => { \n reject(err);\n });\n });\n }\n\n\n resendActivate(value){\n return new Promise((resolve, reject) => {\n this.http.post(`${environment.restful}/api/account/resendActivate`, {value:value}, {responseType: 'json', headers: this.headers}).subscribe((res:any[]) => {\n resolve(res);\n },\n err => { \n reject(err);\n });\n });\n }\n\n activateAccount(token){\n return new Promise((resolve, reject) => {\n this.http.post(`${environment.restful}/api/account/activate`, {token:token}, {responseType: 'json', headers: this.headers}).subscribe((res:any[]) => {\n resolve(res);\n },\n err => { \n reject(err);\n });\n });\n }\n\n activateAppUser(appToken, handle, code){\n return new Promise((resolve, reject) => {\n this.http.get(`${environment.restful}/api/appuser/completeSignup?appToken=${appToken}&handle=${handle}&code=${code}`, {responseType: 'json', headers: this.headers}).subscribe((res:any[]) => {\n resolve(res);\n },\n err => { \n reject(err);\n });\n });\n }\n\n resetPassword(email){\n return new Promise((resolve, reject) => {\n this.http.post(`${environment.restful}/api/account/resetPassword`, {email:email}, {responseType: 'json', headers: this.headers}).subscribe((res:any[]) => {\n resolve(res);\n },\n err => { \n reject(err);\n });\n });\n }\n\n resetPasswordWithToken(data){\n return new Promise((resolve, reject) => {\n const md5 = new Md5();\n data.password = md5.appendStr(data.password).end();\n this.http.post(`${environment.restful}/api/account/verifyResetPassword`, data, {responseType: 'json', headers: this.headers}).subscribe((res:any[]) => {\n resolve(res);\n },\n err => { \n reject(err);\n });\n });\n }\n\n\n\n}\n","import { Injectable } from '@angular/core';\nimport { v4 as uuidv4 } from 'uuid';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class HelperService {\n\n constructor() { }\n\n getUUID(){\n let uid = uuidv4();\n uid = uid.split('-').join('');\n return uid;\n }\n\n emailValidation(value){\n let re = /^(([^<>()\\[\\]\\\\.,;:\\s@\"]+(\\.[^<>()\\[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\n \n if (re.test(String(value).toLowerCase())) return true; \n else return false;\n \n }\n\n\n generatePassword(passwordLength) {\n passwordLength = passwordLength ? passwordLength : 6;\n var numberChars = \"0123456789\";\n var upperChars = \"ABCDEFGHIJKLMNOPQRSTUVWXYZ\";\n var lowerChars = \"abcdefghijklmnopqrstuvwxyz\";\n var specailChars = \"!@#$%^()_+\\-[]':\\\\,.\\/?\";\n var allChars = numberChars + upperChars + lowerChars + specailChars;\n var randPasswordArray = Array(passwordLength);\n randPasswordArray[0] = numberChars;\n randPasswordArray[1] = upperChars;\n randPasswordArray[2] = lowerChars;\n randPasswordArray[3] = specailChars;\n randPasswordArray = randPasswordArray.fill(allChars, 4);\n return this.shuffleArray(randPasswordArray.map(function(x) { return x[Math.floor(Math.random() * x.length)] })).join('');\n }\n\n\n shuffleArray(array) {\n for (var i = array.length - 1; i > 0; i--) {\n var j = Math.floor(Math.random() * (i + 1));\n var temp = array[i];\n array[i] = array[j];\n array[j] = temp;\n }\n return array;\n }\n\n compareDate(date1, date2){\n\n if(!date1 || !date2) return true;\n\n const newdate1 = new Date(date1);\n const newdate2 = new Date(date2);\n\n if(!newdate1 || !newdate2) return true;\n\n if(newdate1.getTime() > newdate2.getTime()) return false;\n return true;\n }\n \n getLastModifiedDateString(oldDate){\n if(!oldDate) oldDate = new Date();\n let today = new Date();\n oldDate = new Date(oldDate);\n let diff = Math.floor(today.getTime() - oldDate.getTime()); \n\n let startYear = oldDate.getFullYear();\n let february = (startYear % 4 === 0 && startYear % 100 !== 0) || startYear % 400 === 0 ? 29 : 28;\n let daysInMonth = [31, february, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];\n\n let years = today.getFullYear() - startYear;\n let months = today.getMonth() - oldDate.getMonth();\n if (months < 0) {\n years--;\n months += 12;\n }\n\n let days = today.getDate() - oldDate.getDate();\n if (days < 0) {\n if (months > 0) {\n months--;\n } else {\n years--;\n months = 11;\n }\n days += daysInMonth[oldDate.getMonth()];\n } \n\n let secs = Math.floor(diff/1000);\n let mins = Math.floor(secs/60);\n let hours = Math.floor(mins/60);\n \n hours = Math.floor(hours%24);\n mins = Math.floor(mins%60);\n secs = Math.floor(secs%60); \n \n\n let message = \"\"; \n\n if(days <= 0){\n \n if(years > 0 ){\n if(years > 1) message += years + \" years\";\n else message += years + \" year\";\n }\n\n if(months > 0 ){\n if(months > 1) message += months + \" months \";\n else message += months + \" month \";\n }\n\n \n if(hours > 0){\n if(hours > 1) message += hours + \" hours \";\n else message += hours + \" hour \";\n } \n\n if(mins > 0){\n if(mins > 1) message += mins + \" mins \";\n else message += mins + \" min \"; \n }\n\n }\n else{\n\n if(years > 0 ){\n if(years > 1) message += years + \" years\";\n else message += years + \" year\";\n }\n\n if(months > 0 ){\n if(months > 1) message += months + \" months \";\n else message += months + \" month \";\n }\n \n\n if(days > 1) message += days + \" days \"; \n else message += days + \" day \"; \n }\n\n if(message == \"\") return message + \" now\";\n else return message;\n }\n\n checkDeveloperPlan(dev, plan){\n let found = false;\n dev.subscriptions.forEach(sub => {\n if(sub.developerPlanId.indexOf(plan) >= 0) found = true;\n });\n\n return found;\n }\n\n}\n","import { Injectable } from '@angular/core';\nimport { App } from '../models/app'; \nimport { Host } from '../models/host'; \nimport { HttpClient } from '@angular/common/http';\nimport { HttpHeaders } from '@angular/common/http';\nimport { AuthenticationService } from './authentication.service';\nimport { BehaviorSubject } from 'rxjs'; \nimport { environment } from './../../environments/environment'; \nimport { Md5 } from 'ts-md5';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class HostService {\n\n public _apps$: BehaviorSubject;\n private _apps:App[]; \n\n public _hosts$: BehaviorSubject;\n private _hosts:Host[]; \n headers: any = null;\n hostHeader: any = null;\n\n constructor(private http: HttpClient, private authenticationService: AuthenticationService) {\n\n if(this.authenticationService.user){\n const headers = new HttpHeaders({\n 'access-token': this.authenticationService.user.accessToken,\n });\n this.headers = headers;\n }\n this._apps$ = >new BehaviorSubject([]);\n this._hosts$ = >new BehaviorSubject([]);\n \n\n this.authenticationService.user$.subscribe(user => {\n let headers;\n if(user){\n headers = new HttpHeaders({\n 'access-token': user ? user.accessToken : \"\"\n });\n }\n \n this.headers = headers;\n });\n \n }\n\n get apps() {\n return this._apps$.asObservable();\n }\n\n\n get hosts() {\n return this._hosts$.asObservable();\n }\n \n\n async getCosyncVersion(host, callback) {\n if(!host.serverToken){\n return;\n }\n const header = new HttpHeaders({\n 'server-secret': host.serverToken \n });\n\n let versions = await this.http.get(`${host.serverApiUrl}/api/app/getCosyncVersions` , {responseType: 'json', headers: header}).toPromise();\n callback(versions);\n }\n\n\n getHosts(callback){\n this.http.get(`${environment.restful}/api/host/allHosts`, {responseType: 'json', headers: this.headers}).subscribe((res) => {\n this._hosts = res as any[]; \n this._hosts$.next(this._hosts);\n callback(res);\n },\n err => { \n if(err.error && err.error.user){\n this.authenticationService.updateUser(err.error.user);\n }\n \n callback(null, err);\n });\n }\n\n\n\n getHost(hostId, callback){\n this.http.get(`${environment.restful}/api/host/${hostId}`, {responseType: 'json', headers: this.headers}).subscribe((res) => {\n let host = res as any[]; \n callback(host);\n },\n err => { \n callback(null, err);\n });\n }\n\n\n getHostApplications(host, callback){\n\n const headers = new HttpHeaders({\n 'server-secret': host.serverToken,\n });\n\n this.http.get(`${host.serverApiUrl}/api/app/allApps`, {responseType: 'json', headers: headers}).subscribe((res) => {\n this._apps = res as any[]; \n this._apps$.next(this._apps);\n callback(res);\n },\n err => { \n this._apps$.next([]);\n callback(null, err);\n });\n\n }\n \n\n addHost(data, callback) {\n \n let tempApp = new Host();\n tempApp.name = data.hostName;\n this._hosts.unshift(tempApp);\n this._hosts$.next(this._hosts);\n\n\n this.http.post(`${environment.restful}/api/host/`, data, {responseType: 'json', headers: this.headers}).subscribe((respone : any)=>{\n \n \n let index = this._hosts.findIndex((element => {\n return element.name == data.hostName;\n }));\n\n if (index < 0) {\n this._hosts.unshift(respone);\n } else {\n this._hosts[index] = respone;\n }\n\n this._hosts$.next(this._hosts);\n \n callback(true);\n\n },err => {\n \n this._hosts.shift();\n this._hosts$.next(this._hosts);\n\n callback(null, err);\n });\n }\n\n getHostConnection(apiUrl, token){\n return new Promise((resolve, reject) => {\n\n const headers = new HttpHeaders({\n 'server-secret': token\n });\n\n this.http.get(`${apiUrl}/api/app/connection`, {responseType: 'json', headers: headers}).subscribe((res : any )=>{\n resolve(res); \n },\n err => {\n reject(err);\n });\n\n });\n\n }\n\n editHost(data, callback) {\n \n this.http.post(`${environment.restful}/api/host/update`, data, {responseType: 'json', headers: this.headers}).subscribe((respone : any)=>{\n callback(respone);\n \n let index = this._hosts.findIndex((element => {\n return element.hostId == data.hostId;\n }));\n\n if (index < 0) {\n this._hosts.unshift(respone);\n } else {\n this._hosts[index] = respone;\n }\n this._hosts$.next(this._hosts);\n \n }, \n err => {\n callback(null, err);\n });\n }\n\n\n\n createApp(host, data, callback) {\n \n let tempApp = new App();\n tempApp.name = data.appName;\n this._apps.unshift(tempApp);\n this._apps$.next(this._apps);\n \n const headers = new HttpHeaders({\n 'server-secret': host.serverToken\n });\n data.name = data.appName;\n\n this.http.post(`${host.serverApiUrl}/api/app`, data, {responseType: 'json', headers: headers}).subscribe((respone : any)=>{\n callback(respone);\n \n let index = this._apps.findIndex((element => {\n return element.appId == data.appId;\n }));\n\n if (index < 0) {\n this._apps.unshift(respone);\n } else {\n this._apps[index] = respone;\n }\n this._apps$.next(this._apps);\n \n }, \n err => {\n callback(null, err);\n });\n }\n\n\n\n editApp(host, data, callback) {\n \n const headers = new HttpHeaders({\n 'server-secret': host.serverToken\n });\n \n\n this.http.post(`${host.serverApiUrl}/api/app/update`, data, {responseType: 'json', headers: headers}).subscribe((respone : any)=>{\n callback(respone);\n \n let index = this._apps.findIndex((element => {\n return element.appId == data.appId;\n }));\n\n if (index < 0) {\n this._apps.unshift(respone);\n } else {\n this._apps[index] = respone;\n }\n this._apps$.next(this._apps);\n \n }, \n err => {\n callback(null, err);\n });\n }\n\n \n deleteHost(host: any, password:string) {\n return new Promise((resolve, reject) => {\n this.http.post(`${environment.restful}/api/host/deleteHost`, {hostId: host.hostId, password: Md5.hashStr(password) }, {responseType: 'json', headers: this.headers}).subscribe((res : any )=>{\n resolve(true);\n this._hosts = this._hosts.filter(value => value.hostId != host.hostId);\n this._hosts$.next(this._hosts); \n },\n err => {\n reject(err);\n });\n });\n \n } \n\n\n deleteApp(host, app: any) {\n return new Promise((resolve, reject) => {\n\n const headers = new HttpHeaders({\n 'server-secret': host.serverToken\n });\n \n \n this.http.delete(`${host.serverApiUrl}/api/app/${app.appId}`, {responseType: 'json', headers: headers}).subscribe((res : any )=>{\n resolve(true);\n this._apps = this._apps.filter(value => value.appId != app.appId);\n this._apps$.next(this._apps); \n },\n err => {\n reject(err);\n });\n });\n \n } \n\n\n\n resetApp(host: any, app:any) {\n return new Promise((resolve, reject) => {\n const headers = new HttpHeaders({\n 'server-secret': host.serverToken\n });\n \n\n this.http.post(`${host.serverApiUrl}/api/app/reset`, {appId: app.appId }, {responseType: 'json', headers: headers}).subscribe((res : any )=>{\n resolve(true); \n },\n err => {\n reject(err);\n });\n });\n \n } \n\n\n removeCosyncEngine(host, data: any) {\n return new Promise((resolve, reject) => {\n const headers = new HttpHeaders({\n 'server-secret': host.serverToken\n });\n \n\n this.http.post(`${host.serverApiUrl}/api/app/removeCosyncEngine`, data, {responseType: 'json', headers: headers}).subscribe((res : any )=>{\n resolve(res); \n },\n err => {\n reject(err);\n });\n });\n \n } \n\n\n\n removeCosyncJWT(host, data: any) {\n return new Promise((resolve, reject) => {\n\n const headers = new HttpHeaders({\n 'server-secret': host.serverToken\n });\n \n\n this.http.post(`${host.serverApiUrl}/api/app/removeCosyncJWT`, data, {responseType: 'json', headers: headers}).subscribe((res : any )=>{\n resolve(res); \n },\n err => {\n reject(err);\n });\n });\n \n } \n\n\n\n getAppEmailTemplates(host, app){\n return new Promise((resolve, reject) => {\n\n const headers = new HttpHeaders({\n 'server-secret': host.serverToken\n });\n \n\n this.http.get(`${host.serverApiUrl}/api/app/emailTemplates?appId=${app.appId}`, {responseType: 'json', headers: headers}).subscribe((res : any )=>{\n resolve(res); \n },\n err => {\n reject(err);\n });\n });\n }\n\n\n updateAppEmailTemplates(host, template){\n return new Promise((resolve, reject) => {\n\n const headers = new HttpHeaders({\n 'server-secret': host.serverToken\n });\n \n\n this.http.post(`${host.serverApiUrl}/api/app/updateEmailTemplate`, template, {responseType: 'json', headers: headers}).subscribe((res : any )=>{\n resolve(res); \n },\n err => {\n reject(err);\n });\n });\n }\n\n\n getAppLogData(host, app){\n return new Promise((resolve, reject) => {\n const headers = new HttpHeaders({\n 'server-secret': host.serverToken\n });\n\n this.http.get(`${host.serverApiUrl}/api/app/logs?appId=${app.appId}`, {responseType: 'json', headers: headers}).subscribe((res : any )=>{\n resolve(res); \n },\n err => {\n reject(err);\n });\n });\n }\n\n\n\n getAppLogDataOffset(host, data){\n return new Promise((resolve, reject) => {\n const headers = new HttpHeaders({\n 'server-secret': host.serverToken\n });\n\n this.http.get(`${host.serverApiUrl}/api/app/logs?appId=${data.appId}&type=${data.type}&status=${data.status}&offset=${data.offset}&limit=${data.limit}&fromDate=${data.fromDate}&toDate=${data.toDate}&filterAction=${data.filterAction}`, {responseType: 'json', headers: headers}).subscribe((res : any )=>{\n resolve(res); \n },\n err => {\n reject(err);\n });\n });\n }\n\n\n\n getAppData(host, app, hideAnonUser){\n return new Promise((resolve, reject) => {\n\n const headers = new HttpHeaders({\n 'server-secret': host.serverToken\n });\n\n this.http.get(`${host.serverApiUrl}/api/app/stat?appId=${app.appId}&hideAnonUser=${hideAnonUser}`, {responseType: 'json', headers: headers}).subscribe((res : any )=>{\n resolve(res); \n },\n err => {\n reject(err);\n });\n });\n }\n\n \n\n getAppDataTarget(host, data){\n return new Promise((resolve, reject) => {\n\n const headers = new HttpHeaders({\n 'server-secret': host.serverToken\n });\n \n\n this.http.get(`${host.serverApiUrl}/api/app/stat?appId=${data.appId}&target=${data.target}&offset=${data.offset}&limit=${data.limit}&hideAnonUser=${data.hideAnonUser}`, {responseType: 'json', headers: headers}).subscribe((res : any )=>{\n resolve(res); \n },\n err => {\n reject(err);\n });\n });\n }\n \n\n\n\n updateAppUser(host, user, status){\n return new Promise((resolve, reject) => {\n const headers = new HttpHeaders({\n 'server-secret': host.serverToken\n });\n \n\n this.http.post(`${host.serverApiUrl}/api/app/user`, {appId: user.appId, status: status, userId:user._id}, {responseType: 'json', headers: headers}).subscribe((res : any )=>{\n resolve(res); \n },\n err => {\n reject(err);\n });\n });\n }\n\n\n searchAppUser(host, appId, value, hideAnonUser){\n return new Promise((resolve, reject) => {\n\n const headers = new HttpHeaders({\n 'server-secret': host.serverToken\n });\n \n\n this.http.get(`${host.serverApiUrl}/api/app/searchUser?appId=${appId}&value=${value}&hideAnonUser=${hideAnonUser}`, {responseType: 'json', headers: headers}).subscribe((res : any )=>{\n resolve(res); \n },\n err => {\n reject(err);\n });\n });\n }\n \n\n searchSignup(host, appId, value){\n return new Promise((resolve, reject) => {\n\n const headers = new HttpHeaders({\n 'server-secret': host.serverToken\n });\n \n\n this.http.get(`${host.serverApiUrl}/api/app/searchSingUp?appId=${appId}&value=${value}`, {responseType: 'json', headers: headers}).subscribe((res : any )=>{\n resolve(res); \n },\n err => {\n reject(err);\n });\n });\n }\n\n searchInvite(host, appId, value){\n return new Promise((resolve, reject) => {\n\n const headers = new HttpHeaders({\n 'server-secret': host.serverToken\n });\n \n\n this.http.get(`${host.serverApiUrl}/api/app/searchInvite?appId=${appId}&value=${value}`, {responseType: 'json', headers: headers}).subscribe((res : any )=>{\n resolve(res); \n },\n err => {\n reject(err);\n });\n });\n }\n\n\n createAppInvite(host, data){\n return new Promise((resolve, reject) => {\n\n const headers = new HttpHeaders({\n 'server-secret': host.serverToken\n });\n \n\n this.http.post(`${host.serverApiUrl}/api/app/createAppInvite`, data, {responseType: 'json', headers: headers}).subscribe((res : any )=>{\n resolve(res); \n },\n err => {\n reject(err);\n });\n });\n }\n\n\n\n resendAppInvite(host, data){\n return new Promise((resolve, reject) => {\n\n const headers = new HttpHeaders({\n 'server-secret': host.serverToken\n });\n \n\n this.http.post(`${host.serverApiUrl}/api/app/resendAppInvite`, data, {responseType: 'json', headers: headers}).subscribe((res : any )=>{\n resolve(res); \n },\n err => {\n reject(err);\n });\n });\n }\n\n\n\n removeAppInvite(host, data){\n return new Promise((resolve, reject) => {\n\n const headers = new HttpHeaders({\n 'server-secret': host.serverToken\n });\n \n\n this.http.post(`${host.serverApiUrl}/api/app/removeAppInvite`, data, {responseType: 'json', headers: headers}).subscribe((res : any )=>{\n resolve(res); \n },\n err => {\n reject(err);\n });\n });\n }\n\n\n\n removeAppSignup(host, data){\n return new Promise((resolve, reject) => {\n\n const headers = new HttpHeaders({\n 'server-secret': host.serverToken\n });\n \n\n this.http.post(`${host.serverApiUrl}/api/app/removeAppSignup`, data, {responseType: 'json', headers: headers}).subscribe((res : any )=>{\n resolve(res); \n },\n err => {\n reject(err);\n });\n });\n }\n\n\n getSuperUserToken(host, data){\n return new Promise((resolve, reject) => {\n\n const headers = new HttpHeaders({\n 'server-secret': host.serverToken\n });\n \n\n this.http.get(`${host.serverApiUrl}/api/app/superuser?appId=${data.appId}&password=${data.password}`, {responseType: 'json', headers: headers}).subscribe((res : any )=>{\n resolve(res); \n },\n err => {\n reject(err);\n });\n });\n }\n\n\n resetUserPassword(host, data){\n return new Promise((resolve, reject) => {\n const headers = new HttpHeaders({\n 'server-secret': host.serverToken\n });\n \n\n this.http.post(`${host.serverApiUrl}/api/app/resetUserPassword`, data, {responseType: 'json', headers: headers}).subscribe((res : any )=>{\n resolve(res); \n },\n err => {\n reject(err);\n });\n });\n }\n \n\n deleteAppUser(host, data){\n return new Promise((resolve, reject) => {\n\n const headers = new HttpHeaders({\n 'server-secret': host.serverToken\n });\n \n\n this.http.post(`${host.serverApiUrl}/api/app/removeUser`, data, {responseType: 'json', headers: headers}).subscribe((res : any )=>{\n resolve(res); \n },\n err => {\n reject(err);\n });\n });\n }\n\n\n testEmailExtension(host, appId){\n return new Promise((resolve, reject) => { \n\n const headers = new HttpHeaders({\n 'server-secret': host.serverToken\n });\n\n this.http.post(`${host.serverApiUrl}/api/app/testEmailExtension`, {appId: appId}, {responseType: 'json', headers: headers}).subscribe((respone : any )=>{\n resolve(respone);\n },\n err => {\n reject(err);\n });\n })\n }\n\n\n createAppUser(host, data){\n return new Promise((resolve, reject) => {\n\n const headers = new HttpHeaders({\n 'server-secret': host.serverToken\n });\n \n\n this.http.post(`${host.serverApiUrl}/api/app/addUser`, data, {responseType: 'json', headers: headers}).subscribe((res : any )=>{\n resolve(res); \n },\n err => {\n reject(err);\n });\n });\n }\n\n\n updateAppSetting(host, app, setting){\n return new Promise((resolve, reject) => { \n app.setting = setting;\n\n const header = new HttpHeaders({\n 'server-secret': host.serverToken \n });\n\n this.http.post(`${host.serverApiUrl}/api/app/updateAppSetting`, app, {responseType: 'json', headers: header}).subscribe((respone : any )=>{\n resolve(respone);\n\n let index = this._apps.findIndex((element => {\n return element.appId == app.appId;\n }));\n \n if (index < 0) {\n this._apps.unshift(respone);\n } else {\n this._apps[index] = respone;\n }\n this._apps$.next(this._apps);\n },\n err => {\n reject(err);\n });\n });\n }\n\n\n updateAppMetaData(host, app){\n return new Promise((resolve, reject) => { \n\n const headers = new HttpHeaders({\n 'server-secret': host.serverToken\n });\n \n\n this.http.post(`${host.serverApiUrl}/api/app/updateAppMetaData`, app, {responseType: 'json', headers: headers}).subscribe((respone : any )=>{\n resolve(respone);\n\n let index = this._apps.findIndex((element => {\n return element.appId == app.appId;\n }));\n \n if (index < 0) {\n this._apps.unshift(respone);\n } else {\n this._apps[index] = respone;\n }\n this._apps$.next(this._apps);\n },\n err => {\n reject(err);\n });\n });\n }\n\n\n\n updateAppInviteMetaData(host, app){\n return new Promise((resolve, reject) => {\n\n const headers = new HttpHeaders({\n 'server-secret': host.serverToken\n });\n \n\n this.http.post(`${host.serverApiUrl}/api/app/updateAppInviteMetaData`, app, {responseType: 'json', headers: headers}).subscribe((respone : any )=>{\n resolve(respone);\n\n let index = this._apps.findIndex((element => {\n return element.appId == app.appId;\n }));\n \n if (index < 0) {\n this._apps.unshift(respone);\n } else {\n this._apps[index] = respone;\n }\n this._apps$.next(this._apps);\n },\n err => {\n reject(err);\n });\n });\n }\n\n\n \n\n testTwilio(host, phone, appId){\n return new Promise((resolve, reject) => { \n \n const headers = new HttpHeaders({\n 'server-secret': host.serverToken\n });\n \n\n this.http.post(`${host.serverApiUrl}/api/app/testAppTwilio`, {phone:phone, appId:appId}, {responseType: 'json', headers: headers}).subscribe((respone : any )=>{\n resolve(respone); \n },\n err => {\n reject(err);\n });\n });\n }\n\n\n\n\n initCosyncEngine(host, data){\n return new Promise((resolve, reject) => { \n\n const headers = new HttpHeaders({\n 'server-secret': host.serverToken\n });\n \n\n this.http.post(`${host.serverApiUrl}/api/app/initCosyncEngine`, data, {responseType: 'json', headers: headers}).subscribe((respone : any )=>{\n resolve(respone); \n },\n err => {\n reject(err);\n });\n });\n }\n\n\n\n reinitCosyncEngine(host, data){\n return new Promise((resolve, reject) => { \n \n const headers = new HttpHeaders({\n 'server-secret': host.serverToken\n });\n \n\n this.http.post(`${host.serverApiUrl}/api/app/reinitCosyncEngine`, data, {responseType: 'json', headers: headers}).subscribe((respone : any )=>{\n resolve(respone); \n },\n err => {\n reject(err);\n });\n });\n }\n\n\n\n initCosyncJWT(host, data){\n return new Promise((resolve, reject) => { \n\n const headers = new HttpHeaders({\n 'server-secret': host.serverToken\n });\n \n\n this.http.post(`${host.serverApiUrl}/api/app/initCosyncJWT`, data, {responseType: 'json', headers: headers}).subscribe((respone : any )=>{\n resolve(respone); \n },\n err => {\n reject(err);\n });\n });\n }\n\n\n reinitCosyncJWT(host, data){\n return new Promise((resolve, reject) => { \n\n const headers = new HttpHeaders({\n 'server-secret': host.serverToken\n });\n \n\n this.http.post(`${host.serverApiUrl}/api/app/reinitCosyncJWT`, data, {responseType: 'json', headers: headers}).subscribe((respone : any )=>{\n resolve(respone); \n },\n err => {\n reject(err);\n });\n });\n }\n\n\n updateAppUserMetaData(host,data){\n return new Promise((resolve, reject) => { \n\n const headers = new HttpHeaders({\n 'server-secret': host.serverToken\n });\n \n\n this.http.post(`${host.serverApiUrl}/api/app/updateAppUserMetaData`, data, {responseType: 'json', headers: headers}).subscribe((respone : any )=>{\n resolve(respone); \n },\n err => {\n reject(err);\n });\n });\n } \n\n\n\n\n public importAppDatabase(host, appName, file){\n return new Promise((resolve, reject) => { \n const formData = new FormData(); \n \n const headers = new HttpHeaders({\n 'server-secret': host.serverToken\n });\n\n formData.append('file', file);\n formData.append('appName', appName);\n headers.append('Content-Type', 'multipart/form-data');\n \n\n this.http.post(`${host.serverApiUrl}/api/app/importDatabase`, formData, {responseType: 'json', headers: headers}).subscribe((respone : any)=>{\n resolve(respone); \n this._apps.unshift(respone);\n this._apps$.next(this._apps);\n \n },\n err => {\n reject(err);\n });\n }); \n }\n\n\n activateLinkAppUser(hostId, appToken, handle, code){\n return new Promise((resolve, reject) => {\n\n this.getHost(hostId, function(host, error){\n\n if(error){\n reject(error);\n return;\n }\n\n this.http.get(`${host.serverApiUrl}/api/appuser/completeSignup?appToken=${appToken}&handle=${handle}&code=${code}`, {responseType: 'json', headers: this.headers}).subscribe((res:any[]) => {\n resolve(res);\n },\n err => { \n reject(err);\n });\n\n })\n });\n }\n\n\n\n exportAppDatabase(host, data){\n return new Promise((resolve, reject) => { \n \n const headers = new HttpHeaders({\n 'server-secret': host.serverToken\n });\n\n this.http.get(`${host.serverApiUrl}/api/app/export?appId=${data.appId}`, { headers: headers, responseType: 'blob' as 'json'} )\n \n .subscribe(res => { \n let months = [\"Jan\", \"Feb\", \"Mar\", \"Apr\", \"May\", \"Jun\", \"Jul\", \"Aug\", \"Sep\", \"Oct\", \"Nov\", \"Dec\"];\n let today = new Date();\n let todayString= today.getDate() +\"-\"+ months[today.getMonth()]+\"-\"+ today.getFullYear();\n let url = window.URL.createObjectURL(res);\n let a = document.createElement('a');\n document.body.appendChild(a);\n a.setAttribute('style', 'display: none');\n a.href = url;\n a.download = `${data.name}-database-export-${todayString}.zip`;\n a.click();\n window.URL.revokeObjectURL(url);\n a.remove(); // remove the element\n resolve(true);\n }, error => {\n console.log('download error:', JSON.stringify(error));\n reject(error);\n }, () => {\n console.log('Completed file download.')\n });\n\n\n });\n } \n\n\n\n addRemoveAppLocale(host, data){\n return new Promise((resolve, reject) => { \n\n const headers = new HttpHeaders({\n 'server-secret': host.serverToken\n });\n\n\n this.http.post(`${host.serverApiUrl}/api/app/addRemoveAppLocale`, data, {responseType: 'json', headers: headers}).subscribe((respone : any )=>{\n resolve(respone); \n },\n err => {\n reject(err);\n });\n });\n }\n\n patchHostAppLocale(host){\n return new Promise((resolve, reject) => { \n\n const headers = new HttpHeaders({\n 'server-secret': host.serverToken\n });\n\n\n this.http.post(`${host.serverApiUrl}/api/app/patchAppLocales`, {}, {responseType: 'json', headers: headers}).subscribe((respone : any )=>{\n resolve(respone); \n },\n err => {\n reject(err);\n });\n });\n }\n\n\n}\n","import { Injectable } from '@angular/core';\nimport { Router, NavigationStart } from '@angular/router';\nimport { Observable, Subject } from 'rxjs';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class NotificationService {\n private subject = new Subject();\n private keepAfterRouteChange = false;\n\n constructor(private router: Router) {\n this.router.events.subscribe(event => {\n if (event instanceof NavigationStart) {\n if (this.keepAfterRouteChange) {\n // only keep for a single route change\n this.keepAfterRouteChange = false;\n } else {\n // clear alert message\n this.clear();\n }\n }\n });\n }\n\n\n getAlert(): Observable {\n return this.subject.asObservable();\n }\n\n task(task, keepAfterRouteChange = false) {\n this.keepAfterRouteChange = keepAfterRouteChange;\n this.subject.next({ task: task });\n}\n\n success(message: string, keepAfterRouteChange = false) {\n this.keepAfterRouteChange = keepAfterRouteChange;\n this.subject.next({ type: 'success', text: message });\n }\n\n error(message: string, keepAfterRouteChange = false) {\n this.keepAfterRouteChange = keepAfterRouteChange;\n this.subject.next({ type: 'error', text: message });\n }\n\n clear() {\n // clear by calling subject.next() without parameters\n this.subject.next();\n }\n\n}\n","import { Injectable } from '@angular/core';\nimport { Observable, Subject } from 'rxjs';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class NotifyService {\n private subject = new Subject();\n\n constructor() { }\n\n\n getNoti(): Observable {\n return this.subject.asObservable();\n }\n\n notifyOther(subject:string, param) { \n this.subject.next({subject:subject, data:param});\n }\n\n}\n","import { Injectable } from '@angular/core'; \nimport { HttpClient, HttpHeaders, HttpErrorResponse } from '@angular/common/http';\nimport { AuthenticationService } from './authentication.service';\nimport { environment } from './../../environments/environment';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class PaymentService {\n\n headers: any = null;\n uid: string;\n\n constructor(private http: HttpClient, private authenticationService: AuthenticationService) {\n if(this.authenticationService.user){\n const headers = new HttpHeaders({\n 'access-token': this.authenticationService.user.accessToken,\n 'Content-Type': 'application/json',\n 'Accept': 'application/json'\n });\n this.headers = headers;\n }\n\n this.authenticationService.user$.subscribe(user => {\n let headers;\n if(user){\n headers = new HttpHeaders({\n 'access-token': user.accessToken,\n 'Content-Type': 'application/json',\n 'Accept': 'application/json'\n });\n }\n \n this.headers = headers;\n });\n\n } \n\n\n public getPaymentMethod(){\n return new Promise((resolve, reject) => {\n let res = this.http.get(`${environment.restful}/api/payment/`, {responseType: 'json', headers: this.headers});\n res.subscribe( \n response => {resolve(response);},\n err => { reject(err) } \n )\n }); \n } \n \n\n public addPaymentMethod(payload: any){\n return new Promise((resolve, reject) => {\n this.http.post(`${environment.restful}/api/payment/`, {nonce: payload.nonce}, {responseType: 'json', headers: this.headers}).subscribe(\n respone =>{ resolve(respone) },\n err => { reject(err) } \n );\n }); \n }\n\n public makeDefault(card){\n return new Promise((resolve, reject) => {\n \n this.http.post(`${environment.restful}/api/payment/makeDefault`, {token: card.token}, {responseType: 'json', headers: this.headers}).subscribe(\n respone =>{ resolve(respone) },\n err => { reject(err) } \n );\n }); \n }\n\n public removeCard(card){\n return new Promise((resolve, reject) => {\n this.http.post(`${environment.restful}/api/payment/removeCard`, {token: card.token}, {responseType: 'json', headers: this.headers}).subscribe(\n respone =>{ resolve(respone) },\n err => { reject(err) } \n );\n }); \n }\n\n public getSubscriptions(){\n return new Promise((resolve, reject) => {\n this.http.get(`${environment.restful}/api/payment/subscriptions`, {responseType: 'json', headers: this.headers}).subscribe(\n respone =>{ resolve(respone) },\n err => { reject(err) } \n );\n }); \n }\n\n\n public subscribe(data){\n return new Promise((resolve, reject) => {\n this.http.post(`${environment.restful}/api/payment/subscribe`, data, {responseType: 'json', headers: this.headers}).subscribe(\n respone =>{ resolve(respone) },\n err => { reject(err) } \n );\n }); \n }\n\n\n\n public updateAutoRenewSubscription(data){\n return new Promise((resolve, reject) => {\n this.http.post(`${environment.restful}/api/payment/updateAutoRenewSubscription`, data, {responseType: 'json', headers: this.headers}).subscribe(\n respone =>{ resolve(respone) },\n err => { reject(err) } \n );\n }); \n }\n\n\n public getPlans(){\n return new Promise((resolve, reject) => {\n this.http.get(`${environment.restful}/api/payment/plan`, {responseType: 'json', headers: this.headers}).subscribe(\n respone =>{ resolve(respone) },\n err => { reject(err) } \n );\n }); \n }\n\n\n\n public getSelfHostingPlans(){\n return new Promise((resolve, reject) => {\n this.http.get(`${environment.restful}/api/payment/selfHostingPlan`, {responseType: 'json', headers: this.headers}).subscribe(\n respone =>{ resolve(respone) },\n err => { reject(err) } \n );\n }); \n }\n\n\n\n public addAddress(address){\n return new Promise((resolve, reject) => {\n this.http.post(`${environment.restful}/api/payment/address`, address, {responseType: 'json', headers: this.headers}).subscribe(\n respone =>{ resolve(respone) },\n err => { reject(err) } \n );\n }); \n }\n\n\n public getBillingHistory(){\n return new Promise((resolve, reject) => {\n this.http.get(`${environment.restful}/api/payment/billingHistory`, {responseType: 'json', headers: this.headers}).subscribe(\n respone =>{ \n resolve(respone) \n },\n err => { reject(err);} \n );\n }); \n }\n\n\n\n public getBillingPDF(item){\n return new Promise((resolve, reject) => {\n \n this.http.get(`${environment.restful}/api/payment/report?invoiceId=${item.invoiceId}`, { headers: this.headers, responseType: 'blob' as 'json'} )\n \n .subscribe(res => { \n var url = window.URL.createObjectURL(res);\n var a = document.createElement('a');\n document.body.appendChild(a);\n a.setAttribute('style', 'display: none');\n a.href = url;\n a.download = item.invoiceId;\n a.click();\n window.URL.revokeObjectURL(url);\n a.remove(); // remove the element\n resolve(true);\n }, error => {\n console.log('download error:', JSON.stringify(error));\n reject(error);\n }, () => {\n console.log('Completed file download.')\n });\n \n }); \n }\n\n}\n","import { Injectable } from '@angular/core';\nimport { HttpClient, HttpHeaders } from '@angular/common/http';\nimport { environment } from './../../environments/environment';\nimport { AuthenticationService } from './authentication.service';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class UploadService {\n\n headers: any = null;\n\n constructor(private http: HttpClient, private authService:AuthenticationService) {\n if(this.authService.user){\n const headers = new HttpHeaders({\n 'access-token': this.authService.user.accessToken,\n });\n this.headers = headers;\n }\n\n this.authService.user$.subscribe(user => {\n let headers;\n if(user){\n headers = new HttpHeaders({\n 'access-token': user.accessToken\n });\n } \n this.headers = headers;\n });\n\n }\n\n\n public upload(image: File){\n return new Promise((resolve, reject) => { \n const formData = new FormData(); \n \n formData.append('file', image);\n this.headers.append('Content-Type', 'multipart/form-data');\n \n\n this.http.post(`${environment.restful}/api/upload`, formData, {responseType: 'json', headers: this.headers}).subscribe((respone : any)=>{\n resolve(respone);\n this.authService.updateUser({avatar:respone});\n },\n err => {\n reject(err);\n });\n }); \n }\n\n}\n","// This file can be replaced during build by using the `fileReplacements` array.\n// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.\n// The list of file replacements can be found in `angular.json`.\n\nexport const environment = {\n production: true,\n restful: 'https://sandbox.cosync.net',\n webUrl: 'https://portal.cosync.net',\n tokenizationKeys:\"production_x6z6h86y_nysd7fnxdddcmysz\"\n};\n\n/*\n * For easier debugging in development mode, you can import the following file\n * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.\n *\n * This import should be commented out in production mode because it will have a negative impact\n * on performance if an error is thrown.\n */\n// import 'zone.js/dist/zone-error'; // Included with Angular CLI.\n","import { enableProdMode } from '@angular/core';\nimport { platformBrowserDynamic } from '@angular/platform-browser-dynamic';\n\nimport { AppModule } from './app/app.module';\nimport { environment } from './environments/environment';\n\nif (environment.production) {\n enableProdMode();\n}\n\nplatformBrowserDynamic().bootstrapModule(AppModule)\n .catch(err => console.error(err));\n"],"sourceRoot":"webpack:///"} ![](\\\"./assets/img/default-avatar.png\\\"){kind=avatar}
\\n