fix:default value for PhoneInput set to text which is invalid(#34594)

app/client/cypress/e2e/Regression/ClientSide/Widgets/PhoneInput/PhoneInput_DefaultValue_spec.ts

@@ -0,0 +1,31 @@
+import {
+    agHelper,
+    locators,
+    entityExplorer,
+    propPane,
+  } from "../../../../../support/Objects/ObjectsCore";
+  const commonlocators = require("../../../../../locators/commonlocators.json");
+
+  describe(
+    "Phone Input widget Tests",
+    { tags: ["@tag.Widget", "@tag.PhoneInput"] },
+    function () {
+      before(() => {
+        entityExplorer.DragDropWidgetNVerify("phoneinputwidget", 550, 100);
+      });
+
+      it("1.Verify with text widget  when number is default value", () => {
+        agHelper.UpdateCodeInput(propPane._propertyContentDefaultValueField, '9872139');
+        entityExplorer.DragDropWidgetNVerify("textwidget", 550, 300);
+        propPane.UpdatePropertyFieldValue("Text", "{{PhoneInput1.text}}");
+        agHelper.ClickOutside();
+        agHelper.GetNAssertContains(commonlocators.textwidget,"(987) 213-9")
+      });
+      it("2.Verify that error is shown when default value is not a number",() =>{
+        agHelper.GetNClick(locators._input);
+        agHelper.UpdateCodeInput(propPane._propertyContentDefaultValueField, 'jkwhejw');
+        agHelper.VerifyEvaluatedErrorMessage('This value must be number');
+      })
+    },
+  );
+

app/client/cypress/support/Pages/PropertyPane.ts

@@ -175,6 +175,7 @@ export class PropertyPane {
   _dataIcon = (icon: string) => `[data-icon="${icon}"]`;
   _iconDropdown = "[data-test-id='virtuoso-scroller']";
   _dropdownControlError = "[data-testid='t---dropdown-control-error']";
+  _propertyContentDefaultValueField = ".t--property-control-defaultvalue";
 
   public OpenJsonFormFieldSettings(fieldName: string) {
     this.agHelper.GetNClick(this._jsonFieldEdit(fieldName));

app/client/src/widgets/PhoneInputWidget/widget/index.tsx

@@ -52,6 +52,10 @@ export function defaultValueValidation(
     name: "TypeError",
     message: "This value must be string",
   };
+  const NUMBER_ERROR_MESSAGE = {
+    name: "TypeError",
+    message: "This value must be number",
+  };
   const EMPTY_ERROR_MESSAGE = { name: "", message: "" };
   if (_.isObject(value)) {
     return {
@@ -72,6 +76,14 @@ export function defaultValueValidation(
       };
     }
   }
+  const parsedValue: any = Number(value);
+  if (!Number.isFinite(parsedValue)) {
+    return {
+      isValid: false,
+      parsed: undefined,
+      messages: [NUMBER_ERROR_MESSAGE],
+    };
+  }
   return {
     isValid: _.isString(parsed),
     parsed: parsed,