@verdocs/web-sdk 5.0.75 → 5.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (376) hide show
  1. package/dist/cjs/{Datastore-Dn_pL6x4.js → Datastore-CIzsoGWH.js} +7 -6
  2. package/dist/cjs/Datastore-CIzsoGWH.js.map +1 -0
  3. package/dist/cjs/index-Be9PlTB7.js +10 -10
  4. package/dist/cjs/loader.cjs.js +1 -1
  5. package/dist/cjs/verdocs-build.cjs.entry.js +1 -1
  6. package/dist/cjs/verdocs-build.cjs.entry.js.map +1 -1
  7. package/dist/cjs/verdocs-build.entry.cjs.js.map +1 -1
  8. package/dist/cjs/verdocs-button.verdocs-help-icon.verdocs-text-input.entry.cjs.js.map +1 -0
  9. package/dist/cjs/verdocs-button_3.cjs.entry.js +177 -0
  10. package/dist/cjs/verdocs-button_3.cjs.entry.js.map +1 -0
  11. package/dist/cjs/verdocs-checkbox.verdocs-component-error.verdocs-loader.verdocs-select-input.verdocs-template-field-properties.entry.cjs.js.map +1 -0
  12. package/dist/cjs/{verdocs-checkbox_6.cjs.entry.js → verdocs-checkbox_5.cjs.entry.js} +3 -91
  13. package/dist/{verdocs-web-sdk/verdocs-checkbox.verdocs-component-error.verdocs-loader.verdocs-select-input.verdocs-template-field-properties.verdocs-text-input.entry.esm.js.map → cjs/verdocs-checkbox_5.cjs.entry.js.map} +1 -1
  14. package/dist/cjs/verdocs-contact-picker.cjs.entry.js +7 -3
  15. package/dist/cjs/verdocs-contact-picker.cjs.entry.js.map +1 -1
  16. package/dist/cjs/verdocs-contact-picker.entry.cjs.js.map +1 -1
  17. package/dist/cjs/verdocs-envelope-recipient-link.verdocs-envelope-update-recipient.entry.cjs.js.map +1 -0
  18. package/dist/cjs/{verdocs-envelope-recipient-link.cjs.entry.js → verdocs-envelope-recipient-link_2.cjs.entry.js} +91 -4
  19. package/dist/cjs/verdocs-envelope-recipient-link_2.cjs.entry.js.map +1 -0
  20. package/dist/cjs/verdocs-envelope-recipient-summary.cjs.entry.js +1 -1
  21. package/dist/cjs/verdocs-envelope-sidebar.cjs.entry.js +51 -1
  22. package/dist/cjs/verdocs-envelope-sidebar.cjs.entry.js.map +1 -1
  23. package/dist/cjs/verdocs-envelope-sidebar.entry.cjs.js.map +1 -1
  24. package/dist/cjs/verdocs-field-attachment_13.cjs.entry.js +2 -2
  25. package/dist/cjs/verdocs-field-attachment_13.cjs.entry.js.map +1 -1
  26. package/dist/cjs/verdocs-field-payment.cjs.entry.js +1 -1
  27. package/dist/cjs/verdocs-kba-dialog_3.cjs.entry.js +1 -1
  28. package/dist/cjs/verdocs-menu-panel_2.cjs.entry.js +1 -1
  29. package/dist/cjs/verdocs-preview.verdocs-send.verdocs-template-attachments.verdocs-template-build-tabs.verdocs-template-fields.verdocs-template-roles.verdocs-template-settings.entry.cjs.js.map +1 -1
  30. package/dist/cjs/verdocs-preview_7.cjs.entry.js +1 -3
  31. package/dist/cjs/verdocs-preview_7.cjs.entry.js.map +1 -1
  32. package/dist/cjs/verdocs-radio-button.cjs.entry.js +1 -1
  33. package/dist/cjs/verdocs-radio-button.cjs.entry.js.map +1 -1
  34. package/dist/cjs/verdocs-radio-button.entry.cjs.js.map +1 -1
  35. package/dist/cjs/verdocs-sign.cjs.entry.js +1 -1
  36. package/dist/cjs/verdocs-template-document-page_2.cjs.entry.js +1 -1
  37. package/dist/cjs/verdocs-web-sdk.cjs.js +1 -1
  38. package/dist/collection/collection-manifest.json +1 -0
  39. package/dist/collection/components/controls/verdocs-radio-button/verdocs-radio-button.css +2 -2
  40. package/dist/collection/components/embeds/verdocs-build/verdocs-build.js +4 -4
  41. package/dist/collection/components/embeds/verdocs-build/verdocs-build.js.map +1 -1
  42. package/dist/collection/components/embeds/verdocs-send/verdocs-send.js +8 -10
  43. package/dist/collection/components/embeds/verdocs-send/verdocs-send.js.map +1 -1
  44. package/dist/collection/components/envelopes/verdocs-envelope-recipient-link/verdocs-envelope-recipient-link.js +1 -1
  45. package/dist/collection/components/envelopes/verdocs-envelope-recipient-link/verdocs-envelope-recipient-link.js.map +1 -1
  46. package/dist/collection/components/envelopes/verdocs-envelope-sidebar/verdocs-envelope-sidebar.js +52 -0
  47. package/dist/collection/components/envelopes/verdocs-envelope-sidebar/verdocs-envelope-sidebar.js.map +1 -1
  48. package/dist/collection/components/envelopes/verdocs-envelope-update-recipient/verdocs-envelope-update-recipient.css +96 -0
  49. package/dist/collection/components/envelopes/verdocs-envelope-update-recipient/verdocs-envelope-update-recipient.js +224 -0
  50. package/dist/collection/components/envelopes/verdocs-envelope-update-recipient/verdocs-envelope-update-recipient.js.map +1 -0
  51. package/dist/collection/components/fields/verdocs-field-radio/verdocs-field-radio.css +2 -2
  52. package/dist/collection/utils/Datastore.js +2 -2
  53. package/dist/collection/utils/Datastore.js.map +1 -1
  54. package/dist/components/index.js +2 -0
  55. package/dist/components/index.js.map +1 -1
  56. package/dist/components/{p-CWHHlD3o.js → p-B3jMBr0M.js} +9 -5
  57. package/dist/components/p-B3jMBr0M.js.map +1 -0
  58. package/dist/components/{p-Cn4wVEX4.js → p-B8nK0hJl.js} +4 -4
  59. package/dist/components/{p-Cn4wVEX4.js.map → p-B8nK0hJl.js.map} +1 -1
  60. package/dist/components/{p-DgfjnZPa.js → p-BGMd4wA7.js} +4 -4
  61. package/dist/components/{p-DgfjnZPa.js.map → p-BGMd4wA7.js.map} +1 -1
  62. package/dist/components/{p-03kDzdlZ.js → p-BHKb3X7a.js} +3 -3
  63. package/dist/components/{p-03kDzdlZ.js.map → p-BHKb3X7a.js.map} +1 -1
  64. package/dist/components/{p-CqQzEyUV.js → p-Bb2F00K4.js} +4 -4
  65. package/dist/components/{p-CqQzEyUV.js.map → p-Bb2F00K4.js.map} +1 -1
  66. package/dist/components/{p-z0ZD30Bi.js → p-BwIyL1sF.js} +4 -4
  67. package/dist/components/{p-z0ZD30Bi.js.map → p-BwIyL1sF.js.map} +1 -1
  68. package/dist/components/{p-Dw5jTBu3.js → p-C2Fb8G6A.js} +4 -4
  69. package/dist/components/{p-Dw5jTBu3.js.map → p-C2Fb8G6A.js.map} +1 -1
  70. package/dist/components/{p-IcjPGPO7.js → p-CPRS8f3I.js} +3 -3
  71. package/dist/components/{p-IcjPGPO7.js.map → p-CPRS8f3I.js.map} +1 -1
  72. package/dist/components/{p-CNJfehtH.js → p-Crehnwtj.js} +4 -4
  73. package/dist/components/{p-CNJfehtH.js.map → p-Crehnwtj.js.map} +1 -1
  74. package/dist/components/{p-B8HdsDVX.js → p-CunjhIft.js} +3 -3
  75. package/dist/components/{p-B8HdsDVX.js.map → p-CunjhIft.js.map} +1 -1
  76. package/dist/components/{p-CDTU_UJD.js → p-D3n1gA61.js} +5 -5
  77. package/dist/components/p-D3n1gA61.js.map +1 -0
  78. package/dist/components/{p-iwNYe5a0.js → p-DB-CFkUZ.js} +4 -4
  79. package/dist/components/{p-iwNYe5a0.js.map → p-DB-CFkUZ.js.map} +1 -1
  80. package/dist/components/{p-Cue-TDgY.js → p-DDAZR40U.js} +3 -3
  81. package/dist/components/{p-Cue-TDgY.js.map → p-DDAZR40U.js.map} +1 -1
  82. package/dist/components/{p-Cfx8TNcj.js → p-DGRiUZlM.js} +15 -15
  83. package/dist/components/{p-Cfx8TNcj.js.map → p-DGRiUZlM.js.map} +1 -1
  84. package/dist/components/{p-CpHTrnj5.js → p-DGiDigbo.js} +4 -6
  85. package/dist/components/p-DGiDigbo.js.map +1 -0
  86. package/dist/components/{p-B6IuryK-.js → p-DQh221R1.js} +4 -4
  87. package/dist/components/{p-B6IuryK-.js.map → p-DQh221R1.js.map} +1 -1
  88. package/dist/components/{p-BPEZpcEQ.js → p-D_x2HuZp.js} +4 -4
  89. package/dist/components/{p-BPEZpcEQ.js.map → p-D_x2HuZp.js.map} +1 -1
  90. package/dist/components/{p-C_IIZj49.js → p-DmsV595e.js} +8 -7
  91. package/dist/components/p-DmsV595e.js.map +1 -0
  92. package/dist/components/p-GUGCYQ6F.js +138 -0
  93. package/dist/components/p-GUGCYQ6F.js.map +1 -0
  94. package/dist/components/{p-De7UWCgq.js → p-WhDWrMQm.js} +4 -4
  95. package/dist/components/{p-De7UWCgq.js.map → p-WhDWrMQm.js.map} +1 -1
  96. package/dist/components/{p-iOb94GB3.js → p-X6ujIO0j.js} +3 -3
  97. package/dist/components/{p-iOb94GB3.js.map → p-X6ujIO0j.js.map} +1 -1
  98. package/dist/components/{p-B6hVXdpp.js → p-XHSVTLB0.js} +4 -4
  99. package/dist/components/{p-B6hVXdpp.js.map → p-XHSVTLB0.js.map} +1 -1
  100. package/dist/components/{p-C3_yeGdH.js → p-dIi8HYZ5.js} +3 -3
  101. package/dist/components/{p-C3_yeGdH.js.map → p-dIi8HYZ5.js.map} +1 -1
  102. package/dist/components/{p-eiHT7SZQ.js → p-kaKbklxN.js} +15 -15
  103. package/dist/components/{p-eiHT7SZQ.js.map → p-kaKbklxN.js.map} +1 -1
  104. package/dist/components/{p-BqWxusTA.js → p-ke4RFlpQ.js} +14 -14
  105. package/dist/components/{p-BqWxusTA.js.map → p-ke4RFlpQ.js.map} +1 -1
  106. package/dist/components/verdocs-build.js +22 -22
  107. package/dist/components/verdocs-build.js.map +1 -1
  108. package/dist/components/verdocs-contact-picker.js +1 -1
  109. package/dist/components/verdocs-envelope-recipient-link.js +1 -1
  110. package/dist/components/verdocs-envelope-recipient-summary.js +1 -1
  111. package/dist/components/verdocs-envelope-sidebar.js +65 -8
  112. package/dist/components/verdocs-envelope-sidebar.js.map +1 -1
  113. package/dist/components/verdocs-envelope-update-recipient.d.ts +11 -0
  114. package/dist/components/verdocs-envelope-update-recipient.js +9 -0
  115. package/dist/components/verdocs-envelope-update-recipient.js.map +1 -0
  116. package/dist/components/verdocs-field-attachment.js +1 -1
  117. package/dist/components/verdocs-field-checkbox.js +1 -1
  118. package/dist/components/verdocs-field-date.js +1 -1
  119. package/dist/components/verdocs-field-dropdown.js +1 -1
  120. package/dist/components/verdocs-field-initial.js +1 -1
  121. package/dist/components/verdocs-field-payment.js +2 -2
  122. package/dist/components/verdocs-field-radio.js +1 -1
  123. package/dist/components/verdocs-field-signature.js +1 -1
  124. package/dist/components/verdocs-field-textarea.js +1 -1
  125. package/dist/components/verdocs-field-textbox.js +1 -1
  126. package/dist/components/verdocs-field-timestamp.js +1 -1
  127. package/dist/components/verdocs-preview.js +1 -1
  128. package/dist/components/verdocs-radio-button.js +1 -1
  129. package/dist/components/verdocs-radio-button.js.map +1 -1
  130. package/dist/components/verdocs-send.js +1 -1
  131. package/dist/components/verdocs-sign.js +2 -2
  132. package/dist/components/verdocs-template-attachments.js +1 -1
  133. package/dist/components/verdocs-template-build-tabs.js +1 -1
  134. package/dist/components/verdocs-template-document-page.js +1 -1
  135. package/dist/components/verdocs-template-field-properties.js +1 -1
  136. package/dist/components/verdocs-template-fields.js +1 -1
  137. package/dist/components/verdocs-template-role-properties.js +1 -1
  138. package/dist/components/verdocs-template-roles.js +1 -1
  139. package/dist/components/verdocs-template-settings.js +1 -1
  140. package/dist/components/verdocs-view.js +1 -1
  141. package/dist/custom-elements.json +21 -0
  142. package/dist/esm/{Datastore-C_IIZj49.js → Datastore-DmsV595e.js} +8 -7
  143. package/dist/esm/Datastore-DmsV595e.js.map +1 -0
  144. package/dist/esm/index-CF7i8guW.js +10 -10
  145. package/dist/esm/loader.js +1 -1
  146. package/dist/esm/verdocs-build.entry.js +1 -1
  147. package/dist/esm/verdocs-build.entry.js.map +1 -1
  148. package/dist/esm/verdocs-button.verdocs-help-icon.verdocs-text-input.entry.js.map +1 -0
  149. package/dist/esm/verdocs-button_3.entry.js +173 -0
  150. package/dist/esm/verdocs-button_3.entry.js.map +1 -0
  151. package/dist/esm/verdocs-checkbox.verdocs-component-error.verdocs-loader.verdocs-select-input.verdocs-template-field-properties.entry.js.map +1 -0
  152. package/dist/esm/{verdocs-checkbox_6.entry.js → verdocs-checkbox_5.entry.js} +4 -91
  153. package/dist/esm/verdocs-checkbox_5.entry.js.map +1 -0
  154. package/dist/esm/verdocs-contact-picker.entry.js +7 -3
  155. package/dist/esm/verdocs-contact-picker.entry.js.map +1 -1
  156. package/dist/esm/verdocs-envelope-recipient-link.verdocs-envelope-update-recipient.entry.js.map +1 -0
  157. package/dist/esm/{verdocs-envelope-recipient-link.entry.js → verdocs-envelope-recipient-link_2.entry.js} +91 -5
  158. package/dist/esm/verdocs-envelope-recipient-link_2.entry.js.map +1 -0
  159. package/dist/esm/verdocs-envelope-recipient-summary.entry.js +1 -1
  160. package/dist/esm/verdocs-envelope-sidebar.entry.js +52 -2
  161. package/dist/esm/verdocs-envelope-sidebar.entry.js.map +1 -1
  162. package/dist/esm/verdocs-field-attachment_13.entry.js +2 -2
  163. package/dist/esm/verdocs-field-attachment_13.entry.js.map +1 -1
  164. package/dist/esm/verdocs-field-payment.entry.js +1 -1
  165. package/dist/esm/verdocs-kba-dialog_3.entry.js +1 -1
  166. package/dist/esm/verdocs-menu-panel_2.entry.js +1 -1
  167. package/dist/esm/verdocs-preview.verdocs-send.verdocs-template-attachments.verdocs-template-build-tabs.verdocs-template-fields.verdocs-template-roles.verdocs-template-settings.entry.js.map +1 -1
  168. package/dist/esm/verdocs-preview_7.entry.js +1 -3
  169. package/dist/esm/verdocs-preview_7.entry.js.map +1 -1
  170. package/dist/esm/verdocs-radio-button.entry.js +1 -1
  171. package/dist/esm/verdocs-radio-button.entry.js.map +1 -1
  172. package/dist/esm/verdocs-sign.entry.js +1 -1
  173. package/dist/esm/verdocs-template-document-page_2.entry.js +1 -1
  174. package/dist/esm/verdocs-web-sdk.js +1 -1
  175. package/dist/esm-es5/Datastore-DmsV595e.js +2 -0
  176. package/dist/esm-es5/Datastore-DmsV595e.js.map +1 -0
  177. package/dist/esm-es5/index-CF7i8guW.js +1 -1
  178. package/dist/esm-es5/loader.js +1 -1
  179. package/dist/esm-es5/verdocs-build.entry.js +1 -1
  180. package/dist/esm-es5/verdocs-build.entry.js.map +1 -1
  181. package/dist/esm-es5/verdocs-button.verdocs-help-icon.verdocs-text-input.entry.js.map +1 -0
  182. package/dist/esm-es5/verdocs-button_3.entry.js +2 -0
  183. package/dist/esm-es5/verdocs-button_3.entry.js.map +1 -0
  184. package/dist/esm-es5/verdocs-checkbox.verdocs-component-error.verdocs-loader.verdocs-select-input.verdocs-template-field-properties.entry.js.map +1 -0
  185. package/dist/esm-es5/verdocs-checkbox_5.entry.js +2 -0
  186. package/dist/esm-es5/verdocs-checkbox_5.entry.js.map +1 -0
  187. package/dist/esm-es5/verdocs-contact-picker.entry.js +1 -1
  188. package/dist/esm-es5/verdocs-contact-picker.entry.js.map +1 -1
  189. package/dist/esm-es5/verdocs-envelope-recipient-link.verdocs-envelope-update-recipient.entry.js.map +1 -0
  190. package/dist/esm-es5/verdocs-envelope-recipient-link_2.entry.js +2 -0
  191. package/dist/esm-es5/verdocs-envelope-recipient-link_2.entry.js.map +1 -0
  192. package/dist/esm-es5/verdocs-envelope-recipient-summary.entry.js +1 -1
  193. package/dist/esm-es5/verdocs-envelope-sidebar.entry.js +1 -1
  194. package/dist/esm-es5/verdocs-envelope-sidebar.entry.js.map +1 -1
  195. package/dist/esm-es5/verdocs-field-attachment_13.entry.js +1 -1
  196. package/dist/esm-es5/verdocs-field-attachment_13.entry.js.map +1 -1
  197. package/dist/esm-es5/verdocs-field-payment.entry.js +1 -1
  198. package/dist/esm-es5/verdocs-kba-dialog_3.entry.js +1 -1
  199. package/dist/esm-es5/verdocs-menu-panel_2.entry.js +1 -1
  200. package/dist/esm-es5/verdocs-preview.verdocs-send.verdocs-template-attachments.verdocs-template-build-tabs.verdocs-template-fields.verdocs-template-roles.verdocs-template-settings.entry.js.map +1 -1
  201. package/dist/esm-es5/verdocs-preview_7.entry.js +2 -2
  202. package/dist/esm-es5/verdocs-preview_7.entry.js.map +1 -1
  203. package/dist/esm-es5/verdocs-radio-button.entry.js +1 -1
  204. package/dist/esm-es5/verdocs-radio-button.entry.js.map +1 -1
  205. package/dist/esm-es5/verdocs-sign.entry.js +1 -1
  206. package/dist/esm-es5/verdocs-template-document-page_2.entry.js +1 -1
  207. package/dist/esm-es5/verdocs-web-sdk.js +1 -1
  208. package/dist/types/components/embeds/verdocs-build/verdocs-build.d.ts +2 -2
  209. package/dist/types/components/embeds/verdocs-send/verdocs-send.d.ts +3 -3
  210. package/dist/types/components/envelopes/verdocs-envelope-sidebar/verdocs-envelope-sidebar.d.ts +3 -1
  211. package/dist/types/components/envelopes/verdocs-envelope-update-recipient/verdocs-envelope-update-recipient.d.ts +50 -0
  212. package/dist/types/components.d.ts +85 -8
  213. package/dist/types/utils/Datastore.d.ts +1 -1
  214. package/dist/verdocs-web-sdk/{p-a2ba1316.system.entry.js → p-0134d663.system.entry.js} +2 -2
  215. package/dist/verdocs-web-sdk/p-0134d663.system.entry.js.map +1 -0
  216. package/dist/verdocs-web-sdk/p-1c66bd2c.system.entry.js +2 -0
  217. package/dist/verdocs-web-sdk/p-1c66bd2c.system.entry.js.map +1 -0
  218. package/dist/verdocs-web-sdk/p-3aabadbe.entry.js +2 -0
  219. package/dist/verdocs-web-sdk/{p-0bb8015d.entry.js.map → p-3aabadbe.entry.js.map} +1 -1
  220. package/dist/verdocs-web-sdk/{p-1653b309.system.entry.js → p-4175122c.system.entry.js} +3 -3
  221. package/dist/verdocs-web-sdk/p-4175122c.system.entry.js.map +1 -0
  222. package/dist/verdocs-web-sdk/{p-c8369ea0.entry.js → p-45f59906.entry.js} +2 -2
  223. package/dist/verdocs-web-sdk/p-48299322.entry.js +2 -0
  224. package/dist/verdocs-web-sdk/p-48299322.entry.js.map +1 -0
  225. package/dist/verdocs-web-sdk/{p-4b2b090e.entry.js → p-49522ebb.entry.js} +2 -2
  226. package/dist/verdocs-web-sdk/p-49522ebb.entry.js.map +1 -0
  227. package/dist/verdocs-web-sdk/p-50c4a3da.system.entry.js +2 -0
  228. package/dist/verdocs-web-sdk/p-50c4a3da.system.entry.js.map +1 -0
  229. package/dist/verdocs-web-sdk/{p-1d0463ad.system.entry.js → p-65a5d2d4.system.entry.js} +2 -2
  230. package/dist/verdocs-web-sdk/p-69c97fa9.system.entry.js +4 -0
  231. package/dist/verdocs-web-sdk/p-69c97fa9.system.entry.js.map +1 -0
  232. package/dist/verdocs-web-sdk/p-759b5749.entry.js +2 -0
  233. package/dist/verdocs-web-sdk/p-759b5749.entry.js.map +1 -0
  234. package/dist/verdocs-web-sdk/{p-894e2058.entry.js → p-76215a73.entry.js} +2 -2
  235. package/dist/verdocs-web-sdk/{p-caf258c9.entry.js → p-791184e5.entry.js} +2 -2
  236. package/dist/verdocs-web-sdk/p-791184e5.entry.js.map +1 -0
  237. package/dist/verdocs-web-sdk/p-832e4346.entry.js +2 -0
  238. package/dist/verdocs-web-sdk/p-832e4346.entry.js.map +1 -0
  239. package/dist/verdocs-web-sdk/{p-821becae.system.entry.js → p-8c98a765.system.entry.js} +2 -2
  240. package/dist/verdocs-web-sdk/p-9f4c393c.system.entry.js +2 -0
  241. package/dist/verdocs-web-sdk/p-9f4c393c.system.entry.js.map +1 -0
  242. package/dist/verdocs-web-sdk/p-BH-YVoIR.system.js.map +1 -0
  243. package/dist/verdocs-web-sdk/p-BXdHDPn2.system.js.map +1 -0
  244. package/dist/verdocs-web-sdk/p-BsWaGIkx.system.js.map +1 -0
  245. package/dist/verdocs-web-sdk/p-C2JOLTNG.system.js.map +1 -0
  246. package/dist/verdocs-web-sdk/{p-CWs7NRzr.system.js.map → p-CC3tLap5.system.js.map} +1 -1
  247. package/dist/verdocs-web-sdk/{p-DZurf5no.system.js.map → p-CYHTkSId.system.js.map} +1 -1
  248. package/dist/verdocs-web-sdk/p-CmnBGerV.system.js +2 -0
  249. package/dist/verdocs-web-sdk/p-CmnBGerV.system.js.map +1 -0
  250. package/dist/verdocs-web-sdk/p-CwXSduhy.system.js +1 -1
  251. package/dist/verdocs-web-sdk/{p-Cz3XayQm.system.js.map → p-CzcrfRov.system.js.map} +1 -1
  252. package/dist/verdocs-web-sdk/p-Czs72bg4.system.js.map +1 -0
  253. package/dist/verdocs-web-sdk/p-DAWcoDTu.system.js.map +1 -0
  254. package/dist/verdocs-web-sdk/{p-DRzyvgiA.system.js.map → p-DM4F2Fmu.system.js.map} +1 -1
  255. package/dist/verdocs-web-sdk/p-DOuKoKCI.system.js.map +1 -0
  256. package/dist/verdocs-web-sdk/{p-DKkhksIM.system.js.map → p-DR2NwM3E.system.js.map} +1 -1
  257. package/dist/verdocs-web-sdk/p-DmsV595e.js +2 -0
  258. package/dist/verdocs-web-sdk/p-DmsV595e.js.map +1 -0
  259. package/dist/verdocs-web-sdk/p-DyIimYwQ.system.js.map +1 -0
  260. package/dist/verdocs-web-sdk/{p-DjtXr8Iv.system.js.map → p-QrafNGv0.system.js.map} +1 -1
  261. package/dist/verdocs-web-sdk/{p-e5f90a18.system.entry.js → p-a224a4cc.system.entry.js} +2 -2
  262. package/dist/verdocs-web-sdk/{p-6d8c780d.system.entry.js → p-a37e8f84.system.entry.js} +2 -2
  263. package/dist/verdocs-web-sdk/{p-d16c03d8.system.entry.js → p-ac05c34d.system.entry.js} +2 -2
  264. package/dist/verdocs-web-sdk/p-ac60c75d.entry.js +2 -0
  265. package/dist/verdocs-web-sdk/p-ac60c75d.entry.js.map +1 -0
  266. package/dist/verdocs-web-sdk/{p-524c1693.system.entry.js → p-bec52dd1.system.entry.js} +2 -2
  267. package/dist/verdocs-web-sdk/p-c16b24c0.system.entry.js +2 -0
  268. package/dist/verdocs-web-sdk/p-c16b24c0.system.entry.js.map +1 -0
  269. package/dist/verdocs-web-sdk/{p-5d4a9e54.entry.js → p-d0b7bbc5.entry.js} +3 -3
  270. package/dist/verdocs-web-sdk/p-d0b7bbc5.entry.js.map +1 -0
  271. package/dist/verdocs-web-sdk/{p-bb96a9af.entry.js → p-d8b36d95.entry.js} +2 -2
  272. package/dist/verdocs-web-sdk/{p-5355587b.entry.js → p-e15b7c92.entry.js} +2 -2
  273. package/dist/verdocs-web-sdk/{p-a231248c.system.entry.js → p-e63c903a.system.entry.js} +2 -2
  274. package/dist/verdocs-web-sdk/p-e63c903a.system.entry.js.map +1 -0
  275. package/dist/verdocs-web-sdk/p-e8713631.entry.js +3 -0
  276. package/dist/verdocs-web-sdk/p-e8713631.entry.js.map +1 -0
  277. package/dist/verdocs-web-sdk/{p-3b68bc50.entry.js → p-f28a1014.entry.js} +2 -2
  278. package/dist/verdocs-web-sdk/p-f28a1014.entry.js.map +1 -0
  279. package/dist/verdocs-web-sdk/{p-bde78dab.system.entry.js → p-f4a3d054.system.entry.js} +2 -2
  280. package/dist/verdocs-web-sdk/p-f4a3d054.system.entry.js.map +1 -0
  281. package/dist/verdocs-web-sdk/{p-65f4a435.entry.js → p-fb00149a.entry.js} +2 -2
  282. package/dist/verdocs-web-sdk/p-fih-g25U.system.js.map +1 -0
  283. package/dist/verdocs-web-sdk/verdocs-build.entry.esm.js.map +1 -1
  284. package/dist/verdocs-web-sdk/verdocs-button.verdocs-help-icon.verdocs-text-input.entry.esm.js.map +1 -0
  285. package/dist/verdocs-web-sdk/verdocs-checkbox.verdocs-component-error.verdocs-loader.verdocs-select-input.verdocs-template-field-properties.entry.esm.js.map +1 -0
  286. package/dist/verdocs-web-sdk/verdocs-contact-picker.entry.esm.js.map +1 -1
  287. package/dist/verdocs-web-sdk/verdocs-envelope-recipient-link.verdocs-envelope-update-recipient.entry.esm.js.map +1 -0
  288. package/dist/verdocs-web-sdk/verdocs-envelope-sidebar.entry.esm.js.map +1 -1
  289. package/dist/verdocs-web-sdk/verdocs-preview.verdocs-send.verdocs-template-attachments.verdocs-template-build-tabs.verdocs-template-fields.verdocs-template-roles.verdocs-template-settings.entry.esm.js.map +1 -1
  290. package/dist/verdocs-web-sdk/verdocs-radio-button.entry.esm.js.map +1 -1
  291. package/dist/verdocs-web-sdk/verdocs-web-sdk.esm.js +1 -1
  292. package/package.json +3 -3
  293. package/dist/cjs/Datastore-Dn_pL6x4.js.map +0 -1
  294. package/dist/cjs/verdocs-button.verdocs-help-icon.entry.cjs.js.map +0 -1
  295. package/dist/cjs/verdocs-button_2.cjs.entry.js +0 -89
  296. package/dist/cjs/verdocs-button_2.cjs.entry.js.map +0 -1
  297. package/dist/cjs/verdocs-checkbox.verdocs-component-error.verdocs-loader.verdocs-select-input.verdocs-template-field-properties.verdocs-text-input.entry.cjs.js.map +0 -1
  298. package/dist/cjs/verdocs-checkbox_6.cjs.entry.js.map +0 -1
  299. package/dist/cjs/verdocs-envelope-recipient-link.cjs.entry.js.map +0 -1
  300. package/dist/cjs/verdocs-envelope-recipient-link.entry.cjs.js.map +0 -1
  301. package/dist/components/p-CDTU_UJD.js.map +0 -1
  302. package/dist/components/p-CWHHlD3o.js.map +0 -1
  303. package/dist/components/p-C_IIZj49.js.map +0 -1
  304. package/dist/components/p-CpHTrnj5.js.map +0 -1
  305. package/dist/esm/Datastore-C_IIZj49.js.map +0 -1
  306. package/dist/esm/verdocs-button.verdocs-help-icon.entry.js.map +0 -1
  307. package/dist/esm/verdocs-button_2.entry.js +0 -86
  308. package/dist/esm/verdocs-button_2.entry.js.map +0 -1
  309. package/dist/esm/verdocs-checkbox.verdocs-component-error.verdocs-loader.verdocs-select-input.verdocs-template-field-properties.verdocs-text-input.entry.js.map +0 -1
  310. package/dist/esm/verdocs-checkbox_6.entry.js.map +0 -1
  311. package/dist/esm/verdocs-envelope-recipient-link.entry.js.map +0 -1
  312. package/dist/esm-es5/Datastore-C_IIZj49.js +0 -2
  313. package/dist/esm-es5/Datastore-C_IIZj49.js.map +0 -1
  314. package/dist/esm-es5/verdocs-button.verdocs-help-icon.entry.js.map +0 -1
  315. package/dist/esm-es5/verdocs-button_2.entry.js +0 -2
  316. package/dist/esm-es5/verdocs-button_2.entry.js.map +0 -1
  317. package/dist/esm-es5/verdocs-checkbox.verdocs-component-error.verdocs-loader.verdocs-select-input.verdocs-template-field-properties.verdocs-text-input.entry.js.map +0 -1
  318. package/dist/esm-es5/verdocs-checkbox_6.entry.js +0 -2
  319. package/dist/esm-es5/verdocs-checkbox_6.entry.js.map +0 -1
  320. package/dist/esm-es5/verdocs-envelope-recipient-link.entry.js +0 -2
  321. package/dist/esm-es5/verdocs-envelope-recipient-link.entry.js.map +0 -1
  322. package/dist/verdocs-web-sdk/p-03c76a24.system.entry.js +0 -2
  323. package/dist/verdocs-web-sdk/p-03c76a24.system.entry.js.map +0 -1
  324. package/dist/verdocs-web-sdk/p-0bb8015d.entry.js +0 -2
  325. package/dist/verdocs-web-sdk/p-13c9ac73.entry.js +0 -3
  326. package/dist/verdocs-web-sdk/p-13c9ac73.entry.js.map +0 -1
  327. package/dist/verdocs-web-sdk/p-1653b309.system.entry.js.map +0 -1
  328. package/dist/verdocs-web-sdk/p-255c74a9.entry.js +0 -2
  329. package/dist/verdocs-web-sdk/p-255c74a9.entry.js.map +0 -1
  330. package/dist/verdocs-web-sdk/p-2a183b90.system.entry.js +0 -4
  331. package/dist/verdocs-web-sdk/p-2a183b90.system.entry.js.map +0 -1
  332. package/dist/verdocs-web-sdk/p-3b68bc50.entry.js.map +0 -1
  333. package/dist/verdocs-web-sdk/p-3fc4da27.system.entry.js +0 -2
  334. package/dist/verdocs-web-sdk/p-3fc4da27.system.entry.js.map +0 -1
  335. package/dist/verdocs-web-sdk/p-4b2b090e.entry.js.map +0 -1
  336. package/dist/verdocs-web-sdk/p-5018b5b8.entry.js +0 -2
  337. package/dist/verdocs-web-sdk/p-5018b5b8.entry.js.map +0 -1
  338. package/dist/verdocs-web-sdk/p-5d4a9e54.entry.js.map +0 -1
  339. package/dist/verdocs-web-sdk/p-8c9f35ab.system.entry.js +0 -2
  340. package/dist/verdocs-web-sdk/p-8c9f35ab.system.entry.js.map +0 -1
  341. package/dist/verdocs-web-sdk/p-BZkYMpVF.system.js.map +0 -1
  342. package/dist/verdocs-web-sdk/p-Bh0IfLXk.system.js.map +0 -1
  343. package/dist/verdocs-web-sdk/p-BhRjT9GK.system.js.map +0 -1
  344. package/dist/verdocs-web-sdk/p-C4Tt0CYc.system.js.map +0 -1
  345. package/dist/verdocs-web-sdk/p-CMiFaQiI.system.js +0 -2
  346. package/dist/verdocs-web-sdk/p-CMiFaQiI.system.js.map +0 -1
  347. package/dist/verdocs-web-sdk/p-C_IIZj49.js +0 -2
  348. package/dist/verdocs-web-sdk/p-C_IIZj49.js.map +0 -1
  349. package/dist/verdocs-web-sdk/p-DG0Ibgqe.system.js.map +0 -1
  350. package/dist/verdocs-web-sdk/p-Dgk4ByEW.system.js.map +0 -1
  351. package/dist/verdocs-web-sdk/p-EQbSTcUE.system.js.map +0 -1
  352. package/dist/verdocs-web-sdk/p-UTpMOeny.system.js.map +0 -1
  353. package/dist/verdocs-web-sdk/p-a231248c.system.entry.js.map +0 -1
  354. package/dist/verdocs-web-sdk/p-a2ba1316.system.entry.js.map +0 -1
  355. package/dist/verdocs-web-sdk/p-aaf3cb2c.entry.js +0 -2
  356. package/dist/verdocs-web-sdk/p-aaf3cb2c.entry.js.map +0 -1
  357. package/dist/verdocs-web-sdk/p-bde78dab.system.entry.js.map +0 -1
  358. package/dist/verdocs-web-sdk/p-caf258c9.entry.js.map +0 -1
  359. package/dist/verdocs-web-sdk/p-d0bc16f9.entry.js +0 -2
  360. package/dist/verdocs-web-sdk/p-d0bc16f9.entry.js.map +0 -1
  361. package/dist/verdocs-web-sdk/p-eb539d8f.system.entry.js +0 -2
  362. package/dist/verdocs-web-sdk/p-eb539d8f.system.entry.js.map +0 -1
  363. package/dist/verdocs-web-sdk/p-x6a7ykMn.system.js.map +0 -1
  364. package/dist/verdocs-web-sdk/verdocs-button.verdocs-help-icon.entry.esm.js.map +0 -1
  365. package/dist/verdocs-web-sdk/verdocs-envelope-recipient-link.entry.esm.js.map +0 -1
  366. /package/dist/verdocs-web-sdk/{p-c8369ea0.entry.js.map → p-45f59906.entry.js.map} +0 -0
  367. /package/dist/verdocs-web-sdk/{p-1d0463ad.system.entry.js.map → p-65a5d2d4.system.entry.js.map} +0 -0
  368. /package/dist/verdocs-web-sdk/{p-894e2058.entry.js.map → p-76215a73.entry.js.map} +0 -0
  369. /package/dist/verdocs-web-sdk/{p-821becae.system.entry.js.map → p-8c98a765.system.entry.js.map} +0 -0
  370. /package/dist/verdocs-web-sdk/{p-e5f90a18.system.entry.js.map → p-a224a4cc.system.entry.js.map} +0 -0
  371. /package/dist/verdocs-web-sdk/{p-6d8c780d.system.entry.js.map → p-a37e8f84.system.entry.js.map} +0 -0
  372. /package/dist/verdocs-web-sdk/{p-d16c03d8.system.entry.js.map → p-ac05c34d.system.entry.js.map} +0 -0
  373. /package/dist/verdocs-web-sdk/{p-524c1693.system.entry.js.map → p-bec52dd1.system.entry.js.map} +0 -0
  374. /package/dist/verdocs-web-sdk/{p-bb96a9af.entry.js.map → p-d8b36d95.entry.js.map} +0 -0
  375. /package/dist/verdocs-web-sdk/{p-5355587b.entry.js.map → p-e15b7c92.entry.js.map} +0 -0
  376. /package/dist/verdocs-web-sdk/{p-65f4a435.entry.js.map → p-fb00149a.entry.js.map} +0 -0
