abmp-npm 1.6.0 → 1.6.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "abmp-npm",
-  "version": "1.6.0",
+  "version": "1.6.1",
   "main": "index.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
@@ -32,6 +32,7 @@
     "@wix/essentials": "^0.1.28",
     "@wix/members": "^1.0.330",
     "@wix/site-location": "^1.31.0",
+    "@wix/site-storage": "^1.22.0",
     "@wix/site-window": "^1.44.0",
     "ngeohash": "^0.6.3",
     "phone": "^3.1.67",

package/pages/PersonalDetailsForm.js

@@ -2,6 +2,14 @@ const { location: wixLocation } = require('@wix/site-location');
 const { storage: wixStorage } = require('@wix/site-storage');
 const { window: wixWindow } = require('@wix/site-window');
 
+const {
+  ADDRESS_STATUS_TYPES,
+  DEFAULT_BUSINESS_NAME_TEXT,
+  FREE_WEBSITE_TEXT_STATES,
+  LIGHTBOX_NAMES,
+  ABMP_MEMBERS_HOME_URL,
+} = require('../public/consts');
+const { handleOnCustomValidation, isNotValidUrl } = require('../public/Utils/formValidation');
 const { generateId } = require('../public/Utils/sharedUtils');
 
 const MAX_PHONES_COUNT = 10;
