How do I add a photo to a Redwood User Experience contact using Visual Builder?

See this video: Working with a Contact Photo on Oracle Cloud Customer Connect to find out how.

The field template used in this video is the following:

<oj-bind-if test="[[ $value.PartyNumber() ]]">

    <div style="width: 300px">

      <oj-label-value label-edge="inside">

        <oj-label for="oj-sp-attachments-1457877925-1" slot="label">Photo</oj-label>

        <oj-sp-attachments display-options.type="filmstrip" display-options.add-types="file"

          display-options.update-visibility="hidden" display-options.download-visibility="hidden"

          display-options.updated-details="hidden"

          view.endpoint="oracle_cx_salesUI:cx/getall_contacts-PictureAttachment"

          view.endpoint-params='[[ {"contacts_Id": $value.PartyNumber()} ]]'

          create.endpoint="oracle_cx_salesUI:cx/create_contacts-PictureAttachment"

          create.endpoint-params='[[ {"contacts_Id":$value.PartyNumber()} ]]'

          delete.endpoint="oracle_cx_salesUI:cx/delete_contacts-PictureAttachment"

          delete.endpoint-params='[[ {"contacts_Id":$value.PartyNumber()} ]]'

          delete.endpoint-attachment-param-name="contacts_PictureAttachment_Id"

          download.endpoint="oracle_cx_salesUI:cx/get_contacts-PictureAttachment-FileContents"

          download.endpoint-params='[[ {"contacts_Id":$value.PartyNumber()} ]]'

          download.endpoint-attachment-param-name="contacts_PictureAttachment_Id" entity-name="ZCA_SALES_PARTY"

          categories.endpoint="oracle_cx_fragmentsUI:cx_attachments_category/getCategoriesForAction"

          background-tracker.endpoint="oracle_cx_salesUI:cx_instance/createAttachmentTracker"

          background-download-web-image.endpoint="oracle_cx_salesUI:cx_instance/downloadFileAttachment"

          background-download.endpoint="oracle_cx_salesUI:cx_instance/downloadFileAttachment"

          background-upload.endpoint="oracle_cx_salesUI:cx_instance/uploadFileAttachment"

          id="oj-sp-attachments-1457877925-1" slot="value">

        </oj-sp-attachments>     

      </oj-label-value>

    </div>

  </oj-bind-if>