$fields Values Not Resolving in VBS

Summary:

Hello,

I am trying to create a deep link on the Account object using a field template. I have added the oj-vb-fragment element like below and I am trynig to pass the PrimaryContactId dynamically to the URL value like this:

<template id="contactDrillDown">
  <!--<oj-input-text value="{{ $value }}" label-hint="[[ $labelHint ]]" valid="{{ $fieldValid }}"></oj-input-text>-->
<oj-vb-fragment bridge="[[vbBridge]]" name="oracle_cx_fragmentsUI:cx-url">
    <oj-vb-fragment-param name="dynamicLayoutContext" value=" [[ $dynamicLayoutContext ]]"></oj-vb-fragment-param>
    <oj-vb-fragment-param name="mode" value="external"></oj-vb-fragment-param>
    <oj-vb-fragment-param name="url"
      value='{{ "https://<POD_URL>/fscmUI/redwood/cx-sales/application/container/contacts/contacts-detail?id=" + $fields.PrimaryContactPartyId.value() + "&view=foldout" }}'>
    </oj-vb-fragment-param>
    <oj-vb-fragment-param name="displayOptions" value="[[{'label': 'Navigate to Contact', 'icon':'oj-ux-ico-contact-cursor'}]]">
    </oj-vb-fragment-param>
  </oj-vb-fragment>
</template>