Merge branch 'main' of https://github.com/WWWPiramalFinanceCOM/pirama…

…lfinance into feature/optimization

blocks/form/base-64.js

@@ -0,0 +1,8 @@
+export const toBase64 = file => new Promise(async (resolve, reject) => {
+ const reader = new FileReader();
+ await reader.readAsDataURL(file);
+ reader.onload = () => {
+ resolve(reader.result);
+ }
+ reader.onerror = reject;
+});

blocks/form/form-fields.js

@@ -1,5 +1,6 @@
 
 import { toClassName } from '../../scripts/aem.js';
+import { toBase64 } from './base-64.js';
 
 function createFieldWrapper(fd) {
  const fieldWrapper = document.createElement('div');
@@ -157,6 +158,10 @@ const createInput = (fd) => {
  fieldWrapper.prepend(label);
  }
 
+ field.addEventListener('change', async function (e) {
+ const base64 = await toBase64(this.files[0])
+ this.dataset.fileData = base64;
+ })
  return { field, fieldWrapper };
 };
 

blocks/form/form.js

@@ -1,3 +1,4 @@
+import { toBase64 } from './base-64.js';
 import createField from './form-fields.js';
 
 async function createForm(formHref, submitHref) {
@@ -33,6 +34,8 @@ function generatePayload(form) {
  if (field.name && field.type !== 'submit' && !field.disabled) {
  if (field.type === 'radio') {
  if (field.checked) payload[field.name] = field.value;
+ } else if (field.type === 'file') {
+ payload[field.name] = field.dataset.fileData;
  } else if (field.type === 'checkbox') {
  if (field.checked) payload[field.name] = payload[field.name] ? `${payload[field.name]},${field.value}` : field.value;
  } else {

component-models.json

@@ -1276,6 +1276,10 @@
  {
  "name": "used-car-loan-branch-carousel",
  "value": "used-car-loan-branch-carousel"
+ },
+ {
+ "name": "video-component-carousel",
+ "value": "video-component-carousel"
  }
  ]
  },