 8c9096b55b
			
		
	
	
		8c9096b55b
		
			
		
	
	
	
	
		
			
			* Add vital integration * Tidy up client_user_id creation * Rename vital app to vitalother to follow name rules * Added env var * App vital reschedule * Fix on app structure and api calls * Implemented user identification from webhook * WIP fix api call and read me * Save vital settings via api * Now saving userVitalSettings and trigger reschedule on selected param * Added translations * Fix type for vitalSettings * Using api to get env vars required for url, fix display of vital settings * Fix hours placeholder, translation not working * Renames vital app * Update seed-app-store.ts * Update package.json * Update yarn.lock * Refactored env variables * Update README.md * Migrates to api_keys * Extracts AppConfiguration * vitalClient fixes * Update index.ts * Update metadata.ts * Update index.ts * Update metadata.ts * Added namespace vital for translations Co-authored-by: Maitham <maithamdib@gmail.com> Co-authored-by: zomars <zomars@me.com> Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
		
			
				
	
	
		
			91 lines
		
	
	
	
		
			2.3 KiB
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
			
		
		
	
	
			91 lines
		
	
	
	
		
			2.3 KiB
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
| export const emailHead = (headerContent: string): string => {
 | |
|   return `
 | |
|   <head>
 | |
|     <title>${headerContent}</title>
 | |
|     <!--[if !mso]><!-->
 | |
|     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 | |
|     <!--<![endif]-->
 | |
|     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 | |
|     <meta name="viewport" content="width=device-width, initial-scale=1">
 | |
|     <style type="text/css">
 | |
|       #outlook a {
 | |
|         padding: 0;
 | |
|       }
 | |
| 
 | |
|       body {
 | |
|         margin: 0;
 | |
|         padding: 0;
 | |
|         -webkit-text-size-adjust: 100%;
 | |
|         -ms-text-size-adjust: 100%;
 | |
|       }
 | |
| 
 | |
|       table,
 | |
|       td {
 | |
|         border-collapse: collapse;
 | |
|         mso-table-lspace: 0pt;
 | |
|         mso-table-rspace: 0pt;
 | |
|       }
 | |
| 
 | |
|       img {
 | |
|         border: 0;
 | |
|         height: auto;
 | |
|         line-height: 100%;
 | |
|         outline: none;
 | |
|         text-decoration: none;
 | |
|         -ms-interpolation-mode: bicubic;
 | |
|       }
 | |
| 
 | |
|       p {
 | |
|         display: block;
 | |
|         margin: 13px 0;
 | |
|       }
 | |
|     </style>
 | |
|     <!--[if mso]>
 | |
|           <noscript>
 | |
|           <xml>
 | |
|           <o:OfficeDocumentSettings>
 | |
|             <o:AllowPNG/>
 | |
|             <o:PixelsPerInch>96</o:PixelsPerInch>
 | |
|           </o:OfficeDocumentSettings>
 | |
|           </xml>
 | |
|           </noscript>
 | |
|           <![endif]-->
 | |
|     <!--[if lte mso 11]>
 | |
|           <style type="text/css">
 | |
|             .mj-outlook-group-fix { width:100% !important; }
 | |
|           </style>
 | |
|           <![endif]-->
 | |
|     <!--[if !mso]><!-->
 | |
|     <link href="https://fonts.googleapis.com/css?family=Roboto:400,500,700" rel="stylesheet" type="text/css">
 | |
|     <style type="text/css">
 | |
|       @import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700);
 | |
|     </style>
 | |
|     <!--<![endif]-->
 | |
|     <style type="text/css">
 | |
|       @media only screen and (min-width:480px) {
 | |
|         .mj-column-per-100 {
 | |
|           width: 100% !important;
 | |
|           max-width: 100%;
 | |
|         }
 | |
|       }
 | |
|     </style>
 | |
|     <style media="screen and (min-width:480px)">
 | |
|       .moz-text-html .mj-column-per-100 {
 | |
|         width: 100% !important;
 | |
|         max-width: 100%;
 | |
|       }
 | |
|     </style>
 | |
|     <style type="text/css">
 | |
|       @media only screen and (max-width:480px) {
 | |
|         table.mj-full-width-mobile {
 | |
|           width: 100% !important;
 | |
|         }
 | |
| 
 | |
|         td.mj-full-width-mobile {
 | |
|           width: auto !important;
 | |
|         }
 | |
|       }
 | |
|     </style>
 | |
|   </head>
 | |
|   `;
 | |
| };
 |