@descope/web-components-ui 1.0.381 → 1.0.382

package/dist/index.esm.js

@@ -13,7 +13,7 @@ import debounce from 'lodash.debounce';
 import '@vaadin/password-field';
 import MarkdownIt from 'markdown-it';
 import '@vaadin/text-area';
-import parsePhone from 'libphonenumber-js/min';
+import { parsePhoneNumberFromString } from 'libphonenumber-js/min';
 import '@vaadin/grid';
 import { GridSortColumn } from '@vaadin/grid/vaadin-grid-sort-column';
 import { GridSelectionColumn } from '@vaadin/grid/vaadin-grid-selection-column';
@@ -7941,6 +7941,32 @@ const comboBoxItem = ({ code, dialCode, name: country }) => `
 	</div>
 `;
 
+const parsePhoneNumber = (val) => {
+  const value = val || '';
+  let countryCode = '';
+  let phoneNumber = '';
+
+  // Attempt to parse the value using libphonenumber-js
+  const parsed = parsePhoneNumberFromString(value);
+
+  if (parsed) {
+    if (parsed.countryCallingCode) {
+      countryCode = `+${parsed.countryCallingCode}`;
+    }
+
+    if (parsed.nationalNumber) {
+      phoneNumber = parsed.nationalNumber;
+    }
+  } else {
+    // Fallback: assume a dash separates country code and phone number
+    const [country, phone] = value.split('-');
+    countryCode = country || '';
+    phoneNumber = phone || '';
+  }
+
+  return [countryCode, phoneNumber];
+};
+
 const componentName$C = getComponentName('phone-field-internal');
 
 const commonAttrs$1 = ['disabled', 'size', 'bordered', 'invalid', 'readonly'];
@@ -8000,9 +8026,7 @@ let PhoneFieldInternal$1 = class PhoneFieldInternal extends BaseInputClass$6 {
   }
 
   set value(val) {
-    const parsed = parsePhone(val || '');
-    const countryCode = parsed?.countryCallingCode ? `+${parsed.countryCallingCode}` : '';
-    const phoneNumber = parsed?.nationalNumber || '';
+    const [countryCode, phoneNumber] = parsePhoneNumber(val);
 
     if (countryCode) {
       const countryCodeItem = this.getCountryByDialCode(countryCode);