@@ -54,18 +62,11 @@ async function personalDetailsFormOnReady({
   saveRegistrationData,
   validateMemberToken,
   checkUrlUniqueness,
-  ADDRESS_STATUS_TYPES,
-  DEFAULT_BUSINESS_NAME_TEXT,
-  FREE_WEBSITE_TEXT_STATES,
-  LIGHTBOX_NAMES,
-  ABMP_MEMBERS_HOME_URL,
-  handleOnCustomValidation,
-  isNotValidUrl,
 }) {
   let itemMemberObj = {};
   let originalMemberData = {};
   let selectedServices = [];
-  let uploadedImages = {
+  const uploadedImages = {
     profileImage: '',
     logoImage: '',
     bannerImage: '',
@@ -73,7 +74,7 @@ async function personalDetailsFormOnReady({
 
   const FALLBACK_ADDRESS_STATUS = ADDRESS_STATUS_TYPES.STATE_CITY_ZIP;
 
-  let formHasUnsavedChanges = {
+  const formHasUnsavedChanges = {
     [FORM_SECTION_HANDLER_MAP.PERSONAL.section]: false,
     [FORM_SECTION_HANDLER_MAP.BUSINESS_SERVICES.section]: false,
     [FORM_SECTION_HANDLER_MAP.CONTACT_BOOKING.section]: false,
@@ -81,7 +82,7 @@ async function personalDetailsFormOnReady({
     [FORM_SECTION_HANDLER_MAP.WEBSITE_OPT_OUT.section]: false,
   };
 
-  let slugValidationTimeout = {};
+  const slugValidationTimeout = {};
   let isSlugValid = true;
   let currentSlugValidationId = 0;
   let memberData, isValid, isStudent;
@@ -147,7 +148,7 @@ async function personalDetailsFormOnReady({
   originalMemberData = JSON.parse(JSON.stringify(memberData));
   // Initialize selectedServices based on memberData
   selectedServices = Array.isArray(itemMemberObj.areasOfPractices)
-    ? itemMemberObj.areasOfPractices.map((label) => ({ _id: generateId(), label: String(label) }))
+    ? itemMemberObj.areasOfPractices.map(label => ({ _id: generateId(), label: String(label) }))
     : [];
 
   $w('#mainMultiStateBox').changeState(MAIN_STATE_BOX_STATES.FORM_STATE);
@@ -230,7 +231,7 @@ async function personalDetailsFormOnReady({
   }
   function initGallery() {
     $w('#galleryRepeater').onItemReady(handleGalleryItem);
-    $w('#uploadGalleryImageButton').onChange(async (event) => {
+    $w('#uploadGalleryImageButton').onChange(async event => {
       const $item = $w.at(event.context);
       const uploadButton = $item('#uploadGalleryImageButton');
       if (uploadButton.value.length === 0) return;
@@ -241,7 +242,7 @@ async function personalDetailsFormOnReady({
           itemMemberObj.gallery = [];
         }
 
-        uploadedFiles.forEach((file) => {
+        uploadedFiles.forEach(file => {
           itemMemberObj.gallery.unshift({ src: file.fileUrl });
         });
 
@@ -255,12 +256,12 @@ async function personalDetailsFormOnReady({
         console.error('Upload failed:', error);
       }
     });
-    $w('#deleteImageButton').onClick(async (event) => {
+    $w('#deleteImageButton').onClick(async event => {
       const itemId = event.context.itemId;
-      const itemData = $w('#galleryRepeater').data.find((item) => item._id === itemId);
+      const itemData = $w('#galleryRepeater').data.find(item => item._id === itemId);
       const result = await wixWindow.openLightbox(LIGHTBOX_NAMES.DELETE_CONFIRM);
       if (result && result.toDelete) {
-        itemMemberObj.gallery = itemMemberObj.gallery.filter((img) => img.src !== itemData.image.src);
+        itemMemberObj.gallery = itemMemberObj.gallery.filter(img => img.src !== itemData.image.src);
         await saveGalleryToCMS();
         setGallery(); // Re-render
       }
@@ -275,8 +276,6 @@ async function personalDetailsFormOnReady({
 
     $w('#slugInput').value = itemMemberObj.url || '';
 
-    isSlugValid = true;
-
     $w(SLUG_FLAGS.VALID).collapse();
     $w(SLUG_FLAGS.INVALID).collapse();
 
@@ -284,7 +283,7 @@ async function personalDetailsFormOnReady({
     $w('#profileLink').link = fullProfilePageLink;
     $w('#profileLink').target = '_blank';
     $w('#licenceNoText').text = (itemMemberObj.licenses || [])
-      .map((val) => val.license)
+      .map(val => val.license)
       .filter(Boolean)
       .join(', ');
     const handleIsStudent = () => {
@@ -306,7 +305,7 @@ async function personalDetailsFormOnReady({
       '#optConfirmationBox',
       '#yesOptButton',
       '#cancelOptButton',
-      (confirmed) => handleOptConfirmation(confirmed, '#optCheckbox', '#optConfirmationBox', 'optOut')
+      confirmed => handleOptConfirmation(confirmed, '#optCheckbox', '#optConfirmationBox', 'optOut')
     );
 
     setupOptOutCheckbox(
@@ -314,15 +313,27 @@ async function personalDetailsFormOnReady({
       '#optWebsiteConfirmationBox',
       '#yesOptWebsiteButton',
       '#cancelOptwebsiteButton',
-      (confirmed) => handleOptConfirmation(confirmed, '#optWebsiteCheckbox', '#optWebsiteConfirmationBox', 'showWixUrl')
+      confirmed =>
+        handleOptConfirmation(
+          confirmed,
+          '#optWebsiteCheckbox',
+          '#optWebsiteConfirmationBox',
+          'showWixUrl'
+        )
     );
   }
 
-  function setupOptOutCheckbox(checkboxId, confirmationBoxId, confirmBtnId, cancelBtnId, confirmCallback) {
+  function setupOptOutCheckbox(
+    checkboxId,
+    confirmationBoxId,
+    confirmBtnId,
+    cancelBtnId,
+    confirmCallback
+  ) {
     const checkbox = $w(checkboxId);
     const box = $w(confirmationBoxId);
 
-    checkbox.onChange((e) => {
+    checkbox.onChange(e => {
       if (!e.target.checked) {
         box.expand();
         checkbox.disable();
@@ -433,18 +444,18 @@ async function personalDetailsFormOnReady({
         { $elem: elements.$UrlInput, changeEvent: CHANGE_EVENTS.ON_INPUT },
       ],
     };
-    Object.keys(formChangeEventBindings).forEach((section) => {
+    Object.keys(formChangeEventBindings).forEach(section => {
       formChangeEventBindings[section].forEach(({ $elem, changeEvent }) => {
         $elem[changeEvent](() => {
           const handlerMap = Object.values(FORM_SECTION_HANDLER_MAP).find(
-            (handlerMap) => handlerMap.section === section
+            handlerMap => handlerMap.section === section
           );
           checkFormChanges(handlerMap);
         });
       });
     });
 
-    $w('#slugInput').onInput((event) => {
+    $w('#slugInput').onInput(event => {
       $w('#savePersonalButton').disable();
       const slug = event.target.value;
 
@@ -500,7 +511,8 @@ async function personalDetailsFormOnReady({
         isSlugValid = true;
       if (formDataType === FORM_SECTION_HANDLER_MAP.CONTACT_BOOKING.section) {
         isEmailValid = $w('#contactFormEmailInput').valid;
-        isUrlValid = !isNotValidUrl($w('#UrlInput').value) && !isNotValidUrl($w('#schedulingLinkInput').value);
+        isUrlValid =
+          !isNotValidUrl($w('#UrlInput').value) && !isNotValidUrl($w('#schedulingLinkInput').value);
       }
       if (formDataType === FORM_SECTION_HANDLER_MAP.PERSONAL.section) {
         isNameValid = $w('#firstNameInput').valid && $w('#lastNameInput').valid;
@@ -587,7 +599,7 @@ async function personalDetailsFormOnReady({
     // Get memberships array
     const memberships = Array.isArray(itemMemberObj.memberships) ? itemMemberObj.memberships : [];
     // Find ABMP object
-    const abmp = memberships.find((m) => m.association === 'ABMP');
+    const abmp = memberships.find(m => m.association === 'ABMP');
     // Set yearJoinedText
     if (abmp && abmp.membersince) {
       $w('#yearJoinedText').text = abmp.membersince;
@@ -607,7 +619,7 @@ async function personalDetailsFormOnReady({
     }
 
     if (Array.isArray(itemMemberObj.areasOfPractices)) {
-      selectedServices = itemMemberObj.areasOfPractices.map((label) => ({
+      selectedServices = itemMemberObj.areasOfPractices.map(label => ({
         _id: generateId(),
         label: String(label),
       }));
@@ -628,7 +640,7 @@ async function personalDetailsFormOnReady({
       if ($w(uploadButton).value?.length > 0) {
         try {
           const uploadedFiles = await $w(uploadButton).uploadFiles();
-          uploadedFiles.forEach((file) => {
+          uploadedFiles.forEach(file => {
             uploadedImages[imageKey] = file.fileUrl;
             updateUI(file);
           });
@@ -669,19 +681,19 @@ async function personalDetailsFormOnReady({
   }
 
   function setupImageUploadAndDeleteHandlers() {
-    uploadImage('#uploadProfileButton', 'profileImage', (file) => {
+    uploadImage('#uploadProfileButton', 'profileImage', file => {
       $w('#profileImage').src = file.fileUrl;
       $w('#profileImageName').text = formatFileName(file.fileName);
       $w('#profileImageContainer').expand();
     });
 
-    uploadImage('#uploadLogoButton', 'logoImage', (file) => {
+    uploadImage('#uploadLogoButton', 'logoImage', file => {
       $w('#logoImage').src = file.fileUrl;
       $w('#logoImageName').text = file.fileName;
       $w('#logoImageContainer').expand();
     });
 
-    uploadImage('#uploadBannerButton', 'bannerImage', (file) => {
+    uploadImage('#uploadBannerButton', 'bannerImage', file => {
       $w('#bannerImage').src = file.fileUrl;
       $w('#bannerImageName').text = file.fileName;
       $w('#bannerImageContainer').expand();
@@ -777,7 +789,7 @@ async function personalDetailsFormOnReady({
       arrayRef.splice(
         0,
         arrayRef.length,
-        ...arrayRef.filter((item) =>
+        ...arrayRef.filter(item =>
           typeof item === 'string' ? item !== textToRemove : item[matchField] !== textToRemove
         )
       );
@@ -790,7 +802,7 @@ async function personalDetailsFormOnReady({
   async function setInterestData() {
     const interestsData = await getInterestAll();
 
-    $w('#removeServiceButton').onClick((event) => {
+    $w('#removeServiceButton').onClick(event => {
       handleItemDelete(event, '#serviceNameText', selectedServices, 'label', renderServices);
     });
 
@@ -801,7 +813,7 @@ async function personalDetailsFormOnReady({
       }));
 
       $w('#repeaterInterest').data = formattedData;
-      $w('#repeaterInterest').onItemReady(($item, itemData, index) => {
+      $w('#repeaterInterest').onItemReady(($item, itemData, _index) => {
         $item('#interestText').text = itemData.value;
       });
     }
@@ -827,7 +839,7 @@ async function personalDetailsFormOnReady({
     //     }, 150);
     // });
 
-    intrestInput.onKeyPress((event) => {
+    intrestInput.onKeyPress(event => {
       debounce_fun();
 
       if (event.key === 'Enter') {
@@ -835,7 +847,9 @@ async function personalDetailsFormOnReady({
 
         if (
           typedValue &&
-          !selectedServices.some((service) => service.label.toLowerCase() === typedValue.toLowerCase())
+          !selectedServices.some(
+            service => service.label.toLowerCase() === typedValue.toLowerCase()
+          )
         ) {
           selectedServices.unshift({
             _id: generateId(),
@@ -853,7 +867,7 @@ async function personalDetailsFormOnReady({
       $item('#interestText').text = itemData.value;
 
       $item('#intrestItem').onClick(() => {
-        if (!selectedServices.some((service) => service.label === itemData.value)) {
+        if (!selectedServices.some(service => service.label === itemData.value)) {
           selectedServices.unshift({
             _id: generateId(),
             label: itemData.value,
@@ -887,7 +901,9 @@ async function personalDetailsFormOnReady({
     const memberId = wixStorage.local.getItem('memberId');
     const timestamp = new Date().toISOString();
 
-    console.group(`User Data Change Log - ${saveType.toUpperCase()} - ${success ? 'SUCCESS' : 'FAILED'}`);
+    console.group(
+      `User Data Change Log - ${saveType.toUpperCase()} - ${success ? 'SUCCESS' : 'FAILED'}`
+    );
     console.log('Change Details:', {
       memberId,
       timestamp,
@@ -900,7 +916,7 @@ async function personalDetailsFormOnReady({
 
     // Calculate and log specific changes
     const changes = {};
-    Object.keys(afterData).forEach((key) => {
+    Object.keys(afterData).forEach(key => {
       if (JSON.stringify(beforeData[key]) !== JSON.stringify(afterData[key])) {
         changes[key] = {
           before: beforeData[key],
@@ -942,7 +958,8 @@ async function personalDetailsFormOnReady({
 
       return {
         success: false,
-        message: "It looks like something went wrong — the information wasn't saved. Please try again later.",
+        message:
+          "It looks like something went wrong — the information wasn't saved. Please try again later.",
       };
     }
   }
@@ -1024,8 +1041,8 @@ async function personalDetailsFormOnReady({
   function getBusinessAndServicesData() {
     const getCurrentTestimonials = () =>
       $w('#testimonialRepeater')
-        .data.filter((item) => item.isAdd === false)
-        .map((item) => item.text)
+        .data.filter(item => item.isAdd === false)
+        .map(item => item.text)
         .filter(Boolean) || itemMemberObj.testimonial;
 
     return {
@@ -1035,7 +1052,7 @@ async function personalDetailsFormOnReady({
       profileImage: uploadedImages.profileImage,
       logoImage: uploadedImages.logoImage,
       bannerImages: uploadedImages.bannerImage ? [uploadedImages.bannerImage] : [],
-      areasOfPractices: selectedServices.map((service) => service.label),
+      areasOfPractices: selectedServices.map(service => service.label),
       aboutService: $w('#aboutInput').value,
       testimonial: getCurrentTestimonials(),
     };
@@ -1063,7 +1080,11 @@ async function personalDetailsFormOnReady({
     if (result.success) {
       if (personalChanges.url && personalChanges.url !== originalUrl) {
         const newProfileLink = `${wixLocation.baseUrl}/profile/${personalChanges.url}`;
-        console.log('🔗 Updating profile link:', { originalUrl, newUrl: personalChanges.url, newProfileLink });
+        console.log('🔗 Updating profile link:', {
+          originalUrl,
+          newUrl: personalChanges.url,
+          newProfileLink,
+        });
         $w('#profileLink').text = newProfileLink;
         $w('#profileLink').link = newProfileLink;
 
@@ -1109,8 +1130,14 @@ async function personalDetailsFormOnReady({
     const addTestimonialButton = $w('#addTestimonialButton');
 
     addTestimonialButton.onClick(handleAddTestimonial);
-    $w('#deleteTestimonialButton').onClick((event) => {
-      handleItemDelete(event, '#testimonialText', itemMemberObj.testimonial, null, renderTestimonials);
+    $w('#deleteTestimonialButton').onClick(event => {
+      handleItemDelete(
+        event,
+        '#testimonialText',
+        itemMemberObj.testimonial,
+        null,
+        renderTestimonials
+      );
     });
 
     renderTestimonials();
@@ -1135,7 +1162,7 @@ async function personalDetailsFormOnReady({
     const addItem = { _id: 'add-item', text: '', isAdd: true };
     const testimonialData = [
       addItem,
-      ...testimonials.map((text) => ({ _id: generateId(), text, isAdd: false })),
+      ...testimonials.map(text => ({ _id: generateId(), text, isAdd: false })),
     ];
 
     setupRepeater('#testimonialRepeater', testimonialData);
@@ -1202,7 +1229,7 @@ async function personalDetailsFormOnReady({
     });
 
     // toggle handlers
-    $w('#showUrlWixCheckbox').onChange((e) => {
+    $w('#showUrlWixCheckbox').onChange(e => {
       if (e.target.checked) {
         $w('#showExsistingUrlCheckbox').checked = false;
         $w('#UrlInput').disable();
@@ -1210,7 +1237,7 @@ async function personalDetailsFormOnReady({
       }
       checkFormChanges(FORM_SECTION_HANDLER_MAP.CONTACT_BOOKING);
     });
-    $w('#showExsistingUrlCheckbox').onChange((e) => {
+    $w('#showExsistingUrlCheckbox').onChange(e => {
       if (e.target.checked) {
         $w('#showUrlWixCheckbox').checked = false;
         $w('#UrlInput').enable();
@@ -1239,7 +1266,9 @@ async function personalDetailsFormOnReady({
     const formatted = formatFullAddress(address);
 
     const hasValidCoordinates = Boolean(address.latitude && address.longitude);
-    const location = hasValidCoordinates ? { latitude: address.latitude, longitude: address.longitude } : null;
+    const location = hasValidCoordinates
+      ? { latitude: address.latitude, longitude: address.longitude }
+      : null;
 
     return {
       formatted,
@@ -1283,14 +1312,16 @@ async function personalDetailsFormOnReady({
       state: addressInputValue.subdivision || '',
       postalcode: addressInputValue.postalCode || '',
       country: addressInputValue.country || 'US',
-      latitude: addressInputValue.location?.latitude || (existingAddress?.latitude || 0),
-      longitude: addressInputValue.location?.longitude || (existingAddress?.longitude || 0),
+      latitude: addressInputValue.location?.latitude || existingAddress?.latitude || 0,
+      longitude: addressInputValue.location?.longitude || existingAddress?.longitude || 0,
       addressStatus: existingAddress?.addressStatus || FALLBACK_ADDRESS_STATUS,
     };
   }
 
   function setupAddressRepeater() {
-    $w('#addressesList').onItemReady(($item, itemData, index) => handleAddressItem($item, itemData, index));
+    $w('#addressesList').onItemReady(($item, itemData, _index) =>
+      handleAddressItem($item, itemData, _index)
+    );
     renderAddressesList();
 
     $w('#newAddressButton').onClick(addNewAddress);
@@ -1299,9 +1330,9 @@ async function personalDetailsFormOnReady({
   }
 
   function setupAddressRepeaterEventListeners() {
-    $w('#mainAddressCheckbox').onChange((event) => {
+    $w('#mainAddressCheckbox').onChange(event => {
       const data = $w('#addressesList').data;
-      const clickedItemData = data.find((item) => item._id === event.context.itemId);
+      const clickedItemData = data.find(item => item._id === event.context.itemId);
       const $item = $w.at(event.context);
 
       $w('#mainAddressCheckbox').checked = false;
@@ -1316,9 +1347,9 @@ async function personalDetailsFormOnReady({
       checkFormChanges(FORM_SECTION_HANDLER_MAP.CONTACT_BOOKING);
     });
 
-    $w('#addressStatusOptions').onChange((event) => {
+    $w('#addressStatusOptions').onChange(event => {
       const data = $w('#addressesList').data;
-      const clickedItemData = data.find((item) => item._id === event.context.itemId);
+      const clickedItemData = data.find(item => item._id === event.context.itemId);
       const newStatus = event.target.value;
       const $item = $w.at(event.context);
       const isMain = $item('#mainAddressCheckbox').checked;
@@ -1332,32 +1363,32 @@ async function personalDetailsFormOnReady({
       checkFormChanges(FORM_SECTION_HANDLER_MAP.CONTACT_BOOKING);
     });
 
-    $w('#addressItemEditBtn').onClick((event) => {
+    $w('#addressItemEditBtn').onClick(event => {
       const data = $w('#addressesList').data;
-      const clickedItemData = data.find((item) => item._id === event.context.itemId);
+      const clickedItemData = data.find(item => item._id === event.context.itemId);
       const $item = $w.at(event.context);
       $item('#addressItemStates').changeState(ADDRESS_STATES.EDIT);
       const addressInputValue = convertToAddressInputFormat(clickedItemData.address);
       $item('#addressEditInput').value = addressInputValue;
     });
 
-    $w('#addressItemRemoveBtn').onClick(async (event) => {
+    $w('#addressItemRemoveBtn').onClick(async event => {
       const data = $w('#addressesList').data;
-      const clickedItemData = data.find((item) => item._id === event.context.itemId);
+      const clickedItemData = data.find(item => item._id === event.context.itemId);
       const result = await wixWindow.openLightbox(LIGHTBOX_NAMES.DELETE_CONFIRM);
       if (result && result.toDelete) {
         removeAddress(clickedItemData._id);
       }
     });
 
-    $w('#addressEditInput').onChange((event) => {
+    $w('#addressEditInput').onChange(event => {
       const $item = $w.at(event.context);
       validateAddressCompleteness($item);
     });
 
-    $w('#addressEditCancelBtn').onClick((event) => {
+    $w('#addressEditCancelBtn').onClick(event => {
       const data = $w('#addressesList').data;
-      const clickedItemData = data.find((item) => item._id === event.context.itemId);
+      const clickedItemData = data.find(item => item._id === event.context.itemId);
       const $item = $w.at(event.context);
       if (clickedItemData.isNewAddress) {
         removeNewAddressFromRepeater(clickedItemData._id);
@@ -1367,9 +1398,9 @@ async function personalDetailsFormOnReady({
       }
     });
 
-    $w('#addressEditSaveBtn').onClick((event) => {
+    $w('#addressEditSaveBtn').onClick(event => {
       const data = $w('#addressesList').data;
-      const clickedItemData = data.find((item) => item._id === event.context.itemId);
+      const clickedItemData = data.find(item => item._id === event.context.itemId);
       const $item = $w.at(event.context);
       saveAddressFromSingleInput($item, clickedItemData);
     });
@@ -1433,7 +1464,7 @@ async function personalDetailsFormOnReady({
     $item('#addressStatusOptions').value = addressStatus;
   }
 
-  function setupAddressEditState($item, itemData, index) {
+  function setupAddressEditState($item, itemData, _index) {
     $item('#addressEditInput').enable();
 
     const addressInputValue = convertToAddressInputFormat(itemData.address);
@@ -1526,7 +1557,7 @@ async function personalDetailsFormOnReady({
 
   function removeNewAddressFromRepeater(addressId) {
     const currentData = $w('#addressesList').data || [];
-    const updatedData = currentData.filter((item) => item._id !== addressId);
+    const updatedData = currentData.filter(item => item._id !== addressId);
     $w('#addressesList').data = updatedData;
   }
 
@@ -1568,7 +1599,7 @@ async function personalDetailsFormOnReady({
         : [];
 
       addressData = addresses.map((address, index) => {
-        const displayOption = displayOptions.find((opt) => opt.key === address.key);
+        const displayOption = displayOptions.find(opt => opt.key === address.key);
         return {
           _id: address.key || `address_${index}`,
           address,
@@ -1601,11 +1632,11 @@ async function personalDetailsFormOnReady({
       itemMemberObj.addressDisplayOption = [];
     }
 
-    itemMemberObj.addressDisplayOption.forEach((option) => {
+    itemMemberObj.addressDisplayOption.forEach(option => {
       option.isMain = false;
     });
 
-    const selectedOption = itemMemberObj.addressDisplayOption.find((opt) => opt.key === selectedId);
+    const selectedOption = itemMemberObj.addressDisplayOption.find(opt => opt.key === selectedId);
 
     selectedOption.isMain = true;
   }
@@ -1613,7 +1644,7 @@ async function personalDetailsFormOnReady({
   function updateAddressStatus(addressId, newStatus) {
     const addresses = Array.isArray(itemMemberObj.addresses) ? itemMemberObj.addresses : [];
     const addressIndex = addresses.findIndex(
-      (addr) => (addr.key || `address_${addresses.indexOf(addr)}`) === addressId
+      addr => (addr.key || `address_${addresses.indexOf(addr)}`) === addressId
     );
 
     if (addressIndex !== -1) {
@@ -1624,7 +1655,7 @@ async function personalDetailsFormOnReady({
   function updateAddress(addressId, newAddressValue) {
     const addresses = Array.isArray(itemMemberObj.addresses) ? itemMemberObj.addresses : [];
     const addressIndex = addresses.findIndex(
-      (addr) => (addr.key || `address_${addresses.indexOf(addr)}`) === addressId
+      addr => (addr.key || `address_${addresses.indexOf(addr)}`) === addressId
     );
 
     if (addressIndex !== -1) {
@@ -1640,12 +1671,14 @@ async function personalDetailsFormOnReady({
   function removeAddress(addressId) {
     if (itemMemberObj.addresses) {
       itemMemberObj.addresses = itemMemberObj.addresses.filter(
-        (addr) => (addr.key || `address_${itemMemberObj.addresses.indexOf(addr)}`) !== addressId
+        addr => (addr.key || `address_${itemMemberObj.addresses.indexOf(addr)}`) !== addressId
       );
     }
 
     if (itemMemberObj.addressDisplayOption) {
-      itemMemberObj.addressDisplayOption = itemMemberObj.addressDisplayOption.filter((opt) => opt.key !== addressId);
+      itemMemberObj.addressDisplayOption = itemMemberObj.addressDisplayOption.filter(
+        opt => opt.key !== addressId
+      );
     }
 
     renderAddressesList();
@@ -1680,9 +1713,9 @@ async function personalDetailsFormOnReady({
   }
 
   function setupPhoneRepeaterEventListeners() {
-    $w('#phoneInput').onInput((event) => {
+    $w('#phoneInput').onInput(event => {
       const data = $w('#phoneNumbersList').data;
-      const clickedItemData = data.find((item) => item._id === event.context.itemId);
+      const clickedItemData = data.find(item => item._id === event.context.itemId);
       const phoneValue = event.target.value;
 
       updatePhoneNumber(clickedItemData._id, phoneValue);
@@ -1695,9 +1728,9 @@ async function personalDetailsFormOnReady({
       checkFormChanges(FORM_SECTION_HANDLER_MAP.CONTACT_BOOKING);
     });
 
-    $w('#showPhoneCheckbox').onChange((event) => {
+    $w('#showPhoneCheckbox').onChange(event => {
       const data = $w('#phoneNumbersList').data;
-      const clickedItemData = data.find((item) => item._id === event.context.itemId);
+      const clickedItemData = data.find(item => item._id === event.context.itemId);
       const $item = $w.at(event.context);
 
       $w('#showPhoneCheckbox').checked = false;
@@ -1707,9 +1740,9 @@ async function personalDetailsFormOnReady({
       checkFormChanges(FORM_SECTION_HANDLER_MAP.CONTACT_BOOKING);
     });
 
-    $w('#removePhoneBtn').onClick(async (event) => {
+    $w('#removePhoneBtn').onClick(async event => {
       const data = $w('#phoneNumbersList').data;
-      const clickedItemData = data.find((item) => item._id === event.context.itemId);
+      const clickedItemData = data.find(item => item._id === event.context.itemId);
       const result = await wixWindow.openLightbox(LIGHTBOX_NAMES.DELETE_CONFIRM);
       if (result && result.toDelete) {
         removePhone(clickedItemData._id);
@@ -1776,7 +1809,7 @@ async function personalDetailsFormOnReady({
 
   function updatePhoneNumber(phoneId, newPhoneNumber) {
     const currentData = $w('#phoneNumbersList').data || [];
-    const itemIndex = currentData.findIndex((item) => item._id === phoneId);
+    const itemIndex = currentData.findIndex(item => item._id === phoneId);
 
     if (itemIndex !== -1) {
       currentData[itemIndex].phoneNumber = newPhoneNumber;
@@ -1789,8 +1822,8 @@ async function personalDetailsFormOnReady({
   function syncPhonesFromRepeater() {
     const phoneData = $w('#phoneNumbersList').data || [];
     itemMemberObj.phones = phoneData
-      .filter((item) => !item.isNewPhone && item.phoneNumber.trim())
-      .map((item) => item.phoneNumber);
+      .filter(item => !item.isNewPhone && item.phoneNumber.trim())
+      .map(item => item.phoneNumber);
   }
 
   function addNewPhoneToData(phoneId, phoneNumber) {
@@ -1805,21 +1838,21 @@ async function personalDetailsFormOnReady({
 
   function removePhone(phoneId) {
     const currentData = $w('#phoneNumbersList').data || [];
-    const phoneToRemove = currentData.find((item) => item._id === phoneId);
+    const phoneToRemove = currentData.find(item => item._id === phoneId);
 
     if (phoneToRemove) {
       if (itemMemberObj.toShowPhone === phoneToRemove.phoneNumber) {
         itemMemberObj.toShowPhone = null;
       }
 
-      const updatedData = currentData.filter((item) => item._id !== phoneId);
+      const updatedData = currentData.filter(item => item._id !== phoneId);
       renderPhonesList(updatedData);
     }
   }
 
   function updateShowPhoneSelection(phoneId, isVisible) {
     const currentData = $w('#phoneNumbersList').data || [];
-    const selectedItem = currentData.find((item) => item._id === phoneId);
+    const selectedItem = currentData.find(item => item._id === phoneId);
 
     if (selectedItem && selectedItem.phoneNumber) {
       if (isVisible) {
@@ -1906,7 +1939,7 @@ async function personalDetailsFormOnReady({
   function buildGalleryData(gallery) {
     return [
       { _id: 'add-item', isAdd: true },
-      ...gallery.map((image) => ({
+      ...gallery.map(image => ({
         _id: generateId(),
         image,
         isAdd: false,
@@ -1955,16 +1988,10 @@ async function personalDetailsFormOnReady({
     const container = $w('#containerRepeaterInterest');
     const repeater = $w('#repeaterInterest');
 
-    // if (!searchValue) {
-    //     container.collapse();
-    //     repeater.data = [];
-    //     return [];
-    // }
-
     const allInterests = await getInterestAll();
     const filtered = allInterests
-      .filter((val) => val.toLowerCase().includes(searchValue))
-      .map((val) => ({ _id: generateId(), value: val }));
+      .filter(val => val.toLowerCase().includes(searchValue))
+      .map(val => ({ _id: generateId(), value: val }));
 
     if (filtered.length > 0) {
       repeater.data = filtered;
@@ -1977,7 +2004,8 @@ async function personalDetailsFormOnReady({
     return filtered;
   }
 
-  const debounce_fun = _.debounce(async function () {
+  // Declare debounce_fun - uses filterInterests above
+  const debounce_fun = _.debounce(async () => {
     const searchValue = $w('#intrestInput').value.trim().toLowerCase();
     await filterInterests(searchValue);
   }, 250);
@@ -1986,4 +2014,3 @@ async function personalDetailsFormOnReady({
 module.exports = {
   personalDetailsFormOnReady,
 };
-

package/public/Utils/formValidation.js

@@ -0,0 +1,33 @@
+/**
+ * Handle custom validation for URL inputs
+ * @param {Object} element - The input element to validate
+ */
+function handleOnCustomValidation(element) {
+  element.onCustomValidation((value, reject) => {
+    if (isNotValidUrl(value)) {
+      reject('Please enter a valid URL');
+    }
+  });
+}
+
+/**
+ * Check if URL is not valid using regex
+ * @param {string} url - The URL to validate
+ * @returns {boolean} - True if URL is invalid, false if valid
+ */
+function isNotValidUrl(url) {
+  // Empty URLs are considered valid (optional field)
+  if (!url) return false;
+
+  // URL must start with protocol OR www - handles all TLDs including multi-level and query params
+  const urlRegex =
+    /^(https?:\/\/|www\.)([\da-z\.-]+)\.([a-z\.]{2,})([\/\w \.-]*)*(\?[&\w=.-]*)?(\#[&\w=.-]*)?\/?$/;
+
+  return !urlRegex.test(url);
+}
+
+module.exports = {
+  handleOnCustomValidation,
+  isNotValidUrl,
+};
+

package/public/consts.js

@@ -74,6 +74,23 @@ const MEMBERS_FIELDS = {
   showWebsite: 'showWebsite',
   addressDisplayOption: 'addressDisplayOption',
 };
+
+const LIGHTBOX_NAMES = {
+  SAVE_ALERT: 'Save Alert',
+  LOGIN_ERROR_ALERT: 'loginError',
+  DELETE_CONFIRM: 'deleteConfirm',
+  SELECT_BANNER_IMAGES: 'Select Banner Images',
+};
+
+const ABMP_MEMBERS_HOME_URL = 'https://www.abmp.com/members';
+
+const FREE_WEBSITE_TEXT_STATES = {
+  ENABLED: 'This is the default and will auto-populate with the information entered on this page.',
+  DISABLED: 'To deactivate, please opt in via Personal Details.',
+};
+
+const DEFAULT_BUSINESS_NAME_TEXT = 'Business name not provided';
+
 module.exports = {
   REGEX,
   COLLECTIONS,
@@ -82,4 +99,8 @@ module.exports = {
   DROPDOWN_OPTIONS,
   DEBOUNCE_DELAY,
   MEMBERS_FIELDS,
+  LIGHTBOX_NAMES,
+  ABMP_MEMBERS_HOME_URL,
+  FREE_WEBSITE_TEXT_STATES,
+  DEFAULT_BUSINESS_NAME_TEXT,
 };

package/public/index.js

@@ -1,4 +1,6 @@
 module.exports = {
   ...require('./consts'),
   ...require('./messages'),
+  ...require('./Utils/sharedUtils'),
+  ...require('./Utils/formValidation'),
 };