@@ -0,0 +1 @@
1
+ {"version":3,"file":"verdocs-envelope-recipient-link.verdocs-envelope-update-recipient.entry.js","sources":["src/components/envelopes/verdocs-envelope-recipient-link/verdocs-envelope-recipient-link.scss?tag=verdocs-envelope-recipient-link","src/components/envelopes/verdocs-envelope-recipient-link/verdocs-envelope-recipient-link.tsx","src/components/envelopes/verdocs-envelope-update-recipient/verdocs-envelope-update-recipient.scss?tag=verdocs-envelope-update-recipient","src/components/envelopes/verdocs-envelope-update-recipient/verdocs-envelope-update-recipient.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-envelope-recipient-link {\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: flex;\n z-index: 100000;\n position: fixed;\n align-items: center;\n justify-content: center;\n font-family: $primary-font;\n background-color: #0000007f;\n\n .summary-content {\n width: 600px;\n display: flex;\n max-width: 90%;\n font-size: 18px;\n flex: 0 0 600px;\n border-radius: 6px;\n background: #ffffff;\n flex-direction: column;\n padding: 30px 20px 20px;\n\n .summary-title {\n font-size: 20px;\n font-weight: 700;\n margin: 0 0 10px 0;\n color: $verdocs-dark-blue;\n }\n }\n\n .summary-recipient {\n display: flex;\n color: $verdocs-grey-1;\n margin: 8px 0 24px 0;\n flex-direction: column;\n\n .role-name {\n flex: 1;\n display: flex;\n font-size: 14px;\n font-weight: 600;\n margin: 0 0 8px 0;\n color: $verdocs-grey-0;\n }\n\n .role-details {\n }\n\n .role-info {\n gap: 5px;\n display: flex;\n flex-direction: row;\n align-items: flex-end;\n }\n\n .role-full-name {\n flex: 1;\n height: 34px;\n display: flex;\n font-size: 16px;\n padding: 0 12px;\n border-radius: 4px;\n align-items: center;\n border: 1px solid #cccccc;\n background: rgb(249, 250, 251);\n }\n\n .recipient-link {\n width: 120px;\n padding: 0 16px;\n font-weight: 500;\n margin: 0 0 0 8px;\n text-align: center;\n font-size: 0.875rem;\n border-radius: 100%;\n color: rgb(55, 65, 81);\n line-height: 1.25rem;\n background-color: #d8d8d8;\n border: 2px solid rgb(156, 163, 175);\n }\n\n .link-wrapper {\n gap: 5px;\n display: flex;\n margin: 4px 0 0 0;\n flex-direction: row;\n\n .link {\n flex: 1;\n height: 34px;\n display: flex;\n font-size: 16px;\n padding: 0 12px;\n overflow: hidden;\n margin: 0 6px 0 0;\n border-radius: 4px;\n white-space: nowrap;\n align-items: center;\n text-overflow: ellipsis;\n border: 1px solid #cccccc;\n background: rgb(249, 250, 251);\n }\n }\n }\n\n .buttons {\n display: flex;\n column-gap: 15px;\n margin: 10px 0 0 0;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n\n verdocs-button {\n flex: 0 0 120px;\n margin-left: 10px;\n white-space: nowrap;\n\n button {\n width: 100%;\n }\n }\n }\n}\n","import {Component, Prop, Host, h, State, Event, EventEmitter} from '@stencil/core';\nimport {formatFullName, getEnvelope, getInPersonLink, IEnvelope, IRecipient, VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {VerdocsToast} from '../../../utils/Toast';\nimport {SDKError} from '../../../utils/errors';\nimport {Store} from '../../../utils/Datastore';\n\n/**\n * Displays a single recipient from an envelope, with the opportunity to copy an in-person\n * signing link for that recipient to use.\n */\n@Component({\n tag: 'verdocs-envelope-recipient-link',\n styleUrl: 'verdocs-envelope-recipient-link.scss',\n})\nexport class VerdocsEnvelopeRecipientLink {\n private envelopeListenerId = null;\n\n /**\n * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.\n */\n @Prop() endpoint: VerdocsEndpoint = VerdocsEndpoint.getDefault();\n\n /**\n * The envelope ID to edit.\n */\n @Prop() envelopeId: string = '';\n\n /**\n * The role to load.\n */\n @Prop() roleName: string = '';\n\n /**\n * Event fired when the user clicks Done to proceed. It is up to the host application\n * to redirect the user to the appropriate next workflow step.\n */\n @Event({composed: true}) next: EventEmitter<{envelope: IEnvelope}>;\n\n /**\n * Event fired if an error occurs. The event details will contain information about the error. Most errors will\n * terminate the process, and the calling application should correct the condition and re-render the component.\n */\n @Event({composed: true}) sdkError: EventEmitter<SDKError>;\n\n @State() isOpen: boolean;\n @State() gettingLink = true;\n @State() link = '';\n\n @State() loading = true;\n @State() envelope: IEnvelope | null = null;\n @State() recipient: IRecipient | null = null;\n\n async componentWillLoad() {\n try {\n this.endpoint.loadSession();\n\n if (!this.envelopeId) {\n console.log(`[RECIPIENT_LINK] Missing required envelope ID ${this.envelopeId}`);\n return;\n }\n\n if (!this.endpoint.session) {\n console.log('[RECIPIENT_LINK] Unable to start session, must be authenticated');\n return;\n }\n\n this.listenToEnvelope();\n } catch (e) {\n console.log('[RECIPIENT_LINK] Error loading envelope', e);\n this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n }\n }\n\n disconnectedCallback() {\n this.unlistenToEnvelope();\n }\n\n async listenToEnvelope() {\n console.log('[RECIPIENT_LINK] Loading envelope', this.envelopeId);\n this.unlistenToEnvelope();\n Store.subscribe(\n 'envelopes',\n this.envelopeId,\n () => getEnvelope(this.endpoint, this.envelopeId),\n false,\n (envelope: IEnvelope) => {\n this.envelope = envelope;\n this.loading = false;\n\n this.recipient = (this.envelope?.recipients || []).find(r => r.role_name === this.roleName);\n this.getLink(this.recipient);\n },\n );\n }\n\n unlistenToEnvelope() {\n if (this.envelopeListenerId) {\n Store.store.delListener(this.envelopeListenerId);\n this.envelopeListenerId = null;\n }\n }\n\n handleDone(e: any) {\n e.preventDefault();\n this.next?.emit({envelope: this.envelope});\n }\n\n copyLink(link: string) {\n navigator.clipboard\n .writeText(link)\n .then(() => VerdocsToast('Link copied to clipboard!', {style: 'success', duration: 3000}))\n .catch(e => {\n console.warn('[RECIPIENT_LINK] Error copying to clipboard', e);\n VerdocsToast(`Unable to copy to clipboard: ${e.message}`, {style: 'error'});\n });\n }\n\n getLink(recipient: IRecipient) {\n this.gettingLink = true;\n getInPersonLink(this.endpoint, recipient.envelope_id, recipient.role_name)\n .then(response => {\n this.gettingLink = false;\n this.link = response.link;\n // NOTE: Left here for documentation purposes. We don't auto-copy the link because many browsers now\n // error on that because we aren't the focus/gesture-initiator since we're a new component just being\n // drawn in the DOM. So we let the user click to trigger that.\n // this.copyLink(response.link);\n })\n .catch(e => {\n this.gettingLink = false;\n console.log('[RECIPIENT_LINK] Error getting link', e);\n VerdocsToast('Unable to get link: ' + e.message, {style: 'error'});\n });\n }\n\n render() {\n if (this.loading || !this.recipient) {\n return <Host />;\n }\n\n // const recipientsWithActions = getRecipientsWithActions(this.store.state); const showLinkButton = recipientCanAct(recipient, recipientsWithActions); const link =\n // this.links[recipient.role_name]; const gettingLink = this.gettingLinks[recipient.role_name]; return (\n\n const fullName = formatFullName(this.recipient);\n return (\n <Host>\n <div class=\"summary-content\">\n <h1 class=\"summary-title\">In-Person Signing Link</h1>\n <div class=\"summary-rows\">\n <div class=\"summary-recipient\">\n <div class=\"role-name\">{this.recipient.role_name}</div>\n <div class=\"role-details\">\n <div class=\"role-info\">\n <div class=\"role-full-name\">\n {fullName} ({this.recipient.email || this.recipient.phone})\n </div>\n {!this.link && (\n <verdocs-button\n size=\"small\"\n variant=\"outline\"\n label={this.gettingLink ? 'Loading...' : 'Get Link'}\n disabled={this.gettingLink}\n onClick={() => this.getLink(this.recipient)}\n />\n )}\n </div>\n\n {this.link && (\n <div class=\"link-wrapper\">\n <div class=\"link\">{this.link}</div>\n <verdocs-button size=\"small\" variant=\"outline\" label=\"Copy\" onClick={() => this.copyLink(this.link)} />\n </div>\n )}\n </div>\n </div>\n </div>\n\n <div class=\"buttons\">\n <verdocs-button size=\"small\" label=\"Done\" onClick={e => this.handleDone(e)} />\n </div>\n </div>\n </Host>\n );\n }\n}\n","@import '../../../theme.scss';\n\nverdocs-envelope-update-recipient {\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: flex;\n z-index: 100000;\n position: fixed;\n align-items: center;\n justify-content: center;\n font-family: $primary-font;\n background-color: #0000007f;\n\n .summary-content {\n width: 600px;\n display: flex;\n max-width: 90%;\n font-size: 18px;\n flex: 0 0 600px;\n border-radius: 6px;\n background: #ffffff;\n flex-direction: column;\n padding: 30px 20px 20px;\n\n .summary-title {\n font-size: 20px;\n font-weight: 700;\n margin: 0 0 10px 0;\n color: $verdocs-dark-blue;\n }\n }\n\n .fields {\n display: flex;\n color: $verdocs-grey-1;\n margin: 8px 0 24px 0;\n flex-direction: column;\n\n .field {\n margin: 2px 0;\n }\n\n .note {\n font-style: italic;\n font-size: 14px;\n }\n\n .fields-row {\n gap: 12px;\n display: flex;\n align-items: center;\n flex-direction: row;\n\n > * {\n flex: 1;\n }\n }\n\n .role-name {\n flex: 1;\n display: flex;\n font-size: 14px;\n font-weight: 600;\n margin: 0 0 8px 0;\n color: $verdocs-grey-0;\n }\n\n textarea {\n width: 100%;\n font-size: 16px;\n padding: 5px 7px;\n border-radius: 4px;\n box-sizing: border-box;\n border: 1px solid $border-color;\n font-family: $verdocs-primary-font;\n }\n }\n\n .buttons {\n display: flex;\n column-gap: 15px;\n margin: 10px 0 0 0;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n\n verdocs-button {\n flex: 0 0 120px;\n margin-left: 10px;\n white-space: nowrap;\n\n button {\n width: 100%;\n }\n }\n }\n}\n","import {Component, Prop, Host, h, State, Event, EventEmitter} from '@stencil/core';\nimport {getEnvelope, IEnvelope, IRecipient, VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {SDKError} from '../../../utils/errors';\nimport {Store} from '../../../utils/Datastore';\n\n/**\n * Displays a single recipient from an envelope, with the opportunity to copy an in-person\n * signing link for that recipient to use.\n */\n@Component({\n tag: 'verdocs-envelope-update-recipient',\n styleUrl: 'verdocs-envelope-update-recipient.scss',\n})\nexport class VerdocsEnvelopeUpdateRecipient {\n private envelopeListenerId = null;\n\n /**\n * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.\n */\n @Prop() endpoint: VerdocsEndpoint = VerdocsEndpoint.getDefault();\n\n /**\n * The envelope ID to edit.\n */\n @Prop() envelopeId: string = '';\n\n /**\n * The role to load.\n */\n @Prop() roleName: string = '';\n\n /**\n * Event fired when the user clicks Done to proceed. It is up to the host application\n * to save any updates and proceed to the next step.\n */\n @Event({composed: true}) next: EventEmitter<{action: 'cancel' | 'save'; originalRecipient: IRecipient; updatedRecipient: IRecipient}>;\n\n /**\n * Event fired if an error occurs. The event details will contain information about the error. Most errors will\n * terminate the process, and the calling application should correct the condition and re-render the component.\n */\n @Event({composed: true}) sdkError: EventEmitter<SDKError>;\n\n @State() isOpen: boolean;\n @State() gettingLink = true;\n @State() link = '';\n\n @State() loading = true;\n @State() envelope: IEnvelope | null = null;\n @State() originalRecipient: IRecipient | null = null;\n @State() updatedRecipient: IRecipient | null = null;\n\n async componentWillLoad() {\n try {\n this.endpoint.loadSession();\n\n if (!this.envelopeId) {\n console.log(`[UPDATE_RECIPIENT] Missing required envelope ID ${this.envelopeId}`);\n return;\n }\n\n if (!this.endpoint.session) {\n console.log('[UPDATE_RECIPIENT] Unable to start session, must be authenticated');\n return;\n }\n\n this.listenToEnvelope();\n } catch (e) {\n console.log('[UPDATE_RECIPIENT] Error loading envelope', e);\n this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n }\n }\n\n disconnectedCallback() {\n this.unlistenToEnvelope();\n }\n\n async listenToEnvelope() {\n console.log('[UPDATE_RECIPIENT] Loading envelope', this.envelopeId);\n this.unlistenToEnvelope();\n Store.subscribe(\n 'envelopes',\n this.envelopeId,\n () => getEnvelope(this.endpoint, this.envelopeId),\n false,\n (envelope: IEnvelope) => {\n this.envelope = envelope;\n this.loading = false;\n\n const recipient = (this.envelope?.recipients || []).find(r => r.role_name === this.roleName);\n this.originalRecipient = recipient;\n this.updatedRecipient = {...recipient};\n },\n );\n }\n\n unlistenToEnvelope() {\n if (this.envelopeListenerId) {\n Store.store.delListener(this.envelopeListenerId);\n this.envelopeListenerId = null;\n }\n }\n\n handleSave(e: any) {\n e.preventDefault();\n this.next?.emit({action: 'save', originalRecipient: this.originalRecipient, updatedRecipient: this.updatedRecipient});\n }\n\n handleCancel(e: any) {\n e.preventDefault();\n this.next?.emit({action: 'cancel', originalRecipient: this.originalRecipient, updatedRecipient: this.updatedRecipient});\n }\n\n render() {\n if (this.loading || !this.updatedRecipient) {\n return <Host />;\n }\n\n return (\n <Host>\n <div class=\"summary-content\">\n <h1 class=\"summary-title\">Update Recipient</h1>\n <div class=\"summary-rows\">\n <div class=\"fields\">\n <div class=\"role-name\">{this.updatedRecipient.role_name}</div>\n\n <div class=\"field\">\n <div class=\"fields-row\">\n <verdocs-text-input\n value={this.updatedRecipient.first_name}\n placeholder=\"First Name...\"\n onInput={(e: any) => (this.updatedRecipient.first_name = e.target.value)}\n />\n <verdocs-text-input value={this.updatedRecipient.last_name} placeholder=\"Last Name...\" onInput={(e: any) => (this.updatedRecipient.last_name = e.target.value)} />\n </div>\n </div>\n\n <div class=\"field\">\n <verdocs-text-input\n type=\"email\"\n value={this.updatedRecipient.email}\n placeholder=\"Email Address...\"\n onInput={(e: any) => (this.updatedRecipient.email = e.target.value)}\n />\n </div>\n\n <div class=\"field\">\n <verdocs-text-input\n type=\"tel\"\n value={this.updatedRecipient.phone}\n placeholder=\"Phone Number...\"\n onInput={(e: any) => (this.updatedRecipient.phone = e.target.value)}\n />\n </div>\n\n <div class=\"field\">\n <textarea\n id=\"verdocs-contact-picker-message\"\n name=\"verdocs-contact-picker-message\"\n data-lpignore=\"true\"\n autocomplete=\"blocked\"\n placeholder=\"Optional message to include in invitation...\"\n onInput={(e: any) => (this.updatedRecipient.message = e.target.value)}\n >\n {this.updatedRecipient.message}\n </textarea>\n </div>\n\n <div class=\"note\">\n NOTE: If you change the recipient's email address or invite message, they will receive a new invitation to sign the envelope. This will also reset their status if\n they have previously declined to sign.\n </div>\n </div>\n </div>\n\n <div class=\"buttons\">\n <verdocs-button variant=\"outline\" size=\"small\" label=\"Cancel\" onClick={e => this.handleCancel(e)} />\n <verdocs-button size=\"small\" label=\"Save\" onClick={e => this.handleSave(e)} />\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"names":[],"mappings":";;;;;;AAAA,MAAM,+BAA+B,GAAG,mhGAAmhG;;MCc9iG,4BAA4B,GAAA,MAAA;AAJzC,IAAA,WAAA,CAAA,OAAA,EAAA;;;;AAKU,QAAA,IAAkB,CAAA,kBAAA,GAAG,IAAI;AAEjC;;AAEG;AACK,QAAA,IAAA,CAAA,QAAQ,GAAoB,eAAe,CAAC,UAAU,EAAE;AAEhE;;AAEG;AACK,QAAA,IAAU,CAAA,UAAA,GAAW,EAAE;AAE/B;;AAEG;AACK,QAAA,IAAQ,CAAA,QAAA,GAAW,EAAE;AAepB,QAAA,IAAW,CAAA,WAAA,GAAG,IAAI;AAClB,QAAA,IAAI,CAAA,IAAA,GAAG,EAAE;AAET,QAAA,IAAO,CAAA,OAAA,GAAG,IAAI;AACd,QAAA,IAAQ,CAAA,QAAA,GAAqB,IAAI;AACjC,QAAA,IAAS,CAAA,SAAA,GAAsB,IAAI;AAsI7C;AApIC,IAAA,MAAM,iBAAiB,GAAA;;AACrB,QAAA,IAAI;AACF,YAAA,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE;AAE3B,YAAA,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;gBACpB,OAAO,CAAC,GAAG,CAAC,CAAA,8CAAA,EAAiD,IAAI,CAAC,UAAU,CAAE,CAAA,CAAC;gBAC/E;;AAGF,YAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE;AAC1B,gBAAA,OAAO,CAAC,GAAG,CAAC,iEAAiE,CAAC;gBAC9E;;YAGF,IAAI,CAAC,gBAAgB,EAAE;;QACvB,OAAO,CAAC,EAAE;AACV,YAAA,OAAO,CAAC,GAAG,CAAC,yCAAyC,EAAE,CAAC,CAAC;AACzD,YAAA,CAAA,EAAA,GAAA,IAAI,CAAC,QAAQ,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,IAAI,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC,OAAO,EAAE,CAAA,EAAA,GAAA,CAAC,CAAC,QAAQ,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,MAAM,EAAE,CAAA,EAAA,GAAA,CAAC,CAAC,QAAQ,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAI,CAAC,CAAC;;;IAItF,oBAAoB,GAAA;QAClB,IAAI,CAAC,kBAAkB,EAAE;;AAG3B,IAAA,MAAM,gBAAgB,GAAA;QACpB,OAAO,CAAC,GAAG,CAAC,mCAAmC,EAAE,IAAI,CAAC,UAAU,CAAC;QACjE,IAAI,CAAC,kBAAkB,EAAE;AACzB,QAAA,KAAK,CAAC,SAAS,CACb,WAAW,EACX,IAAI,CAAC,UAAU,EACf,MAAM,WAAW,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,UAAU,CAAC,EACjD,KAAK,EACL,CAAC,QAAmB,KAAI;;AACtB,YAAA,IAAI,CAAC,QAAQ,GAAG,QAAQ;AACxB,YAAA,IAAI,CAAC,OAAO,GAAG,KAAK;YAEpB,IAAI,CAAC,SAAS,GAAG,CAAC,CAAA,CAAA,EAAA,GAAA,IAAI,CAAC,QAAQ,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,UAAU,KAAI,EAAE,EAAE,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,SAAS,KAAK,IAAI,CAAC,QAAQ,CAAC;AAC3F,YAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC;AAC9B,SAAC,CACF;;IAGH,kBAAkB,GAAA;AAChB,QAAA,IAAI,IAAI,CAAC,kBAAkB,EAAE;YAC3B,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,kBAAkB,CAAC;AAChD,YAAA,IAAI,CAAC,kBAAkB,GAAG,IAAI;;;AAIlC,IAAA,UAAU,CAAC,CAAM,EAAA;;QACf,CAAC,CAAC,cAAc,EAAE;AAClB,QAAA,CAAA,EAAA,GAAA,IAAI,CAAC,IAAI,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,IAAI,CAAC,EAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAC,CAAC;;AAG5C,IAAA,QAAQ,CAAC,IAAY,EAAA;AACnB,QAAA,SAAS,CAAC;aACP,SAAS,CAAC,IAAI;AACd,aAAA,IAAI,CAAC,MAAM,YAAY,CAAC,2BAA2B,EAAE,EAAC,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAC,CAAC;aACxF,KAAK,CAAC,CAAC,IAAG;AACT,YAAA,OAAO,CAAC,IAAI,CAAC,6CAA6C,EAAE,CAAC,CAAC;AAC9D,YAAA,YAAY,CAAC,CAAA,6BAAA,EAAgC,CAAC,CAAC,OAAO,CAAA,CAAE,EAAE,EAAC,KAAK,EAAE,OAAO,EAAC,CAAC;AAC7E,SAAC,CAAC;;AAGN,IAAA,OAAO,CAAC,SAAqB,EAAA;AAC3B,QAAA,IAAI,CAAC,WAAW,GAAG,IAAI;AACvB,QAAA,eAAe,CAAC,IAAI,CAAC,QAAQ,EAAE,SAAS,CAAC,WAAW,EAAE,SAAS,CAAC,SAAS;aACtE,IAAI,CAAC,QAAQ,IAAG;AACf,YAAA,IAAI,CAAC,WAAW,GAAG,KAAK;AACxB,YAAA,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC,IAAI;;;;;AAK3B,SAAC;aACA,KAAK,CAAC,CAAC,IAAG;AACT,YAAA,IAAI,CAAC,WAAW,GAAG,KAAK;AACxB,YAAA,OAAO,CAAC,GAAG,CAAC,qCAAqC,EAAE,CAAC,CAAC;AACrD,YAAA,YAAY,CAAC,sBAAsB,GAAG,CAAC,CAAC,OAAO,EAAE,EAAC,KAAK,EAAE,OAAO,EAAC,CAAC;AACpE,SAAC,CAAC;;IAGN,MAAM,GAAA;QACJ,IAAI,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;AACnC,YAAA,OAAO,CAAA,CAAC,IAAI,EAAA,IAAA,CAAG;;;;QAMjB,MAAM,QAAQ,GAAG,cAAc,CAAC,IAAI,CAAC,SAAS,CAAC;AAC/C,QAAA,QACE,EAAC,IAAI,EAAA,IAAA,EACH,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,iBAAiB,EAAA,EAC1B,CAAI,CAAA,IAAA,EAAA,EAAA,KAAK,EAAC,eAAe,EAA4B,EAAA,wBAAA,CAAA,EACrD,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,cAAc,EAAA,EACvB,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,mBAAmB,EAAA,EAC5B,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,WAAW,EAAA,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,CAAO,EACvD,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,cAAc,EAAA,EACvB,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,WAAW,EAAA,EACpB,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,gBAAgB,EAAA,EACxB,QAAQ,QAAI,IAAI,CAAC,SAAS,CAAC,KAAK,IAAI,IAAI,CAAC,SAAS,CAAC,KAAK,EACrD,GAAA,CAAA,EACL,CAAC,IAAI,CAAC,IAAI,KACT,CACE,CAAA,gBAAA,EAAA,EAAA,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,SAAS,EACjB,KAAK,EAAE,IAAI,CAAC,WAAW,GAAG,YAAY,GAAG,UAAU,EACnD,QAAQ,EAAE,IAAI,CAAC,WAAW,EAC1B,OAAO,EAAE,MAAM,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,EAC3C,CAAA,CACH,CACG,EAEL,IAAI,CAAC,IAAI,KACR,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,cAAc,EAAA,EACvB,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,MAAM,IAAE,IAAI,CAAC,IAAI,CAAO,EACnC,CAAA,CAAA,gBAAA,EAAA,EAAgB,IAAI,EAAC,OAAO,EAAC,OAAO,EAAC,SAAS,EAAC,KAAK,EAAC,MAAM,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,EAAI,CAAA,CACnG,CACP,CACG,CACF,CACF,EAEN,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,SAAS,EAAA,EAClB,CAAgB,CAAA,gBAAA,EAAA,EAAA,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,MAAM,EAAC,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,EAAA,CAAI,CAC1E,CACF,CACD;;;;;ACrLb,MAAM,iCAAiC,GAAG,q8EAAq8E;;MCal+E,8BAA8B,GAAA,MAAA;AAJ3C,IAAA,WAAA,CAAA,OAAA,EAAA;;;;AAKU,QAAA,IAAkB,CAAA,kBAAA,GAAG,IAAI;AAEjC;;AAEG;AACK,QAAA,IAAA,CAAA,QAAQ,GAAoB,eAAe,CAAC,UAAU,EAAE;AAEhE;;AAEG;AACK,QAAA,IAAU,CAAA,UAAA,GAAW,EAAE;AAE/B;;AAEG;AACK,QAAA,IAAQ,CAAA,QAAA,GAAW,EAAE;AAepB,QAAA,IAAW,CAAA,WAAA,GAAG,IAAI;AAClB,QAAA,IAAI,CAAA,IAAA,GAAG,EAAE;AAET,QAAA,IAAO,CAAA,OAAA,GAAG,IAAI;AACd,QAAA,IAAQ,CAAA,QAAA,GAAqB,IAAI;AACjC,QAAA,IAAiB,CAAA,iBAAA,GAAsB,IAAI;AAC3C,QAAA,IAAgB,CAAA,gBAAA,GAAsB,IAAI;AAqIpD;AAnIC,IAAA,MAAM,iBAAiB,GAAA;;AACrB,QAAA,IAAI;AACF,YAAA,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE;AAE3B,YAAA,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;gBACpB,OAAO,CAAC,GAAG,CAAC,CAAA,gDAAA,EAAmD,IAAI,CAAC,UAAU,CAAE,CAAA,CAAC;gBACjF;;AAGF,YAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE;AAC1B,gBAAA,OAAO,CAAC,GAAG,CAAC,mEAAmE,CAAC;gBAChF;;YAGF,IAAI,CAAC,gBAAgB,EAAE;;QACvB,OAAO,CAAC,EAAE;AACV,YAAA,OAAO,CAAC,GAAG,CAAC,2CAA2C,EAAE,CAAC,CAAC;AAC3D,YAAA,CAAA,EAAA,GAAA,IAAI,CAAC,QAAQ,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,IAAI,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC,OAAO,EAAE,CAAA,EAAA,GAAA,CAAC,CAAC,QAAQ,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,MAAM,EAAE,CAAA,EAAA,GAAA,CAAC,CAAC,QAAQ,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAI,CAAC,CAAC;;;IAItF,oBAAoB,GAAA;QAClB,IAAI,CAAC,kBAAkB,EAAE;;AAG3B,IAAA,MAAM,gBAAgB,GAAA;QACpB,OAAO,CAAC,GAAG,CAAC,qCAAqC,EAAE,IAAI,CAAC,UAAU,CAAC;QACnE,IAAI,CAAC,kBAAkB,EAAE;AACzB,QAAA,KAAK,CAAC,SAAS,CACb,WAAW,EACX,IAAI,CAAC,UAAU,EACf,MAAM,WAAW,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,UAAU,CAAC,EACjD,KAAK,EACL,CAAC,QAAmB,KAAI;;AACtB,YAAA,IAAI,CAAC,QAAQ,GAAG,QAAQ;AACxB,YAAA,IAAI,CAAC,OAAO,GAAG,KAAK;YAEpB,MAAM,SAAS,GAAG,CAAC,CAAA,CAAA,EAAA,GAAA,IAAI,CAAC,QAAQ,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,UAAU,KAAI,EAAE,EAAE,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,SAAS,KAAK,IAAI,CAAC,QAAQ,CAAC;AAC5F,YAAA,IAAI,CAAC,iBAAiB,GAAG,SAAS;AAClC,YAAA,IAAI,CAAC,gBAAgB,GAAG,EAAC,GAAG,SAAS,EAAC;AACxC,SAAC,CACF;;IAGH,kBAAkB,GAAA;AAChB,QAAA,IAAI,IAAI,CAAC,kBAAkB,EAAE;YAC3B,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,kBAAkB,CAAC;AAChD,YAAA,IAAI,CAAC,kBAAkB,GAAG,IAAI;;;AAIlC,IAAA,UAAU,CAAC,CAAM,EAAA;;QACf,CAAC,CAAC,cAAc,EAAE;AAClB,QAAA,CAAA,EAAA,GAAA,IAAI,CAAC,IAAI,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAI,CAAC,EAAC,MAAM,EAAE,MAAM,EAAE,iBAAiB,EAAE,IAAI,CAAC,iBAAiB,EAAE,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,EAAC,CAAC;;AAGvH,IAAA,YAAY,CAAC,CAAM,EAAA;;QACjB,CAAC,CAAC,cAAc,EAAE;AAClB,QAAA,CAAA,EAAA,GAAA,IAAI,CAAC,IAAI,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAI,CAAC,EAAC,MAAM,EAAE,QAAQ,EAAE,iBAAiB,EAAE,IAAI,CAAC,iBAAiB,EAAE,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,EAAC,CAAC;;IAGzH,MAAM,GAAA;QACJ,IAAI,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE;AAC1C,YAAA,OAAO,CAAA,CAAC,IAAI,EAAA,IAAA,CAAG;;QAGjB,QACE,EAAC,IAAI,EAAA,IAAA,EACH,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,iBAAiB,EAAA,EAC1B,CAAI,CAAA,IAAA,EAAA,EAAA,KAAK,EAAC,eAAe,EAAsB,EAAA,kBAAA,CAAA,EAC/C,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,cAAc,EAAA,EACvB,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,EACjB,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,WAAW,EAAA,EAAE,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAO,EAE9D,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,OAAO,EAAA,EAChB,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EACrB,CAAA,CAAA,oBAAA,EAAA,EACE,KAAK,EAAE,IAAI,CAAC,gBAAgB,CAAC,UAAU,EACvC,WAAW,EAAC,eAAe,EAC3B,OAAO,EAAE,CAAC,CAAM,MAAM,IAAI,CAAC,gBAAgB,CAAC,UAAU,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACxE,CAAA,EACF,CAAA,CAAA,oBAAA,EAAA,EAAoB,KAAK,EAAE,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,WAAW,EAAC,cAAc,EAAC,OAAO,EAAE,CAAC,CAAM,MAAM,IAAI,CAAC,gBAAgB,CAAC,SAAS,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAA,CAAI,CAC9J,CACF,EAEN,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,OAAO,EAAA,EAChB,CAAA,CAAA,oBAAA,EAAA,EACE,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,IAAI,CAAC,gBAAgB,CAAC,KAAK,EAClC,WAAW,EAAC,kBAAkB,EAC9B,OAAO,EAAE,CAAC,CAAM,MAAM,IAAI,CAAC,gBAAgB,CAAC,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GACnE,CACE,EAEN,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,OAAO,EAAA,EAChB,CAAA,CAAA,oBAAA,EAAA,EACE,IAAI,EAAC,KAAK,EACV,KAAK,EAAE,IAAI,CAAC,gBAAgB,CAAC,KAAK,EAClC,WAAW,EAAC,iBAAiB,EAC7B,OAAO,EAAE,CAAC,CAAM,MAAM,IAAI,CAAC,gBAAgB,CAAC,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GACnE,CACE,EAEN,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,OAAO,EAAA,EAChB,CACE,CAAA,UAAA,EAAA,EAAA,EAAE,EAAC,gCAAgC,EACnC,IAAI,EAAC,gCAAgC,mBACvB,MAAM,EACpB,YAAY,EAAC,SAAS,EACtB,WAAW,EAAC,8CAA8C,EAC1D,OAAO,EAAE,CAAC,CAAM,MAAM,IAAI,CAAC,gBAAgB,CAAC,OAAO,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAEpE,EAAA,IAAI,CAAC,gBAAgB,CAAC,OAAO,CACrB,CACP,EAEN,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,MAAM,EAAA,EAAA,2MAAA,CAGX,CACF,CACF,EAEN,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,SAAS,EAAA,EAClB,CAAgB,CAAA,gBAAA,EAAA,EAAA,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,EAAI,CAAA,EACpG,CAAgB,CAAA,gBAAA,EAAA,EAAA,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,MAAM,EAAC,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,EAAA,CAAI,CAC1E,CACF,CACD;;;;;;;"}
@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, H as Host } from './index-C
2
2
  import { VerdocsEndpoint, getEnvelope, getInPersonLink, formatFullName } from '@verdocs/js-sdk';
3
3
  import { V as VerdocsToast } from './Toast-CyvDgtoV.js';
4
4
  import { S as SDKError } from './errors-C1sRVZWv.js';
5
- import { S as Store } from './Datastore-C_IIZj49.js';
5
+ import { S as Store } from './Datastore-DmsV595e.js';
6
6
 
7
7
  const verdocsEnvelopeRecipientLinkCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-envelope-recipient-link{top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;z-index:100000;position:fixed;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-family:\"Inter\", \"Barlow\", sans-serif;background-color:rgba(0, 0, 0, 0.4980392157)}verdocs-envelope-recipient-link .summary-content{width:600px;display:-ms-flexbox;display:flex;max-width:90%;font-size:18px;-ms-flex:0 0 600px;flex:0 0 600px;border-radius:6px;background:#ffffff;-ms-flex-direction:column;flex-direction:column;padding:30px 20px 20px}verdocs-envelope-recipient-link .summary-content .summary-title{font-size:20px;font-weight:700;margin:0 0 10px 0;color:#33364b}verdocs-envelope-recipient-link .summary-recipient{display:-ms-flexbox;display:flex;color:#33364b;margin:8px 0 24px 0;-ms-flex-direction:column;flex-direction:column}verdocs-envelope-recipient-link .summary-recipient .role-name{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;font-size:14px;font-weight:600;margin:0 0 8px 0;color:#092c4c}verdocs-envelope-recipient-link .summary-recipient .role-info{gap:5px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:end;align-items:flex-end}verdocs-envelope-recipient-link .summary-recipient .role-full-name{-ms-flex:1;flex:1;height:34px;display:-ms-flexbox;display:flex;font-size:16px;padding:0 12px;border-radius:4px;-ms-flex-align:center;align-items:center;border:1px solid #cccccc;background:rgb(249, 250, 251)}verdocs-envelope-recipient-link .summary-recipient .recipient-link{width:120px;padding:0 16px;font-weight:500;margin:0 0 0 8px;text-align:center;font-size:0.875rem;border-radius:100%;color:rgb(55, 65, 81);line-height:1.25rem;background-color:#d8d8d8;border:2px solid rgb(156, 163, 175)}verdocs-envelope-recipient-link .summary-recipient .link-wrapper{gap:5px;display:-ms-flexbox;display:flex;margin:4px 0 0 0;-ms-flex-direction:row;flex-direction:row}verdocs-envelope-recipient-link .summary-recipient .link-wrapper .link{-ms-flex:1;flex:1;height:34px;display:-ms-flexbox;display:flex;font-size:16px;padding:0 12px;overflow:hidden;margin:0 6px 0 0;border-radius:4px;white-space:nowrap;-ms-flex-align:center;align-items:center;text-overflow:ellipsis;border:1px solid #cccccc;background:rgb(249, 250, 251)}verdocs-envelope-recipient-link .buttons{display:-ms-flexbox;display:flex;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;margin:10px 0 0 0;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-envelope-recipient-link .buttons verdocs-button{-ms-flex:0 0 120px;flex:0 0 120px;margin-left:10px;white-space:nowrap}verdocs-envelope-recipient-link .buttons verdocs-button button{width:100%}";
8
8
 
@@ -53,7 +53,7 @@ const VerdocsEnvelopeRecipientLink = class {
53
53
  this.unlistenToEnvelope();
54
54
  }
55
55
  async listenToEnvelope() {
56
- console.log('[SIDEBAR] Loading envelope', this.envelopeId);
56
+ console.log('[RECIPIENT_LINK] Loading envelope', this.envelopeId);
57
57
  this.unlistenToEnvelope();
58
58
  Store.subscribe('envelopes', this.envelopeId, () => getEnvelope(this.endpoint, this.envelopeId), false, (envelope) => {
59
59
  var _a;
@@ -112,7 +112,93 @@ const VerdocsEnvelopeRecipientLink = class {
112
112
  };
113
113
  VerdocsEnvelopeRecipientLink.style = verdocsEnvelopeRecipientLinkCss;
114
114
 
115
- export { VerdocsEnvelopeRecipientLink as verdocs_envelope_recipient_link };
116
- //# sourceMappingURL=verdocs-envelope-recipient-link.entry.js.map
115
+ const verdocsEnvelopeUpdateRecipientCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-envelope-update-recipient{top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;z-index:100000;position:fixed;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-family:\"Inter\", \"Barlow\", sans-serif;background-color:rgba(0, 0, 0, 0.4980392157)}verdocs-envelope-update-recipient .summary-content{width:600px;display:-ms-flexbox;display:flex;max-width:90%;font-size:18px;-ms-flex:0 0 600px;flex:0 0 600px;border-radius:6px;background:#ffffff;-ms-flex-direction:column;flex-direction:column;padding:30px 20px 20px}verdocs-envelope-update-recipient .summary-content .summary-title{font-size:20px;font-weight:700;margin:0 0 10px 0;color:#33364b}verdocs-envelope-update-recipient .fields{display:-ms-flexbox;display:flex;color:#33364b;margin:8px 0 24px 0;-ms-flex-direction:column;flex-direction:column}verdocs-envelope-update-recipient .fields .field{margin:2px 0}verdocs-envelope-update-recipient .fields .note{font-style:italic;font-size:14px}verdocs-envelope-update-recipient .fields .fields-row{gap:12px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-envelope-update-recipient .fields .fields-row>*{-ms-flex:1;flex:1}verdocs-envelope-update-recipient .fields .role-name{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;font-size:14px;font-weight:600;margin:0 0 8px 0;color:#092c4c}verdocs-envelope-update-recipient .fields textarea{width:100%;font-size:16px;padding:5px 7px;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #707ae5;font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-envelope-update-recipient .buttons{display:-ms-flexbox;display:flex;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;margin:10px 0 0 0;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-envelope-update-recipient .buttons verdocs-button{-ms-flex:0 0 120px;flex:0 0 120px;margin-left:10px;white-space:nowrap}verdocs-envelope-update-recipient .buttons verdocs-button button{width:100%}";
117
116
 
118
- //# sourceMappingURL=verdocs-envelope-recipient-link.entry.js.map
117
+ const VerdocsEnvelopeUpdateRecipient = class {
118
+ constructor(hostRef) {
119
+ registerInstance(this, hostRef);
120
+ this.next = createEvent(this, "next");
121
+ this.sdkError = createEvent(this, "sdkError");
122
+ this.envelopeListenerId = null;
123
+ /**
124
+ * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
125
+ */
126
+ this.endpoint = VerdocsEndpoint.getDefault();
127
+ /**
128
+ * The envelope ID to edit.
129
+ */
130
+ this.envelopeId = '';
131
+ /**
132
+ * The role to load.
133
+ */
134
+ this.roleName = '';
135
+ this.gettingLink = true;
136
+ this.link = '';
137
+ this.loading = true;
138
+ this.envelope = null;
139
+ this.originalRecipient = null;
140
+ this.updatedRecipient = null;
141
+ }
142
+ async componentWillLoad() {
143
+ var _a, _b, _c;
144
+ try {
145
+ this.endpoint.loadSession();
146
+ if (!this.envelopeId) {
147
+ console.log(`[UPDATE_RECIPIENT] Missing required envelope ID ${this.envelopeId}`);
148
+ return;
149
+ }
150
+ if (!this.endpoint.session) {
151
+ console.log('[UPDATE_RECIPIENT] Unable to start session, must be authenticated');
152
+ return;
153
+ }
154
+ this.listenToEnvelope();
155
+ }
156
+ catch (e) {
157
+ console.log('[UPDATE_RECIPIENT] Error loading envelope', e);
158
+ (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(new SDKError(e.message, (_b = e.response) === null || _b === void 0 ? void 0 : _b.status, (_c = e.response) === null || _c === void 0 ? void 0 : _c.data));
159
+ }
160
+ }
161
+ disconnectedCallback() {
162
+ this.unlistenToEnvelope();
163
+ }
164
+ async listenToEnvelope() {
165
+ console.log('[UPDATE_RECIPIENT] Loading envelope', this.envelopeId);
166
+ this.unlistenToEnvelope();
167
+ Store.subscribe('envelopes', this.envelopeId, () => getEnvelope(this.endpoint, this.envelopeId), false, (envelope) => {
168
+ var _a;
169
+ this.envelope = envelope;
170
+ this.loading = false;
171
+ const recipient = (((_a = this.envelope) === null || _a === void 0 ? void 0 : _a.recipients) || []).find(r => r.role_name === this.roleName);
172
+ this.originalRecipient = recipient;
173
+ this.updatedRecipient = { ...recipient };
174
+ });
175
+ }
176
+ unlistenToEnvelope() {
177
+ if (this.envelopeListenerId) {
178
+ Store.store.delListener(this.envelopeListenerId);
179
+ this.envelopeListenerId = null;
180
+ }
181
+ }
182
+ handleSave(e) {
183
+ var _a;
184
+ e.preventDefault();
185
+ (_a = this.next) === null || _a === void 0 ? void 0 : _a.emit({ action: 'save', originalRecipient: this.originalRecipient, updatedRecipient: this.updatedRecipient });
186
+ }
187
+ handleCancel(e) {
188
+ var _a;
189
+ e.preventDefault();
190
+ (_a = this.next) === null || _a === void 0 ? void 0 : _a.emit({ action: 'cancel', originalRecipient: this.originalRecipient, updatedRecipient: this.updatedRecipient });
191
+ }
192
+ render() {
193
+ if (this.loading || !this.updatedRecipient) {
194
+ return h(Host, null);
195
+ }
196
+ return (h(Host, null, h("div", { class: "summary-content" }, h("h1", { class: "summary-title" }, "Update Recipient"), h("div", { class: "summary-rows" }, h("div", { class: "fields" }, h("div", { class: "role-name" }, this.updatedRecipient.role_name), h("div", { class: "field" }, h("div", { class: "fields-row" }, h("verdocs-text-input", { value: this.updatedRecipient.first_name, placeholder: "First Name...", onInput: (e) => (this.updatedRecipient.first_name = e.target.value) }), h("verdocs-text-input", { value: this.updatedRecipient.last_name, placeholder: "Last Name...", onInput: (e) => (this.updatedRecipient.last_name = e.target.value) }))), h("div", { class: "field" }, h("verdocs-text-input", { type: "email", value: this.updatedRecipient.email, placeholder: "Email Address...", onInput: (e) => (this.updatedRecipient.email = e.target.value) })), h("div", { class: "field" }, h("verdocs-text-input", { type: "tel", value: this.updatedRecipient.phone, placeholder: "Phone Number...", onInput: (e) => (this.updatedRecipient.phone = e.target.value) })), h("div", { class: "field" }, h("textarea", { id: "verdocs-contact-picker-message", name: "verdocs-contact-picker-message", "data-lpignore": "true", autocomplete: "blocked", placeholder: "Optional message to include in invitation...", onInput: (e) => (this.updatedRecipient.message = e.target.value) }, this.updatedRecipient.message)), h("div", { class: "note" }, "NOTE: If you change the recipient's email address or invite message, they will receive a new invitation to sign the envelope. This will also reset their status if they have previously declined to sign."))), h("div", { class: "buttons" }, h("verdocs-button", { variant: "outline", size: "small", label: "Cancel", onClick: e => this.handleCancel(e) }), h("verdocs-button", { size: "small", label: "Save", onClick: e => this.handleSave(e) })))));
197
+ }
198
+ };
199
+ VerdocsEnvelopeUpdateRecipient.style = verdocsEnvelopeUpdateRecipientCss;
200
+
201
+ export { VerdocsEnvelopeRecipientLink as verdocs_envelope_recipient_link, VerdocsEnvelopeUpdateRecipient as verdocs_envelope_update_recipient };
202
+ //# sourceMappingURL=verdocs-envelope-recipient-link.verdocs-envelope-update-recipient.entry.js.map
203
+
204
+ //# sourceMappingURL=verdocs-envelope-recipient-link_2.entry.js.map
@@ -0,0 +1 @@
1
+ {"file":"verdocs-envelope-recipient-link.verdocs-envelope-update-recipient.entry.js","mappings":"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","names":[],"sources":["src/components/envelopes/verdocs-envelope-recipient-link/verdocs-envelope-recipient-link.scss?tag=verdocs-envelope-recipient-link","src/components/envelopes/verdocs-envelope-recipient-link/verdocs-envelope-recipient-link.tsx","src/components/envelopes/verdocs-envelope-update-recipient/verdocs-envelope-update-recipient.scss?tag=verdocs-envelope-update-recipient","src/components/envelopes/verdocs-envelope-update-recipient/verdocs-envelope-update-recipient.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-envelope-recipient-link {\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: flex;\n z-index: 100000;\n position: fixed;\n align-items: center;\n justify-content: center;\n font-family: $primary-font;\n background-color: #0000007f;\n\n .summary-content {\n width: 600px;\n display: flex;\n max-width: 90%;\n font-size: 18px;\n flex: 0 0 600px;\n border-radius: 6px;\n background: #ffffff;\n flex-direction: column;\n padding: 30px 20px 20px;\n\n .summary-title {\n font-size: 20px;\n font-weight: 700;\n margin: 0 0 10px 0;\n color: $verdocs-dark-blue;\n }\n }\n\n .summary-recipient {\n display: flex;\n color: $verdocs-grey-1;\n margin: 8px 0 24px 0;\n flex-direction: column;\n\n .role-name {\n flex: 1;\n display: flex;\n font-size: 14px;\n font-weight: 600;\n margin: 0 0 8px 0;\n color: $verdocs-grey-0;\n }\n\n .role-details {\n }\n\n .role-info {\n gap: 5px;\n display: flex;\n flex-direction: row;\n align-items: flex-end;\n }\n\n .role-full-name {\n flex: 1;\n height: 34px;\n display: flex;\n font-size: 16px;\n padding: 0 12px;\n border-radius: 4px;\n align-items: center;\n border: 1px solid #cccccc;\n background: rgb(249, 250, 251);\n }\n\n .recipient-link {\n width: 120px;\n padding: 0 16px;\n font-weight: 500;\n margin: 0 0 0 8px;\n text-align: center;\n font-size: 0.875rem;\n border-radius: 100%;\n color: rgb(55, 65, 81);\n line-height: 1.25rem;\n background-color: #d8d8d8;\n border: 2px solid rgb(156, 163, 175);\n }\n\n .link-wrapper {\n gap: 5px;\n display: flex;\n margin: 4px 0 0 0;\n flex-direction: row;\n\n .link {\n flex: 1;\n height: 34px;\n display: flex;\n font-size: 16px;\n padding: 0 12px;\n overflow: hidden;\n margin: 0 6px 0 0;\n border-radius: 4px;\n white-space: nowrap;\n align-items: center;\n text-overflow: ellipsis;\n border: 1px solid #cccccc;\n background: rgb(249, 250, 251);\n }\n }\n }\n\n .buttons {\n display: flex;\n column-gap: 15px;\n margin: 10px 0 0 0;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n\n verdocs-button {\n flex: 0 0 120px;\n margin-left: 10px;\n white-space: nowrap;\n\n button {\n width: 100%;\n }\n }\n }\n}\n","import {Component, Prop, Host, h, State, Event, EventEmitter} from '@stencil/core';\nimport {formatFullName, getEnvelope, getInPersonLink, IEnvelope, IRecipient, VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {VerdocsToast} from '../../../utils/Toast';\nimport {SDKError} from '../../../utils/errors';\nimport {Store} from '../../../utils/Datastore';\n\n/**\n * Displays a single recipient from an envelope, with the opportunity to copy an in-person\n * signing link for that recipient to use.\n */\n@Component({\n tag: 'verdocs-envelope-recipient-link',\n styleUrl: 'verdocs-envelope-recipient-link.scss',\n})\nexport class VerdocsEnvelopeRecipientLink {\n private envelopeListenerId = null;\n\n /**\n * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.\n */\n @Prop() endpoint: VerdocsEndpoint = VerdocsEndpoint.getDefault();\n\n /**\n * The envelope ID to edit.\n */\n @Prop() envelopeId: string = '';\n\n /**\n * The role to load.\n */\n @Prop() roleName: string = '';\n\n /**\n * Event fired when the user clicks Done to proceed. It is up to the host application\n * to redirect the user to the appropriate next workflow step.\n */\n @Event({composed: true}) next: EventEmitter<{envelope: IEnvelope}>;\n\n /**\n * Event fired if an error occurs. The event details will contain information about the error. Most errors will\n * terminate the process, and the calling application should correct the condition and re-render the component.\n */\n @Event({composed: true}) sdkError: EventEmitter<SDKError>;\n\n @State() isOpen: boolean;\n @State() gettingLink = true;\n @State() link = '';\n\n @State() loading = true;\n @State() envelope: IEnvelope | null = null;\n @State() recipient: IRecipient | null = null;\n\n async componentWillLoad() {\n try {\n this.endpoint.loadSession();\n\n if (!this.envelopeId) {\n console.log(`[RECIPIENT_LINK] Missing required envelope ID ${this.envelopeId}`);\n return;\n }\n\n if (!this.endpoint.session) {\n console.log('[RECIPIENT_LINK] Unable to start session, must be authenticated');\n return;\n }\n\n this.listenToEnvelope();\n } catch (e) {\n console.log('[RECIPIENT_LINK] Error loading envelope', e);\n this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n }\n }\n\n disconnectedCallback() {\n this.unlistenToEnvelope();\n }\n\n async listenToEnvelope() {\n console.log('[RECIPIENT_LINK] Loading envelope', this.envelopeId);\n this.unlistenToEnvelope();\n Store.subscribe(\n 'envelopes',\n this.envelopeId,\n () => getEnvelope(this.endpoint, this.envelopeId),\n false,\n (envelope: IEnvelope) => {\n this.envelope = envelope;\n this.loading = false;\n\n this.recipient = (this.envelope?.recipients || []).find(r => r.role_name === this.roleName);\n this.getLink(this.recipient);\n },\n );\n }\n\n unlistenToEnvelope() {\n if (this.envelopeListenerId) {\n Store.store.delListener(this.envelopeListenerId);\n this.envelopeListenerId = null;\n }\n }\n\n handleDone(e: any) {\n e.preventDefault();\n this.next?.emit({envelope: this.envelope});\n }\n\n copyLink(link: string) {\n navigator.clipboard\n .writeText(link)\n .then(() => VerdocsToast('Link copied to clipboard!', {style: 'success', duration: 3000}))\n .catch(e => {\n console.warn('[RECIPIENT_LINK] Error copying to clipboard', e);\n VerdocsToast(`Unable to copy to clipboard: ${e.message}`, {style: 'error'});\n });\n }\n\n getLink(recipient: IRecipient) {\n this.gettingLink = true;\n getInPersonLink(this.endpoint, recipient.envelope_id, recipient.role_name)\n .then(response => {\n this.gettingLink = false;\n this.link = response.link;\n // NOTE: Left here for documentation purposes. We don't auto-copy the link because many browsers now\n // error on that because we aren't the focus/gesture-initiator since we're a new component just being\n // drawn in the DOM. So we let the user click to trigger that.\n // this.copyLink(response.link);\n })\n .catch(e => {\n this.gettingLink = false;\n console.log('[RECIPIENT_LINK] Error getting link', e);\n VerdocsToast('Unable to get link: ' + e.message, {style: 'error'});\n });\n }\n\n render() {\n if (this.loading || !this.recipient) {\n return <Host />;\n }\n\n // const recipientsWithActions = getRecipientsWithActions(this.store.state); const showLinkButton = recipientCanAct(recipient, recipientsWithActions); const link =\n // this.links[recipient.role_name]; const gettingLink = this.gettingLinks[recipient.role_name]; return (\n\n const fullName = formatFullName(this.recipient);\n return (\n <Host>\n <div class=\"summary-content\">\n <h1 class=\"summary-title\">In-Person Signing Link</h1>\n <div class=\"summary-rows\">\n <div class=\"summary-recipient\">\n <div class=\"role-name\">{this.recipient.role_name}</div>\n <div class=\"role-details\">\n <div class=\"role-info\">\n <div class=\"role-full-name\">\n {fullName} ({this.recipient.email || this.recipient.phone})\n </div>\n {!this.link && (\n <verdocs-button\n size=\"small\"\n variant=\"outline\"\n label={this.gettingLink ? 'Loading...' : 'Get Link'}\n disabled={this.gettingLink}\n onClick={() => this.getLink(this.recipient)}\n />\n )}\n </div>\n\n {this.link && (\n <div class=\"link-wrapper\">\n <div class=\"link\">{this.link}</div>\n <verdocs-button size=\"small\" variant=\"outline\" label=\"Copy\" onClick={() => this.copyLink(this.link)} />\n </div>\n )}\n </div>\n </div>\n </div>\n\n <div class=\"buttons\">\n <verdocs-button size=\"small\" label=\"Done\" onClick={e => this.handleDone(e)} />\n </div>\n </div>\n </Host>\n );\n }\n}\n","@import '../../../theme.scss';\n\nverdocs-envelope-update-recipient {\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: flex;\n z-index: 100000;\n position: fixed;\n align-items: center;\n justify-content: center;\n font-family: $primary-font;\n background-color: #0000007f;\n\n .summary-content {\n width: 600px;\n display: flex;\n max-width: 90%;\n font-size: 18px;\n flex: 0 0 600px;\n border-radius: 6px;\n background: #ffffff;\n flex-direction: column;\n padding: 30px 20px 20px;\n\n .summary-title {\n font-size: 20px;\n font-weight: 700;\n margin: 0 0 10px 0;\n color: $verdocs-dark-blue;\n }\n }\n\n .fields {\n display: flex;\n color: $verdocs-grey-1;\n margin: 8px 0 24px 0;\n flex-direction: column;\n\n .field {\n margin: 2px 0;\n }\n\n .note {\n font-style: italic;\n font-size: 14px;\n }\n\n .fields-row {\n gap: 12px;\n display: flex;\n align-items: center;\n flex-direction: row;\n\n > * {\n flex: 1;\n }\n }\n\n .role-name {\n flex: 1;\n display: flex;\n font-size: 14px;\n font-weight: 600;\n margin: 0 0 8px 0;\n color: $verdocs-grey-0;\n }\n\n textarea {\n width: 100%;\n font-size: 16px;\n padding: 5px 7px;\n border-radius: 4px;\n box-sizing: border-box;\n border: 1px solid $border-color;\n font-family: $verdocs-primary-font;\n }\n }\n\n .buttons {\n display: flex;\n column-gap: 15px;\n margin: 10px 0 0 0;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n\n verdocs-button {\n flex: 0 0 120px;\n margin-left: 10px;\n white-space: nowrap;\n\n button {\n width: 100%;\n }\n }\n }\n}\n","import {Component, Prop, Host, h, State, Event, EventEmitter} from '@stencil/core';\nimport {getEnvelope, IEnvelope, IRecipient, VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {SDKError} from '../../../utils/errors';\nimport {Store} from '../../../utils/Datastore';\n\n/**\n * Displays a single recipient from an envelope, with the opportunity to copy an in-person\n * signing link for that recipient to use.\n */\n@Component({\n tag: 'verdocs-envelope-update-recipient',\n styleUrl: 'verdocs-envelope-update-recipient.scss',\n})\nexport class VerdocsEnvelopeUpdateRecipient {\n private envelopeListenerId = null;\n\n /**\n * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.\n */\n @Prop() endpoint: VerdocsEndpoint = VerdocsEndpoint.getDefault();\n\n /**\n * The envelope ID to edit.\n */\n @Prop() envelopeId: string = '';\n\n /**\n * The role to load.\n */\n @Prop() roleName: string = '';\n\n /**\n * Event fired when the user clicks Done to proceed. It is up to the host application\n * to save any updates and proceed to the next step.\n */\n @Event({composed: true}) next: EventEmitter<{action: 'cancel' | 'save'; originalRecipient: IRecipient; updatedRecipient: IRecipient}>;\n\n /**\n * Event fired if an error occurs. The event details will contain information about the error. Most errors will\n * terminate the process, and the calling application should correct the condition and re-render the component.\n */\n @Event({composed: true}) sdkError: EventEmitter<SDKError>;\n\n @State() isOpen: boolean;\n @State() gettingLink = true;\n @State() link = '';\n\n @State() loading = true;\n @State() envelope: IEnvelope | null = null;\n @State() originalRecipient: IRecipient | null = null;\n @State() updatedRecipient: IRecipient | null = null;\n\n async componentWillLoad() {\n try {\n this.endpoint.loadSession();\n\n if (!this.envelopeId) {\n console.log(`[UPDATE_RECIPIENT] Missing required envelope ID ${this.envelopeId}`);\n return;\n }\n\n if (!this.endpoint.session) {\n console.log('[UPDATE_RECIPIENT] Unable to start session, must be authenticated');\n return;\n }\n\n this.listenToEnvelope();\n } catch (e) {\n console.log('[UPDATE_RECIPIENT] Error loading envelope', e);\n this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n }\n }\n\n disconnectedCallback() {\n this.unlistenToEnvelope();\n }\n\n async listenToEnvelope() {\n console.log('[UPDATE_RECIPIENT] Loading envelope', this.envelopeId);\n this.unlistenToEnvelope();\n Store.subscribe(\n 'envelopes',\n this.envelopeId,\n () => getEnvelope(this.endpoint, this.envelopeId),\n false,\n (envelope: IEnvelope) => {\n this.envelope = envelope;\n this.loading = false;\n\n const recipient = (this.envelope?.recipients || []).find(r => r.role_name === this.roleName);\n this.originalRecipient = recipient;\n this.updatedRecipient = {...recipient};\n },\n );\n }\n\n unlistenToEnvelope() {\n if (this.envelopeListenerId) {\n Store.store.delListener(this.envelopeListenerId);\n this.envelopeListenerId = null;\n }\n }\n\n handleSave(e: any) {\n e.preventDefault();\n this.next?.emit({action: 'save', originalRecipient: this.originalRecipient, updatedRecipient: this.updatedRecipient});\n }\n\n handleCancel(e: any) {\n e.preventDefault();\n this.next?.emit({action: 'cancel', originalRecipient: this.originalRecipient, updatedRecipient: this.updatedRecipient});\n }\n\n render() {\n if (this.loading || !this.updatedRecipient) {\n return <Host />;\n }\n\n return (\n <Host>\n <div class=\"summary-content\">\n <h1 class=\"summary-title\">Update Recipient</h1>\n <div class=\"summary-rows\">\n <div class=\"fields\">\n <div class=\"role-name\">{this.updatedRecipient.role_name}</div>\n\n <div class=\"field\">\n <div class=\"fields-row\">\n <verdocs-text-input\n value={this.updatedRecipient.first_name}\n placeholder=\"First Name...\"\n onInput={(e: any) => (this.updatedRecipient.first_name = e.target.value)}\n />\n <verdocs-text-input value={this.updatedRecipient.last_name} placeholder=\"Last Name...\" onInput={(e: any) => (this.updatedRecipient.last_name = e.target.value)} />\n </div>\n </div>\n\n <div class=\"field\">\n <verdocs-text-input\n type=\"email\"\n value={this.updatedRecipient.email}\n placeholder=\"Email Address...\"\n onInput={(e: any) => (this.updatedRecipient.email = e.target.value)}\n />\n </div>\n\n <div class=\"field\">\n <verdocs-text-input\n type=\"tel\"\n value={this.updatedRecipient.phone}\n placeholder=\"Phone Number...\"\n onInput={(e: any) => (this.updatedRecipient.phone = e.target.value)}\n />\n </div>\n\n <div class=\"field\">\n <textarea\n id=\"verdocs-contact-picker-message\"\n name=\"verdocs-contact-picker-message\"\n data-lpignore=\"true\"\n autocomplete=\"blocked\"\n placeholder=\"Optional message to include in invitation...\"\n onInput={(e: any) => (this.updatedRecipient.message = e.target.value)}\n >\n {this.updatedRecipient.message}\n </textarea>\n </div>\n\n <div class=\"note\">\n NOTE: If you change the recipient's email address or invite message, they will receive a new invitation to sign the envelope. This will also reset their status if\n they have previously declined to sign.\n </div>\n </div>\n </div>\n\n <div class=\"buttons\">\n <verdocs-button variant=\"outline\" size=\"small\" label=\"Cancel\" onClick={e => this.handleCancel(e)} />\n <verdocs-button size=\"small\" label=\"Save\" onClick={e => this.handleSave(e)} />\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
@@ -1,7 +1,7 @@
1
1
  import { r as registerInstance, c as createEvent, h, H as Host } from './index-CF7i8guW.js';
2
2
  import { VerdocsEndpoint, getEnvelope, getInPersonLink, getRecipientsWithActions, recipientCanAct, formatFullName } from '@verdocs/js-sdk';
3
3
  import { S as SDKError } from './errors-C1sRVZWv.js';
4
- import { S as Store } from './Datastore-C_IIZj49.js';
4
+ import { S as Store } from './Datastore-DmsV595e.js';
5
5
 
6
6
  const verdocsEnvelopeRecipientSummaryCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-envelope-recipient-summary{top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;z-index:100000;position:fixed;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-family:\"Inter\", \"Barlow\", sans-serif;background-color:rgba(0, 0, 0, 0.4980392157)}verdocs-envelope-recipient-summary .summary-content{width:600px;display:-ms-flexbox;display:flex;max-width:90%;font-size:18px;-ms-flex:0 0 600px;flex:0 0 600px;border-radius:6px;background:#ffffff;-ms-flex-direction:column;flex-direction:column;padding:30px 20px 20px}verdocs-envelope-recipient-summary .summary-content .summary-title{font-size:20px;font-weight:700;margin:0 0 10px 0;color:#33364b}verdocs-envelope-recipient-summary .summary-recipient{display:-ms-flexbox;display:flex;color:#33364b;margin:8px 0 24px 0;-ms-flex-direction:column;flex-direction:column}verdocs-envelope-recipient-summary .summary-recipient .role-name{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;font-size:14px;font-weight:600;margin:0 0 8px 0;color:#092c4c}verdocs-envelope-recipient-summary .summary-recipient .role-info{gap:5px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:end;align-items:flex-end}verdocs-envelope-recipient-summary .summary-recipient .role-full-name{-ms-flex:1;flex:1;height:34px;display:-ms-flexbox;display:flex;font-size:16px;padding:0 12px;border-radius:4px;-ms-flex-align:center;align-items:center;border:1px solid #cccccc;background:rgb(249, 250, 251)}verdocs-envelope-recipient-summary .summary-recipient .recipient-link{width:120px;padding:0 16px;font-weight:500;margin:0 0 0 8px;text-align:center;font-size:0.875rem;border-radius:100%;color:rgb(55, 65, 81);line-height:1.25rem;background-color:#d8d8d8;border:2px solid rgb(156, 163, 175)}verdocs-envelope-recipient-summary .summary-recipient .link-wrapper{gap:5px;display:-ms-flexbox;display:flex;margin:4px 0 0 0;-ms-flex-direction:row;flex-direction:row}verdocs-envelope-recipient-summary .summary-recipient .link-wrapper .link{-ms-flex:1;flex:1;height:34px;display:-ms-flexbox;display:flex;font-size:16px;padding:0 12px;overflow:hidden;border-radius:4px;-ms-flex-align:center;align-items:center;white-space:nowrap;text-overflow:ellipsis;border:1px solid #cccccc;background:rgb(249, 250, 251)}verdocs-envelope-recipient-summary .buttons{display:-ms-flexbox;display:flex;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;margin:10px 0 0 0;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-envelope-recipient-summary .buttons verdocs-button{-ms-flex:0 0 120px;flex:0 0 120px;margin-left:10px;white-space:nowrap}verdocs-envelope-recipient-summary .buttons verdocs-button button{width:100%}";
7
7
 
@@ -1,10 +1,10 @@
1
1
  import { r as registerInstance, c as createEvent, h, H as Host, F as Fragment } from './index-CF7i8guW.js';
2
2
  import { d as dateFnsExports } from './index-dzBXqXlK.js';
3
- import { VerdocsEndpoint, getEnvelope, resendInvitation, cancelEnvelope, formatFullName, updateEnvelope, userIsEnvelopeOwner, capitalize } from '@verdocs/js-sdk';
3
+ import { VerdocsEndpoint, getEnvelope, resendInvitation, cancelEnvelope, updateRecipient, formatFullName, updateEnvelope, userIsEnvelopeOwner, capitalize } from '@verdocs/js-sdk';
4
4
  import { F as FORMAT_TIMESTAMP } from './Types-Dl7Xw8F0.js';
5
5
  import { V as VerdocsToast } from './Toast-CyvDgtoV.js';
6
6
  import { S as SDKError } from './errors-C1sRVZWv.js';
7
- import { S as Store } from './Datastore-C_IIZj49.js';
7
+ import { S as Store } from './Datastore-DmsV595e.js';
8
8
 
9
9
  const verdocsEnvelopeSidebarCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-envelope-sidebar{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;-ms-flex-direction:row;flex-direction:row;display:-ms-flexbox;display:flex;-ms-flex:0 0 56px;flex:0 0 56px;width:56px;min-height:400px;height:100%;background:#41435e;-webkit-transition:0.5s cubic-bezier(0.35, 0, 0.25, 1);transition:0.5s cubic-bezier(0.35, 0, 0.25, 1)}verdocs-envelope-sidebar.open{-ms-flex:0 0 400px;flex:0 0 400px;max-width:100%;width:400px}@media screen and (max-width: 500px){verdocs-envelope-sidebar.open{-ms-flex:0 0 300px;flex:0 0 300px;width:300px}}verdocs-envelope-sidebar .side-buttons{-ms-flex-direction:column;flex-direction:column;-ms-flex:0 0 56px;flex:0 0 56px;display:-ms-flexbox;display:flex}verdocs-envelope-sidebar .side-buttons button{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:50px;outline:none;border:none;border-left:2px solid transparent;background:none;width:100%}verdocs-envelope-sidebar .side-buttons button.active{border-left:2px solid #50bd80}verdocs-envelope-sidebar .side-buttons button svg{color:white;width:24px;height:24px}verdocs-envelope-sidebar .content{-ms-flex:1;flex:1;display:none;color:white;-ms-flex-direction:column;flex-direction:column;padding:12px 16px 16px}verdocs-envelope-sidebar.open .content{display:-ms-flexbox;display:flex;overflow-y:scroll}verdocs-envelope-sidebar verdocs-ok-dialog .content{color:black}verdocs-envelope-sidebar .title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:12px;font-size:16px;line-height:24px;font-weight:400}verdocs-envelope-sidebar .label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;line-height:16px;color:rgba(255, 255, 255, 0.54)}verdocs-envelope-sidebar .value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:14px;font-size:14px;font-weight:500;line-height:16px;color:#fff}verdocs-envelope-sidebar .manage-recipients-button{-ms-flex-item-align:center;align-self:center;white-space:nowrap;width:100%;margin:0 0 10px 0}verdocs-envelope-sidebar .manage-recipients-button .label{color:#ffffff;font-size:14px}verdocs-envelope-sidebar .manage-recipients-button button{width:100%}verdocs-envelope-sidebar .recipient-detail{-ms-flex:0;flex:0;padding:8px;font-size:14px;position:relative;-ms-flex-direction:column;flex-direction:column;border:solid 1px #979797;margin-bottom:16px}verdocs-envelope-sidebar .recipient-header{-ms-flex-direction:row;flex-direction:row;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;gap:6px;-ms-flex-align:center;align-items:center;margin-bottom:4px}verdocs-envelope-sidebar .recipient-number{width:24px;height:24px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;border-radius:24px;font-size:14px;font-weight:500;border:solid 1px #979797}verdocs-envelope-sidebar .recipient-name{-ms-flex:1;flex:1;-webkit-box-sizing:border-box;box-sizing:border-box;text-transform:capitalize}verdocs-envelope-sidebar .recipient-status{-ms-flex:0 0 100px;flex:0 0 100px;border-radius:5px;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;max-width:100px;min-width:100px;background-color:#616161;text-transform:capitalize;font-size:14px;padding:3px 0}verdocs-envelope-sidebar .recipient-status.invited{background-color:#ff8f00}verdocs-envelope-sidebar .recipient-status.opened{background-color:#616161}verdocs-envelope-sidebar .recipient-status.signed,verdocs-envelope-sidebar .recipient-status.submitted{background-color:#2e7d32}verdocs-envelope-sidebar .recipient-status.pending{background-color:#0277bd}verdocs-envelope-sidebar .recipient-status.canceled,verdocs-envelope-sidebar .recipient-status.declined{background-color:#c62828}@media screen and (max-width: 500px){verdocs-envelope-sidebar .recipient-status{-ms-flex:1 1 60px;flex:1 1 60px;max-width:60px;min-width:60px}}verdocs-envelope-sidebar .recipient-content{-ms-flex-direction:column;flex-direction:column}verdocs-envelope-sidebar .recipient-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}verdocs-envelope-sidebar .history-entry{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;padding:8px 0 0;margin:8px 0 0;border-top:1px solid #dddddd}verdocs-envelope-sidebar .history-entry .activity-icon{margin-right:14px}verdocs-envelope-sidebar .history-entry .activity-icon svg{width:24px;height:24px;fill:#ffffff}verdocs-envelope-sidebar .history-entry .activity-text{font-size:14px;line-height:16px;margin-bottom:4px}verdocs-envelope-sidebar .history-entry .activity-date{font-size:12px;line-height:16px;color:rgba(255, 255, 255, 0.54)}verdocs-envelope-sidebar .content .history-entry:first-of-type{border-top:none}verdocs-envelope-sidebar .reminders{margin:15px 0 30px 0}verdocs-envelope-sidebar .reminders .form-row{margin:8px 0 0;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}verdocs-envelope-sidebar .reminders .form-row .reminders-label{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1}verdocs-envelope-sidebar .reminders .form-row .form-label{-ms-flex:1;flex:1}verdocs-envelope-sidebar .reminders .form-row verdocs-text-input{margin:0;width:100px}";
10
10
 
@@ -64,6 +64,7 @@ const VerdocsEnvelopeSidebar = class {
64
64
  this.showRecipientDialog = '';
65
65
  this.showCancelDialog = false;
66
66
  this.showReinviteDialog = '';
67
+ this.showUpdateDialog = '';
67
68
  this.remindersEnabled = false;
68
69
  this.updatingReminders = false;
69
70
  this.initialReminder = null;
@@ -134,6 +135,9 @@ const VerdocsEnvelopeSidebar = class {
134
135
  var _a;
135
136
  console.log('[SIDEBAR] Recipient action', id, recipient);
136
137
  switch (id) {
138
+ case 'update':
139
+ this.showUpdateDialog = recipient.role_name;
140
+ break;
137
141
  case 'reminder':
138
142
  resendInvitation(this.endpoint, this.envelopeId, recipient.role_name)
139
143
  .then(() => {
@@ -188,6 +192,42 @@ const VerdocsEnvelopeSidebar = class {
188
192
  VerdocsToast('Error canceling envelope: ' + e.message, { style: 'error' });
189
193
  });
190
194
  }
195
+ handleUpdateRecipient(originalRecipient, updatedRecipient) {
196
+ console.log('Updating recipient', originalRecipient, updatedRecipient);
197
+ const fields = {};
198
+ if (updatedRecipient.email !== originalRecipient.email) {
199
+ fields.email = updatedRecipient.email;
200
+ }
201
+ if (updatedRecipient.phone !== originalRecipient.phone) {
202
+ fields.phone = updatedRecipient.phone;
203
+ }
204
+ if (updatedRecipient.message !== originalRecipient.message) {
205
+ fields.message = updatedRecipient.message;
206
+ }
207
+ if (updatedRecipient.first_name !== originalRecipient.first_name) {
208
+ fields.first_name = updatedRecipient.first_name;
209
+ }
210
+ if (updatedRecipient.last_name !== originalRecipient.last_name) {
211
+ fields.last_name = updatedRecipient.last_name;
212
+ }
213
+ if (Object.keys(fields).length > 0) {
214
+ updateRecipient(this.endpoint, this.envelopeId, originalRecipient.role_name, fields)
215
+ .then(r => {
216
+ // TODO: Reload the envelope?
217
+ VerdocsToast('Recipient updated', { style: 'success' });
218
+ console.log('[SIDEBAR] Updated recipient', r);
219
+ Store.getEnvelope(this.endpoint, this.envelopeId, true);
220
+ this.showUpdateDialog = '';
221
+ })
222
+ .catch(e => {
223
+ VerdocsToast(e.response.data.error, { style: 'error' });
224
+ this.showUpdateDialog = '';
225
+ });
226
+ }
227
+ else {
228
+ this.showUpdateDialog = '';
229
+ }
230
+ }
191
231
  prepareHistoryEntries() {
192
232
  var _a, _b, _c, _d, _e, _f;
193
233
  const entries = [];
@@ -385,9 +425,11 @@ const VerdocsEnvelopeSidebar = class {
385
425
  return (h(Host, { class: this.panelOpen ? 'open' : '' }, h("div", { class: "side-buttons" }, h("button", { class: this.activeTab === 1 ? 'active' : '', onClick: () => this.setTab(1), innerHTML: InformationCircle }), h("button", { class: this.activeTab === 2 ? 'active' : '', onClick: () => this.setTab(2), innerHTML: Users }), h("button", { class: this.activeTab === 3 ? 'active' : '', onClick: () => this.setTab(3), innerHTML: ClipboardDocuments })), this.activeTab === 1 && (h("div", { class: "content" }, h("div", { class: "title" }, "Details"), h("div", { class: "label" }, "Envelope ID"), h("div", { class: "value" }, (_c = this.envelope) === null || _c === void 0 ? void 0 : _c.id), h("div", { class: "label" }, "Date Created"), h("div", { class: "value" }, dateFnsExports.format(new Date((_d = this.envelope) === null || _d === void 0 ? void 0 : _d.created_at), FORMAT_TIMESTAMP)), h("div", { class: "label" }, "Last Modified"), h("div", { class: "value" }, dateFnsExports.format(new Date((_e = this.envelope) === null || _e === void 0 ? void 0 : _e.updated_at), FORMAT_TIMESTAMP)), h("div", { class: "label" }, "Status"), h("div", { class: "value" }, capitalize((_f = this.envelope) === null || _f === void 0 ? void 0 : _f.status)), h("div", { class: "label" }, "Owner ID"), h("div", { class: "value" }, (_g = this.envelope) === null || _g === void 0 ? void 0 : _g.profile_id), h("div", { class: "label" }, "Owner Name"), h("div", { class: "value" }, formatFullName((_h = this.envelope) === null || _h === void 0 ? void 0 : _h.profile)), h("div", { class: "label" }, "Owner Email"), h("div", { class: "value" }, (_k = (_j = this.envelope) === null || _j === void 0 ? void 0 : _j.profile) === null || _k === void 0 ? void 0 : _k.email))), this.activeTab === 2 && (h("div", { class: "content" }, h("div", { class: "title" }, "Recipients"), (_l = this.envelope) === null || _l === void 0 ? void 0 :
386
426
  _l.recipients.map((recipient, index) => {
387
427
  const canGetInPersonLink = recipient.status !== 'submitted' && recipient.status !== 'canceled' && recipient.status !== 'declined';
428
+ const canUpdate = recipient.status !== 'submitted';
388
429
  const canSendReminder = this.canResendRecipient(recipient);
389
430
  const fullName = formatFullName(recipient);
390
431
  return (h("div", { class: "recipient-detail" }, h("div", { class: "recipient-header" }, h("div", { class: "recipient-number" }, index + 1), h("div", { class: "recipient-name" }, recipient.role_name), h("div", { class: { 'recipient-status': true, [recipient.status]: true } }, recipient.status), isEnvelopeOwner && !functionsDisabled && (h("verdocs-dropdown", { onOptionSelected: item => this.handleRecipientAction(recipient, item.detail.id), options: [
432
+ { id: 'update', label: 'Update', disabled: !canUpdate },
391
433
  { id: 'reminder', label: 'Send Reminder', disabled: !canSendReminder },
392
434
  { id: 'inperson', label: 'Get In-Person Link', disabled: !canGetInPersonLink },
393
435
  { id: 'reinvite', label: 'Re-invite', disabled: !canSendReminder },
@@ -407,6 +449,14 @@ const VerdocsEnvelopeSidebar = class {
407
449
  } })), this.showReinviteDialog && (h("verdocs-ok-dialog", { heading: "Re-invite Recipient?", message: 'This will reset the recipient\'s KBA status and send a new signing invitation. If you just want to send a reminder, please click "Send Reminder" instead.', onNext: () => {
408
450
  this.showReinviteDialog = '';
409
451
  // this.handleCancelEnvelope();
452
+ } })), this.showUpdateDialog && (h("verdocs-envelope-update-recipient", { envelopeId: this.envelopeId, roleName: this.showUpdateDialog, onNext: e => {
453
+ console.log('next', e.detail);
454
+ if (e.detail.action === 'save') {
455
+ this.handleUpdateRecipient(e.detail.originalRecipient, e.detail.updatedRecipient);
456
+ }
457
+ else {
458
+ this.showUpdateDialog = '';
459
+ }
410
460
  } }))));
411
461
  }
412
462
  };