Restore pristine / initial state after insert

[AhmedBytesBits]

    **Describe the bug**

    events:
      onClick:
        - id: validate
          type: Validate
        - id: add_professional
          type: Request
          params: insert_professional
        - id: pristine
          type: SetState
          params: 
            new_professional:
              first-name: ""
              last-name: ""
        - id: close_drawer
          type: CallMethod
          params:
            blockId: add_professional_drawer
            method: toggleOpen

Using the above events works as expected except that after clearing values of the dot state, the validation still passes for a empty dot state

To Reproduce
Using drawer, enter some values into the required inputs to pass validation then click submit
Now, re-open drawer and click submit without modifying the required inputs
Validation still passing the request and an empty record entry is tried but blocked by database constraints

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots

Lowdefy Version
3.14.1

[Gervwyk]

Hi @ahmedrshdy
To reset state you can simply use the Reset action. Alternatively setting the input values to null will have the same effect in this case. So consider:

events:
      onClick:
        - id: validate
          type: Validate
        - id: add_professional
          type: Request
          params: insert_professional
        - id: pristine
          type: Reset
        - id: close_drawer
          type: CallMethod
          params:
            blockId: add_professional_drawer
            method: toggleOpen

In Lowdefy we are a little more strict about types in state than vanilla js to make the behavior of state more predictable. The enforceType method is used to initialize all input variables, and once state is initialized and the onInit event is completed, we store the state value to be reloaded when Reset is triggered.

[Gervwyk]

An easy tip to see all state changes while you dev is to add:

...
properties:
  a:
    _log:
      _state: true

on some block. This will log the value of state to the browser console every time state changes. Just remember to remove it before you publish your app.

[AhmedBytesBits]

@Gervwyk thanks for the help and tips :)