@multiplayer-app/session-recorder-browser 1.2.21 → 1.2.23

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 (166) hide show
  1. package/dist/browser/index.js +48 -102
  2. package/dist/browser/index.js.map +1 -1
  3. package/dist/config/constants.d.ts +19 -0
  4. package/dist/config/constants.js +35 -0
  5. package/dist/config/constants.js.map +1 -0
  6. package/dist/config/defaults.d.ts +5 -0
  7. package/dist/config/defaults.js +60 -0
  8. package/dist/config/defaults.js.map +1 -0
  9. package/dist/config/index.d.ts +6 -0
  10. package/dist/config/index.js +7 -0
  11. package/dist/config/index.js.map +1 -0
  12. package/dist/config/masking.d.ts +3 -0
  13. package/dist/config/masking.js +30 -0
  14. package/dist/config/masking.js.map +1 -0
  15. package/dist/config/session-recorder.d.ts +3 -0
  16. package/dist/config/session-recorder.js +60 -0
  17. package/dist/config/session-recorder.js.map +1 -0
  18. package/dist/config/validators.d.ts +11 -0
  19. package/dist/config/validators.js +25 -0
  20. package/dist/config/validators.js.map +1 -0
  21. package/dist/eventBus.d.ts +3 -0
  22. package/dist/eventBus.js +3 -0
  23. package/dist/eventBus.js.map +1 -0
  24. package/dist/exporters/index.js +1 -1
  25. package/dist/exporters.d.ts +4 -0
  26. package/dist/exporters.js +8 -0
  27. package/dist/exporters.js.map +1 -0
  28. package/dist/index.d.ts +10 -0
  29. package/dist/index.d.ts.map +1 -1
  30. package/dist/index.js +53 -102
  31. package/dist/index.js.map +1 -1
  32. package/dist/index.umd.js +48 -101
  33. package/dist/index.umd.js.map +1 -1
  34. package/dist/listeners.d.ts +3 -0
  35. package/dist/listeners.js +39 -0
  36. package/dist/listeners.js.map +1 -0
  37. package/dist/navigation/index.d.ts +3 -0
  38. package/dist/navigation/index.js +3 -0
  39. package/dist/navigation/index.js.map +1 -0
  40. package/dist/navigation/navigationRecorder.d.ts +22 -0
  41. package/dist/navigation/navigationRecorder.js +195 -0
  42. package/dist/navigation/navigationRecorder.js.map +1 -0
  43. package/dist/navigation/types.d.ts +32 -0
  44. package/dist/navigation/types.js +2 -0
  45. package/dist/navigation/types.js.map +1 -0
  46. package/dist/otel/helpers.d.ts +46 -0
  47. package/dist/otel/helpers.js +201 -0
  48. package/dist/otel/helpers.js.map +1 -0
  49. package/dist/otel/index.d.ts +18 -0
  50. package/dist/otel/index.js +186 -0
  51. package/dist/otel/index.js.map +1 -0
  52. package/dist/otel/types.d.ts +10 -0
  53. package/dist/otel/types.js +2 -0
  54. package/dist/otel/types.js.map +1 -0
  55. package/dist/patch/configs.d.ts +9 -0
  56. package/dist/patch/configs.js +16 -0
  57. package/dist/patch/configs.js.map +1 -0
  58. package/dist/patch/fetch.d.ts +2 -0
  59. package/dist/patch/fetch.js +123 -0
  60. package/dist/patch/fetch.js.map +1 -0
  61. package/dist/patch/index.d.ts +4 -0
  62. package/dist/patch/index.js +4 -0
  63. package/dist/patch/index.js.map +1 -0
  64. package/dist/patch/xhr.d.ts +2 -0
  65. package/dist/patch/xhr.js +85 -0
  66. package/dist/patch/xhr.js.map +1 -0
  67. package/dist/rrweb/exporter.d.ts +25 -0
  68. package/dist/rrweb/exporter.js +146 -0
  69. package/dist/rrweb/exporter.js.map +1 -0
  70. package/dist/rrweb/index.d.ts +39 -0
  71. package/dist/rrweb/index.js +139 -0
  72. package/dist/rrweb/index.js.map +1 -0
  73. package/dist/rrweb/indexedDbService.d.ts +9 -0
  74. package/dist/rrweb/indexedDbService.js +54 -0
  75. package/dist/rrweb/indexedDbService.js.map +1 -0
  76. package/dist/services/api.service.d.ts +81 -0
  77. package/dist/services/api.service.js +133 -0
  78. package/dist/services/api.service.js.map +1 -0
  79. package/dist/services/messaging.service.d.ts +16 -0
  80. package/dist/services/messaging.service.js +94 -0
  81. package/dist/services/messaging.service.js.map +1 -0
  82. package/dist/sessionRecorder.d.ts +148 -0
  83. package/dist/sessionRecorder.js +555 -0
  84. package/dist/sessionRecorder.js.map +1 -0
  85. package/dist/sessionWidget/UIManager.d.ts +76 -0
  86. package/dist/sessionWidget/UIManager.js +135 -0
  87. package/dist/sessionWidget/UIManager.js.map +1 -0
  88. package/dist/sessionWidget/buttonStateConfigs.d.ts +83 -0
  89. package/dist/sessionWidget/buttonStateConfigs.js +86 -0
  90. package/dist/sessionWidget/buttonStateConfigs.js.map +1 -0
  91. package/dist/sessionWidget/constants.d.ts +5 -0
  92. package/dist/sessionWidget/constants.js +5 -0
  93. package/dist/sessionWidget/constants.js.map +1 -0
  94. package/dist/sessionWidget/dragManager.d.ts +16 -0
  95. package/dist/sessionWidget/dragManager.js +114 -0
  96. package/dist/sessionWidget/dragManager.js.map +1 -0
  97. package/dist/sessionWidget/index.d.ts +86 -0
  98. package/dist/sessionWidget/index.js +564 -0
  99. package/dist/sessionWidget/index.js.map +1 -0
  100. package/dist/sessionWidget/templates/finalPopover.d.ts +3 -0
  101. package/dist/sessionWidget/templates/finalPopover.js +21 -0
  102. package/dist/sessionWidget/templates/finalPopover.js.map +1 -0
  103. package/dist/sessionWidget/templates/icons.d.ts +14 -0
  104. package/dist/sessionWidget/templates/icons.js +50 -0
  105. package/dist/sessionWidget/templates/icons.js.map +1 -0
  106. package/dist/sessionWidget/templates/initialPopover.d.ts +3 -0
  107. package/dist/sessionWidget/templates/initialPopover.js +41 -0
  108. package/dist/sessionWidget/templates/initialPopover.js.map +1 -0
  109. package/dist/sessionWidget/templates/recordingOverlay.d.ts +2 -0
  110. package/dist/sessionWidget/templates/recordingOverlay.js +16 -0
  111. package/dist/sessionWidget/templates/recordingOverlay.js.map +1 -0
  112. package/dist/sessionWidget/templates/submitSessionDialog.d.ts +3 -0
  113. package/dist/sessionWidget/templates/submitSessionDialog.js +17 -0
  114. package/dist/sessionWidget/templates/submitSessionDialog.js.map +1 -0
  115. package/dist/sessionWidget/templates/toast.d.ts +3 -0
  116. package/dist/sessionWidget/templates/toast.js +25 -0
  117. package/dist/sessionWidget/templates/toast.js.map +1 -0
  118. package/dist/types/client-type.enum.d.ts +6 -0
  119. package/dist/types/client-type.enum.js +7 -0
  120. package/dist/types/client-type.enum.js.map +1 -0
  121. package/dist/types/index.d.ts +4 -0
  122. package/dist/types/index.js +4 -0
  123. package/dist/types/index.js.map +1 -0
  124. package/dist/types/session.d.ts +72 -0
  125. package/dist/types/session.js +7 -0
  126. package/dist/types/session.js.map +1 -0
  127. package/dist/types/sessionRecorder.d.ts +369 -0
  128. package/dist/types/sessionRecorder.js +14 -0
  129. package/dist/types/sessionRecorder.js.map +1 -0
  130. package/dist/types/widget.d.ts +11 -0
  131. package/dist/types/widget.js +2 -0
  132. package/dist/types/widget.js.map +1 -0
  133. package/dist/utils/array.d.ts +4 -0
  134. package/dist/utils/array.js +50 -0
  135. package/dist/utils/array.js.map +1 -0
  136. package/dist/utils/dom.d.ts +5 -0
  137. package/dist/utils/dom.js +9 -0
  138. package/dist/utils/dom.js.map +1 -0
  139. package/dist/utils/globals.d.ts +24 -0
  140. package/dist/utils/globals.js +14 -0
  141. package/dist/utils/globals.js.map +1 -0
  142. package/dist/utils/index.d.ts +9 -0
  143. package/dist/utils/index.js +10 -0
  144. package/dist/utils/index.js.map +1 -0
  145. package/dist/utils/navigator.d.ts +3 -0
  146. package/dist/utils/navigator.js +83 -0
  147. package/dist/utils/navigator.js.map +1 -0
  148. package/dist/utils/request-utils.d.ts +10 -0
  149. package/dist/utils/request-utils.js +70 -0
  150. package/dist/utils/request-utils.js.map +1 -0
  151. package/dist/utils/session.d.ts +8 -0
  152. package/dist/utils/session.js +21 -0
  153. package/dist/utils/session.js.map +1 -0
  154. package/dist/utils/storage.d.ts +7 -0
  155. package/dist/utils/storage.js +19 -0
  156. package/dist/utils/storage.js.map +1 -0
  157. package/dist/utils/time.d.ts +7 -0
  158. package/dist/utils/time.js +25 -0
  159. package/dist/utils/time.js.map +1 -0
  160. package/dist/utils/type-utils.d.ts +18 -0
  161. package/dist/utils/type-utils.js +71 -0
  162. package/dist/utils/type-utils.js.map +1 -0
  163. package/package.json +7 -2
  164. package/dist/exports.d.ts.map +0 -1
  165. package/docs/img/header-js.png +0 -0
  166. package/src/index.scss +0 -913
@@ -0,0 +1,14 @@
1
+ export declare const LogoSvg = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"30\" height=\"24\" viewBox=\"0 0 30 24\" fill=\"none\">\n<path d=\"M28.8324 8.83643L23.5495 6.85854L21.4856 6.08553L23.6001 0.4375L15 3.65769L6.39963 0.4375L8.51441 6.08585L6.45046 6.85885L1.16757 8.83674L0.625 9.03974L9.10095 12.0981C10.0891 12.4548 10.9201 13.1265 11.4758 13.9952C11.6632 14.2883 11.8194 14.6036 11.9398 14.9369L15 23.4076L18.0602 14.9369C18.1806 14.6036 18.3368 14.288 18.5242 13.9952C19.0802 13.1265 19.9112 12.4545 20.8991 12.0981L29.375 9.03974L28.8324 8.83674V8.83643ZM19.779 10.6434C18.2872 11.1816 17.1126 12.3563 16.5744 13.848L15.014 18.173L11.5182 8.83643L10.7776 6.85854L10.2456 5.43757L9.57367 3.64272L12.3068 4.66612L18.1631 6.85885L20.8233 7.85481L23.4457 8.83674L24.104 9.08308L19.779 10.6438V10.6434Z\" fill=\"#473CFB\" style=\"fill:#473CFB;fill:color(display-p3 0.2784 0.2353 0.9843);fill-opacity:1;\"/>\n</svg>";
2
+ export declare const RecordIcon = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"19\" height=\"19\" viewBox=\"0 0 19 19\" fill=\"none\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M6.68926 5.30356C6.56568 5.38721 6.39976 5.37561 6.29459 5.26937L3.58782 2.53477C3.46424 2.40992 3.47196 2.20492 3.60862 2.09483C5.2319 0.786982 7.28494 0 9.51866 0C11.7535 0 13.8066 0.787042 15.4308 2.09586C15.5674 2.20596 15.5752 2.41091 15.4516 2.53577L12.7468 5.26931C12.6416 5.37558 12.4757 5.38719 12.3521 5.30353C11.5393 4.75345 10.571 4.42281 9.52066 4.42281C8.47036 4.42281 7.50203 4.75346 6.68926 5.30356ZM16.4926 3.4303C16.6163 3.30527 16.8197 3.31303 16.9288 3.45121C18.2224 5.08933 19.0001 7.15932 19.0001 9.4116C19.0001 11.6671 18.2204 13.7392 16.9238 15.3785C16.8147 15.5165 16.6114 15.5242 16.4877 15.3992L13.7872 12.6701C13.682 12.5638 13.6708 12.3962 13.7538 12.2716C14.3006 11.451 14.6291 10.4727 14.6291 9.4116C14.6291 8.35454 14.3016 7.37925 13.756 6.56083C13.6728 6.43616 13.6841 6.26857 13.7893 6.16224L16.4926 3.4303ZM5.21676 12.6712C5.322 12.5649 5.3333 12.3974 5.2502 12.2727C4.70331 11.4522 4.374 10.4737 4.374 9.41184C4.374 8.35469 4.70232 7.37949 5.24808 6.56106C5.33123 6.43637 5.31996 6.26872 5.2147 6.16241L2.50855 3.4293C2.38482 3.30434 2.18146 3.31213 2.07236 3.45028C0.77864 5.08841 0 7.15845 0 9.41184C0 11.6684 0.78066 13.7406 2.07831 15.3799C2.18749 15.5178 2.39066 15.5255 2.51429 15.4006L5.21676 12.6712ZM12.3323 13.707C12.4559 13.6231 12.6221 13.6346 12.7273 13.741L15.4277 16.4691C15.5513 16.594 15.5435 16.7991 15.4068 16.9091C13.7837 18.215 11.7327 19 9.49998 19C7.2693 19 5.21837 18.2159 3.59619 16.9102C3.45943 16.8001 3.45169 16.595 3.57533 16.4702L6.27769 13.7409C6.38296 13.6346 6.54906 13.6231 6.67267 13.707C7.48459 14.2577 8.45278 14.5883 9.50198 14.5883C10.5522 14.5883 11.5204 14.2578 12.3323 13.707Z\" fill=\"currentColor\"/>\n</svg>";
3
+ export declare const RecordIndicatorIcon = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<g id=\"Timer Icon\">\n<circle id=\"Ellipse 2\" cx=\"12\" cy=\"12\" r=\"4\" fill=\"#E53E3E\" style=\"fill:#E53E3E;fill:color(display-p3 0.8980 0.2431 0.2431);fill-opacity:1;\"/>\n<circle id=\"Ellipse 3\" cx=\"12\" cy=\"12\" r=\"7.5\" stroke=\"#E53E3E\" style=\"stroke:#E53E3E;stroke:color(display-p3 0.8980 0.2431 0.2431);stroke-opacity:1;\"/>\n<circle id=\"Ellipse 4\" opacity=\"0.2\" cx=\"12\" cy=\"12\" r=\"11.5\" stroke=\"#E53E3E\" style=\"stroke:#E53E3E;stroke:color(display-p3 0.8980 0.2431 0.2431);stroke-opacity:1;\"/>\n</g>\n</svg>\n";
4
+ export declare const StopIcon = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\n<path id=\"stopIcon\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10 18C14.4183 18 18 14.4183 18 10C18 5.58172 14.4183 2 10 2C5.58172 2 2 5.58172 2 10C2 14.4183 5.58172 18 10 18ZM8 7C7.44772 7 7 7.44772 7 8L7 12C7 12.5523 7.44772 13 8 13H12C12.5523 13 13 12.5523 13 12V8C13 7.44772 12.5523 7 12 7L8 7Z\" fill=\"white\" style=\"fill:white;fill-opacity:1;\"/>\n</svg>";
5
+ export declare const CloseIcon = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\n<path d=\"M13 11L10 14M10 14L7 11M10 14L10 6M10 19C5.02944 19 1 14.9706 1 10C1 5.02944 5.02944 1 10 1C14.9706 1 19 5.02944 19 10C19 14.9706 14.9706 19 10 19Z\" stroke=\"#718096\" style=\"stroke:#718096;stroke:color(display-p3 0.4431 0.5020 0.5882);stroke-opacity:1;\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>";
6
+ export declare const CloseXIcon = "<svg width=\"12\" height=\"13\" viewBox=\"0 0 12 13\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M1 11.5L11 1.5M1 1.5L11 11.5\" stroke=\"#4A5568\" style=\"stroke:#4A5568;stroke:color(display-p3 0.2902 0.3333 0.4078);stroke-opacity:1;\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>";
7
+ export declare const CapturingIcon = "<svg xmlns=\"http://www.w3.org/2000/svg\" class=\"animate-bounce\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n<circle cx=\"12\" cy=\"12\" r=\"4\" fill=\"#E53E3E\" style=\"fill:#E53E3E;fill:color(display-p3 0.8980 0.2431 0.2431);fill-opacity:1;\"/>\n<circle cx=\"12\" cy=\"12\" r=\"7.5\" stroke=\"#E53E3E\" style=\"stroke:#E53E3E;stroke:color(display-p3 0.8980 0.2431 0.2431);stroke-opacity:1;\"/>\n<circle opacity=\"0.2\" cx=\"12\" cy=\"12\" r=\"11.5\" stroke=\"#E53E3E\" style=\"stroke:#E53E3E;stroke:color(display-p3 0.8980 0.2431 0.2431);stroke-opacity:1;\"/>\n</svg>";
8
+ export declare const CheckmarkIcon = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n<g id=\"Left Icon\">\n<path id=\"Icon\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M20.0481 6.35147C20.5168 6.8201 20.5168 7.5799 20.0481 8.04853L10.4481 17.6485C9.97951 18.1172 9.21971 18.1172 8.75108 17.6485L3.95108 12.8485C3.48245 12.3799 3.48245 11.6201 3.95108 11.1515C4.41971 10.6828 5.17951 10.6828 5.64814 11.1515L9.59961 15.1029L18.3511 6.35147C18.8197 5.88284 19.5795 5.88284 20.0481 6.35147Z\" fill=\"white\" style=\"fill:white;fill-opacity:1;\"/>\n</g>\n</svg>";
9
+ export declare const TrashIcon = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\n<path id=\"trashIcon\" d=\"M15.833 5.83333L15.1102 15.9521C15.0479 16.8243 14.3222 17.5 13.4478 17.5H6.55154C5.67714 17.5 4.95141 16.8243 4.88911 15.9521L4.16634 5.83333M8.33301 9.16667V14.1667M11.6663 9.16667V14.1667M12.4997 5.83333V3.33333C12.4997 2.8731 12.1266 2.5 11.6663 2.5H8.33301C7.87277 2.5 7.49967 2.8731 7.49967 3.33333V5.83333M3.33301 5.83333L16.6663 5.83333\" stroke=\"white\" style=\"stroke:white;stroke-opacity:1;\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n";
10
+ export declare const DragHandleIcon = "<svg width=\"10\" height=\"20\" viewBox=\"0 0 10 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path id=\"dragHandleIcon\" d=\"M1.66699 5H8.33366M1.66699 10H8.33366M1.66699 15H8.33366\" stroke=\"white\" stroke-opacity=\"0.48\" style=\"stroke:white;stroke-opacity:0.48;\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n";
11
+ export declare const CheckSuccessIcon = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10 18C14.4183 18 18 14.4183 18 10C18 5.58172 14.4183 2 10 2C5.58172 2 2 5.58172 2 10C2 14.4183 5.58172 18 10 18ZM13.7071 8.70711C14.0976 8.31658 14.0976 7.68342 13.7071 7.29289C13.3166 6.90237 12.6834 6.90237 12.2929 7.29289L9 10.5858L7.70711 9.29289C7.31658 8.90237 6.68342 8.90237 6.29289 9.29289C5.90237 9.68342 5.90237 10.3166 6.29289 10.7071L8.29289 12.7071C8.68342 13.0976 9.31658 13.0976 9.70711 12.7071L13.7071 8.70711Z\" fill=\"white\" style=\"fill:white;fill-opacity:1;\"/>\n</svg>";
12
+ export declare const DragIcon = "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"m16.1924 5.65683c.3905-.39053.3905-1.02369 0-1.41422l-2.8284-2.82842c-.7811-.781051-2.0474-.781053-2.8285 0l-2.82839 2.82842c-.39053.39053-.39053 1.02369 0 1.41422.39052.39052 1.02368.39052 1.41421 0l1.87868-1.87871v7.27218h-7.27216l1.87871-1.87873c.39052-.39053.39052-1.02369 0-1.41422-.39053-.39052-1.02369-.39052-1.41421 0l-2.82843 2.82845c-.781047.781-.781051 2.0474 0 2.8284l2.82843 2.8284c.39052.3906 1.02369.3906 1.41421 0 .39052-.3905.39052-1.0236 0-1.4142l-1.77815-1.7781h7.1716v7.1716l-1.87868-1.8787c-.39053-.3906-1.02369-.3906-1.41422 0-.39052.3905-.39052 1.0237 0 1.4142l2.8284 2.8284c.7811.7811 2.0474.7811 2.8285 0l2.8284-2.8284c.3905-.3905.3905-1.0237 0-1.4142-.3905-.3906-1.0237-.3906-1.4142 0l-1.7782 1.7781v-7.071h7.071l-1.7781 1.7781c-.3905.3906-.3905 1.0237 0 1.4142.3905.3906 1.0237.3906 1.4142 0l2.8284-2.8284c.7811-.781.7811-2.0474 0-2.8284l-2.8284-2.82845c-.3905-.39052-1.0237-.39052-1.4142 0-.3905.39053-.3905 1.02369 0 1.41422l1.8787 1.87873h-7.1716v-7.17163l1.7782 1.77816c.3905.39052 1.0237.39052 1.4142 0z\" fill=\"#0f0f0f\"/></svg>";
13
+ export declare const ErrorIcon = "<svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M6.99987 12.4856C10.0296 12.4856 12.4856 10.0296 12.4856 6.99987C12.4856 3.9702 10.0296 1.51416 6.99987 1.51416C3.9702 1.51416 1.51416 3.9702 1.51416 6.99987C1.51416 10.0296 3.9702 12.4856 6.99987 12.4856ZM6.11332 5.14357C5.84553 4.87578 5.41136 4.87578 5.14357 5.14357C4.87578 5.41136 4.87578 5.84553 5.14357 6.11332L6.03013 6.99987L5.14357 7.88643C4.87578 8.15422 4.87578 8.58839 5.14357 8.85618C5.41136 9.12396 5.84553 9.12396 6.11332 8.85618L6.99987 7.96962L7.88643 8.85618C8.15422 9.12396 8.58839 9.12396 8.85618 8.85618C9.12396 8.58839 9.12396 8.15422 8.85618 7.88643L7.96962 6.99987L8.85618 6.11332C9.12396 5.84553 9.12396 5.41136 8.85618 5.14357C8.58839 4.87578 8.15422 4.87578 7.88643 5.14357L6.99987 6.03013L6.11332 5.14357Z\" fill=\"currentColor\"/>\n</svg>\n";
14
+ //# sourceMappingURL=icons.d.ts.map
@@ -0,0 +1,50 @@
1
+ export const LogoSvg = `<svg xmlns="http://www.w3.org/2000/svg" width="30" height="24" viewBox="0 0 30 24" fill="none">
2
+ <path d="M28.8324 8.83643L23.5495 6.85854L21.4856 6.08553L23.6001 0.4375L15 3.65769L6.39963 0.4375L8.51441 6.08585L6.45046 6.85885L1.16757 8.83674L0.625 9.03974L9.10095 12.0981C10.0891 12.4548 10.9201 13.1265 11.4758 13.9952C11.6632 14.2883 11.8194 14.6036 11.9398 14.9369L15 23.4076L18.0602 14.9369C18.1806 14.6036 18.3368 14.288 18.5242 13.9952C19.0802 13.1265 19.9112 12.4545 20.8991 12.0981L29.375 9.03974L28.8324 8.83674V8.83643ZM19.779 10.6434C18.2872 11.1816 17.1126 12.3563 16.5744 13.848L15.014 18.173L11.5182 8.83643L10.7776 6.85854L10.2456 5.43757L9.57367 3.64272L12.3068 4.66612L18.1631 6.85885L20.8233 7.85481L23.4457 8.83674L24.104 9.08308L19.779 10.6438V10.6434Z" fill="#473CFB" style="fill:#473CFB;fill:color(display-p3 0.2784 0.2353 0.9843);fill-opacity:1;"/>
3
+ </svg>`;
4
+ export const RecordIcon = `<svg xmlns="http://www.w3.org/2000/svg" width="19" height="19" viewBox="0 0 19 19" fill="none">
5
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M6.68926 5.30356C6.56568 5.38721 6.39976 5.37561 6.29459 5.26937L3.58782 2.53477C3.46424 2.40992 3.47196 2.20492 3.60862 2.09483C5.2319 0.786982 7.28494 0 9.51866 0C11.7535 0 13.8066 0.787042 15.4308 2.09586C15.5674 2.20596 15.5752 2.41091 15.4516 2.53577L12.7468 5.26931C12.6416 5.37558 12.4757 5.38719 12.3521 5.30353C11.5393 4.75345 10.571 4.42281 9.52066 4.42281C8.47036 4.42281 7.50203 4.75346 6.68926 5.30356ZM16.4926 3.4303C16.6163 3.30527 16.8197 3.31303 16.9288 3.45121C18.2224 5.08933 19.0001 7.15932 19.0001 9.4116C19.0001 11.6671 18.2204 13.7392 16.9238 15.3785C16.8147 15.5165 16.6114 15.5242 16.4877 15.3992L13.7872 12.6701C13.682 12.5638 13.6708 12.3962 13.7538 12.2716C14.3006 11.451 14.6291 10.4727 14.6291 9.4116C14.6291 8.35454 14.3016 7.37925 13.756 6.56083C13.6728 6.43616 13.6841 6.26857 13.7893 6.16224L16.4926 3.4303ZM5.21676 12.6712C5.322 12.5649 5.3333 12.3974 5.2502 12.2727C4.70331 11.4522 4.374 10.4737 4.374 9.41184C4.374 8.35469 4.70232 7.37949 5.24808 6.56106C5.33123 6.43637 5.31996 6.26872 5.2147 6.16241L2.50855 3.4293C2.38482 3.30434 2.18146 3.31213 2.07236 3.45028C0.77864 5.08841 0 7.15845 0 9.41184C0 11.6684 0.78066 13.7406 2.07831 15.3799C2.18749 15.5178 2.39066 15.5255 2.51429 15.4006L5.21676 12.6712ZM12.3323 13.707C12.4559 13.6231 12.6221 13.6346 12.7273 13.741L15.4277 16.4691C15.5513 16.594 15.5435 16.7991 15.4068 16.9091C13.7837 18.215 11.7327 19 9.49998 19C7.2693 19 5.21837 18.2159 3.59619 16.9102C3.45943 16.8001 3.45169 16.595 3.57533 16.4702L6.27769 13.7409C6.38296 13.6346 6.54906 13.6231 6.67267 13.707C7.48459 14.2577 8.45278 14.5883 9.50198 14.5883C10.5522 14.5883 11.5204 14.2578 12.3323 13.707Z" fill="currentColor"/>
6
+ </svg>`;
7
+ export const RecordIndicatorIcon = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
8
+ <g id="Timer Icon">
9
+ <circle id="Ellipse 2" cx="12" cy="12" r="4" fill="#E53E3E" style="fill:#E53E3E;fill:color(display-p3 0.8980 0.2431 0.2431);fill-opacity:1;"/>
10
+ <circle id="Ellipse 3" cx="12" cy="12" r="7.5" stroke="#E53E3E" style="stroke:#E53E3E;stroke:color(display-p3 0.8980 0.2431 0.2431);stroke-opacity:1;"/>
11
+ <circle id="Ellipse 4" opacity="0.2" cx="12" cy="12" r="11.5" stroke="#E53E3E" style="stroke:#E53E3E;stroke:color(display-p3 0.8980 0.2431 0.2431);stroke-opacity:1;"/>
12
+ </g>
13
+ </svg>
14
+ `;
15
+ export const StopIcon = `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
16
+ <path id="stopIcon" fill-rule="evenodd" clip-rule="evenodd" d="M10 18C14.4183 18 18 14.4183 18 10C18 5.58172 14.4183 2 10 2C5.58172 2 2 5.58172 2 10C2 14.4183 5.58172 18 10 18ZM8 7C7.44772 7 7 7.44772 7 8L7 12C7 12.5523 7.44772 13 8 13H12C12.5523 13 13 12.5523 13 12V8C13 7.44772 12.5523 7 12 7L8 7Z" fill="white" style="fill:white;fill-opacity:1;"/>
17
+ </svg>`;
18
+ export const CloseIcon = `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
19
+ <path d="M13 11L10 14M10 14L7 11M10 14L10 6M10 19C5.02944 19 1 14.9706 1 10C1 5.02944 5.02944 1 10 1C14.9706 1 19 5.02944 19 10C19 14.9706 14.9706 19 10 19Z" stroke="#718096" style="stroke:#718096;stroke:color(display-p3 0.4431 0.5020 0.5882);stroke-opacity:1;" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
20
+ </svg>`;
21
+ export const CloseXIcon = `<svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
22
+ <path d="M1 11.5L11 1.5M1 1.5L11 11.5" stroke="#4A5568" style="stroke:#4A5568;stroke:color(display-p3 0.2902 0.3333 0.4078);stroke-opacity:1;" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
23
+ </svg>`;
24
+ export const CapturingIcon = `<svg xmlns="http://www.w3.org/2000/svg" class="animate-bounce" width="24" height="24" viewBox="0 0 24 24" fill="none">
25
+ <circle cx="12" cy="12" r="4" fill="#E53E3E" style="fill:#E53E3E;fill:color(display-p3 0.8980 0.2431 0.2431);fill-opacity:1;"/>
26
+ <circle cx="12" cy="12" r="7.5" stroke="#E53E3E" style="stroke:#E53E3E;stroke:color(display-p3 0.8980 0.2431 0.2431);stroke-opacity:1;"/>
27
+ <circle opacity="0.2" cx="12" cy="12" r="11.5" stroke="#E53E3E" style="stroke:#E53E3E;stroke:color(display-p3 0.8980 0.2431 0.2431);stroke-opacity:1;"/>
28
+ </svg>`;
29
+ export const CheckmarkIcon = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
30
+ <g id="Left Icon">
31
+ <path id="Icon" fill-rule="evenodd" clip-rule="evenodd" d="M20.0481 6.35147C20.5168 6.8201 20.5168 7.5799 20.0481 8.04853L10.4481 17.6485C9.97951 18.1172 9.21971 18.1172 8.75108 17.6485L3.95108 12.8485C3.48245 12.3799 3.48245 11.6201 3.95108 11.1515C4.41971 10.6828 5.17951 10.6828 5.64814 11.1515L9.59961 15.1029L18.3511 6.35147C18.8197 5.88284 19.5795 5.88284 20.0481 6.35147Z" fill="white" style="fill:white;fill-opacity:1;"/>
32
+ </g>
33
+ </svg>`;
34
+ export const TrashIcon = `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
35
+ <path id="trashIcon" d="M15.833 5.83333L15.1102 15.9521C15.0479 16.8243 14.3222 17.5 13.4478 17.5H6.55154C5.67714 17.5 4.95141 16.8243 4.88911 15.9521L4.16634 5.83333M8.33301 9.16667V14.1667M11.6663 9.16667V14.1667M12.4997 5.83333V3.33333C12.4997 2.8731 12.1266 2.5 11.6663 2.5H8.33301C7.87277 2.5 7.49967 2.8731 7.49967 3.33333V5.83333M3.33301 5.83333L16.6663 5.83333" stroke="white" style="stroke:white;stroke-opacity:1;" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
36
+ </svg>
37
+ `;
38
+ export const DragHandleIcon = `<svg width="10" height="20" viewBox="0 0 10 20" fill="none" xmlns="http://www.w3.org/2000/svg">
39
+ <path id="dragHandleIcon" d="M1.66699 5H8.33366M1.66699 10H8.33366M1.66699 15H8.33366" stroke="white" stroke-opacity="0.48" style="stroke:white;stroke-opacity:0.48;" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
40
+ </svg>
41
+ `;
42
+ export const CheckSuccessIcon = `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
43
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M10 18C14.4183 18 18 14.4183 18 10C18 5.58172 14.4183 2 10 2C5.58172 2 2 5.58172 2 10C2 14.4183 5.58172 18 10 18ZM13.7071 8.70711C14.0976 8.31658 14.0976 7.68342 13.7071 7.29289C13.3166 6.90237 12.6834 6.90237 12.2929 7.29289L9 10.5858L7.70711 9.29289C7.31658 8.90237 6.68342 8.90237 6.29289 9.29289C5.90237 9.68342 5.90237 10.3166 6.29289 10.7071L8.29289 12.7071C8.68342 13.0976 9.31658 13.0976 9.70711 12.7071L13.7071 8.70711Z" fill="white" style="fill:white;fill-opacity:1;"/>
44
+ </svg>`;
45
+ export const DragIcon = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" height="24" viewBox="0 0 24 24" width="24"><path d="m16.1924 5.65683c.3905-.39053.3905-1.02369 0-1.41422l-2.8284-2.82842c-.7811-.781051-2.0474-.781053-2.8285 0l-2.82839 2.82842c-.39053.39053-.39053 1.02369 0 1.41422.39052.39052 1.02368.39052 1.41421 0l1.87868-1.87871v7.27218h-7.27216l1.87871-1.87873c.39052-.39053.39052-1.02369 0-1.41422-.39053-.39052-1.02369-.39052-1.41421 0l-2.82843 2.82845c-.781047.781-.781051 2.0474 0 2.8284l2.82843 2.8284c.39052.3906 1.02369.3906 1.41421 0 .39052-.3905.39052-1.0236 0-1.4142l-1.77815-1.7781h7.1716v7.1716l-1.87868-1.8787c-.39053-.3906-1.02369-.3906-1.41422 0-.39052.3905-.39052 1.0237 0 1.4142l2.8284 2.8284c.7811.7811 2.0474.7811 2.8285 0l2.8284-2.8284c.3905-.3905.3905-1.0237 0-1.4142-.3905-.3906-1.0237-.3906-1.4142 0l-1.7782 1.7781v-7.071h7.071l-1.7781 1.7781c-.3905.3906-.3905 1.0237 0 1.4142.3905.3906 1.0237.3906 1.4142 0l2.8284-2.8284c.7811-.781.7811-2.0474 0-2.8284l-2.8284-2.82845c-.3905-.39052-1.0237-.39052-1.4142 0-.3905.39053-.3905 1.02369 0 1.41422l1.8787 1.87873h-7.1716v-7.17163l1.7782 1.77816c.3905.39052 1.0237.39052 1.4142 0z" fill="#0f0f0f"/></svg>';
46
+ export const ErrorIcon = `<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
47
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M6.99987 12.4856C10.0296 12.4856 12.4856 10.0296 12.4856 6.99987C12.4856 3.9702 10.0296 1.51416 6.99987 1.51416C3.9702 1.51416 1.51416 3.9702 1.51416 6.99987C1.51416 10.0296 3.9702 12.4856 6.99987 12.4856ZM6.11332 5.14357C5.84553 4.87578 5.41136 4.87578 5.14357 5.14357C4.87578 5.41136 4.87578 5.84553 5.14357 6.11332L6.03013 6.99987L5.14357 7.88643C4.87578 8.15422 4.87578 8.58839 5.14357 8.85618C5.41136 9.12396 5.84553 9.12396 6.11332 8.85618L6.99987 7.96962L7.88643 8.85618C8.15422 9.12396 8.58839 9.12396 8.85618 8.85618C9.12396 8.58839 9.12396 8.15422 8.85618 7.88643L7.96962 6.99987L8.85618 6.11332C9.12396 5.84553 9.12396 5.41136 8.85618 5.14357C8.58839 4.87578 8.15422 4.87578 7.88643 5.14357L6.99987 6.03013L6.11332 5.14357Z" fill="currentColor"/>
48
+ </svg>
49
+ `;
50
+ //# sourceMappingURL=icons.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"icons.js","sourceRoot":"","sources":["../../../src/sessionWidget/templates/icons.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,OAAO,GAAG;;OAEhB,CAAA;AAEP,MAAM,CAAC,MAAM,UAAU,GAAG;;OAEnB,CAAA;AAEP,MAAM,CAAC,MAAM,mBAAmB,GAAG;;;;;;;CAOlC,CAAA;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG;;OAEjB,CAAA;AAEP,MAAM,CAAC,MAAM,SAAS,GAAG;;OAElB,CAAA;AAEP,MAAM,CAAC,MAAM,UAAU,GAAG;;OAEnB,CAAA;AAEP,MAAM,CAAC,MAAM,aAAa,GAAG;;;;OAItB,CAAA;AAEP,MAAM,CAAC,MAAM,aAAa,GAAG;;;;OAItB,CAAA;AAEP,MAAM,CAAC,MAAM,SAAS,GAAG;;;CAGxB,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAG;;;CAG7B,CAAA;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG;;OAEzB,CAAA;AAEP,MAAM,CAAC,MAAM,QAAQ,GAAG,6oCAA6oC,CAAA;AAErqC,MAAM,CAAC,MAAM,SAAS,GAAG;;;CAGxB,CAAA"}
@@ -0,0 +1,3 @@
1
+ import { WidgetTextOverridesConfig } from '../../types';
2
+ export declare const initialPopoverTemplate: (popoverText: WidgetTextOverridesConfig, showContinuousRecording: boolean) => string;
3
+ //# sourceMappingURL=initialPopover.d.ts.map
@@ -0,0 +1,41 @@
1
+ import { LogoSvg, CloseXIcon, CapturingIcon } from './icons';
2
+ export const initialPopoverTemplate = (popoverText, showContinuousRecording) => `
3
+ <div class="mp-session-debugger-popover-content">
4
+ <div class="mp-session-debugger-popover-header">
5
+ <a href="https://www.multiplayer.app" target="_blank" rel="noopener noreferrer" title="Multiplayer">
6
+ <div class="mp-session-debugger-popover-logo">${LogoSvg}</div>
7
+ </a>
8
+ <button class="mp-session-debugger-modal-close" aria-label="Close">${CloseXIcon}</button>
9
+ </div>
10
+ <div class="mp-session-debugger-popover-body">
11
+ ${showContinuousRecording ? `
12
+ <div class="mp-session-debugger-continuous-debugging">
13
+ <div class="mp-session-debugger-continuous-debugging-label">
14
+ ${popoverText.continuousRecordingLabel}
15
+ </div>
16
+ <label class="mp-session-debugger-continuous-debugging-switch">
17
+ <input type="checkbox" id="mp-session-debugger-continuous-debugging-checkbox">
18
+ <span></span>
19
+ </label>
20
+ </div>
21
+ ` : ''}
22
+ <h2>${showContinuousRecording ? popoverText.initialTitleWithContinuous : popoverText.initialTitleWithoutContinuous}</h2>
23
+ <p>${showContinuousRecording ? popoverText.initialDescriptionWithContinuous : popoverText.initialDescriptionWithoutContinuous}</p>
24
+ <div class="mp-session-debugger-popover-footer">
25
+ <button class="mp-session-debugger-popover-button mp-start-recording">${popoverText.startRecordingButtonText}</button>
26
+ </div>
27
+ ${showContinuousRecording ? `
28
+ <div class="mp-session-debugger-continuous-debugging-overlay">
29
+ <div class="mp-session-debugger-continuous-debugging-overlay-content">
30
+ <h3>${CapturingIcon} ${popoverText.continuousOverlayTitle}</h3>
31
+ <p>
32
+ ${popoverText.continuousOverlayDescription}
33
+ </p>
34
+ </div>
35
+ <button class="mp-session-debugger-popover-button" id="mp-save-continuous-debug-session">${popoverText.saveLastSnapshotButtonText}</button>
36
+ </div>
37
+ ` : ''}
38
+ </div>
39
+ </div>
40
+ `;
41
+ //# sourceMappingURL=initialPopover.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"initialPopover.js","sourceRoot":"","sources":["../../../src/sessionWidget/templates/initialPopover.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAG5D,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,WAAsC,EAAE,uBAAgC,EAAE,EAAE,CAAC;;;;wDAI5D,OAAO;;yEAEU,UAAU;;;MAG7E,uBAAuB,CAAC,CAAC,CAAC;;;UAGtB,WAAW,CAAC,wBAAwB;;;;;;;KAOzC,CAAC,CAAC,CAAC,EAAE;UACA,uBAAuB,CAAC,CAAC,CAAC,WAAW,CAAC,0BAA0B,CAAC,CAAC,CAAC,WAAW,CAAC,6BAA6B;SAC7G,uBAAuB,CAAC,CAAC,CAAC,WAAW,CAAC,gCAAgC,CAAC,CAAC,CAAC,WAAW,CAAC,mCAAmC;;8EAEnD,WAAW,CAAC,wBAAwB;;MAE5G,uBAAuB,CAAC,CAAC,CAAC;;;cAGlB,aAAa,IAAI,WAAW,CAAC,sBAAsB;;WAEtD,WAAW,CAAC,4BAA4B;;;iGAG8C,WAAW,CAAC,0BAA0B;;KAElI,CAAC,CAAC,CAAC,EAAE;;;CAGT,CAAA"}
@@ -0,0 +1,2 @@
1
+ export declare const recordingOverlayTemplate = "\n<div class=\"mp-recording-status\">\n <div class=\"mp-recording-indicator\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<g id=\"Timer Icon\">\n<circle id=\"Ellipse 2\" cx=\"12\" cy=\"12\" r=\"4\" fill=\"#E53E3E\" style=\"fill:#E53E3E;fill:color(display-p3 0.8980 0.2431 0.2431);fill-opacity:1;\"/>\n<circle id=\"Ellipse 3\" cx=\"12\" cy=\"12\" r=\"7.5\" stroke=\"#E53E3E\" style=\"stroke:#E53E3E;stroke:color(display-p3 0.8980 0.2431 0.2431);stroke-opacity:1;\"/>\n<circle id=\"Ellipse 4\" opacity=\"0.2\" cx=\"12\" cy=\"12\" r=\"11.5\" stroke=\"#E53E3E\" style=\"stroke:#E53E3E;stroke:color(display-p3 0.8980 0.2431 0.2431);stroke-opacity:1;\"/>\n</g>\n</svg>\n\n </div>\n <span class=\"timer\">00:00</span>\n</div>\n<div class=\"mp-recording-controls\">\n <button class=\"mp-recording-btn mp-stop-btn\" title=\"Stop recording\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\n<path id=\"stopIcon\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10 18C14.4183 18 18 14.4183 18 10C18 5.58172 14.4183 2 10 2C5.58172 2 2 5.58172 2 10C2 14.4183 5.58172 18 10 18ZM8 7C7.44772 7 7 7.44772 7 8L7 12C7 12.5523 7.44772 13 8 13H12C12.5523 13 13 12.5523 13 12V8C13 7.44772 12.5523 7 12 7L8 7Z\" fill=\"white\" style=\"fill:white;fill-opacity:1;\"/>\n</svg></button>\n</div>\n<div class=\"mp-drag-handle\" style=\"cursor: move;\">\n <svg width=\"10\" height=\"20\" viewBox=\"0 0 10 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path id=\"dragHandleIcon\" d=\"M1.66699 5H8.33366M1.66699 10H8.33366M1.66699 15H8.33366\" stroke=\"white\" stroke-opacity=\"0.48\" style=\"stroke:white;stroke-opacity:0.48;\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n\n</div>\n";
2
+ //# sourceMappingURL=recordingOverlay.d.ts.map
@@ -0,0 +1,16 @@
1
+ import { RecordIndicatorIcon, StopIcon, DragHandleIcon } from './icons';
2
+ export const recordingOverlayTemplate = `
3
+ <div class="mp-recording-status">
4
+ <div class="mp-recording-indicator">
5
+ ${RecordIndicatorIcon}
6
+ </div>
7
+ <span class="timer">00:00</span>
8
+ </div>
9
+ <div class="mp-recording-controls">
10
+ <button class="mp-recording-btn mp-stop-btn" title="Stop recording">${StopIcon}</button>
11
+ </div>
12
+ <div class="mp-drag-handle" style="cursor: move;">
13
+ ${DragHandleIcon}
14
+ </div>
15
+ `;
16
+ //# sourceMappingURL=recordingOverlay.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"recordingOverlay.js","sourceRoot":"","sources":["../../../src/sessionWidget/templates/recordingOverlay.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAEvE,MAAM,CAAC,MAAM,wBAAwB,GAAG;;;MAGlC,mBAAmB;;;;;wEAK+C,QAAQ;;;IAG5E,cAAc;;CAEjB,CAAA"}
@@ -0,0 +1,3 @@
1
+ import { WidgetTextOverridesConfig } from '../../types';
2
+ export declare const submitSessionDialogTemplate: (popoverText: WidgetTextOverridesConfig) => string;
3
+ //# sourceMappingURL=submitSessionDialog.d.ts.map
@@ -0,0 +1,17 @@
1
+ export const submitSessionDialogTemplate = (popoverText) => `
2
+ <div class="mp-dialog-backdrop">
3
+ <div class="mp-dialog-content">
4
+ <h3>${popoverText.submitDialogTitle}</h3>
5
+ <div class="subtitle">${popoverText.submitDialogSubtitle}</div>
6
+ <div class="form-group">
7
+ <label>${popoverText.submitDialogCommentLabel}</label>
8
+ <textarea id="mp-recording-comment" rows="3" placeholder="${popoverText.submitDialogCommentPlaceholder}"></textarea>
9
+ </div>
10
+ <div class="mp-dialog-actions">
11
+ <button id="mp-cancel-submission">${popoverText.submitDialogCancelText}</button>
12
+ <button id="mp-submit-recording">${popoverText.submitDialogSubmitText}</button>
13
+ </div>
14
+ </div>
15
+ </div>
16
+ `;
17
+ //# sourceMappingURL=submitSessionDialog.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"submitSessionDialog.js","sourceRoot":"","sources":["../../../src/sessionWidget/templates/submitSessionDialog.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,WAAsC,EAAE,EAAE,CAAC;;;UAG7E,WAAW,CAAC,iBAAiB;4BACX,WAAW,CAAC,oBAAoB;;eAE7C,WAAW,CAAC,wBAAwB;kEACe,WAAW,CAAC,8BAA8B;;;0CAGlE,WAAW,CAAC,sBAAsB;yCACnC,WAAW,CAAC,sBAAsB;;;;CAI1E,CAAA"}
@@ -0,0 +1,3 @@
1
+ import { ToastConfig } from '../../types';
2
+ export declare const toastTemplate: (config: ToastConfig) => string;
3
+ //# sourceMappingURL=toast.d.ts.map
@@ -0,0 +1,25 @@
1
+ import { CheckSuccessIcon, ErrorIcon } from './icons';
2
+ const getIconForType = (type) => {
3
+ return type === 'success' ? CheckSuccessIcon : ErrorIcon;
4
+ };
5
+ export const toastTemplate = (config) => {
6
+ const { type, message, button } = config;
7
+ const icon = getIconForType(type);
8
+ const sessionButton = getButtonTemplate(button);
9
+ return `<div class="mp-toast-content">
10
+ <div class="mp-toast-icon">${icon}</div>
11
+ <div class="mp-toast-message">${message}</div>
12
+ ${sessionButton}
13
+ </div>
14
+ `;
15
+ };
16
+ const getButtonTemplate = (button) => {
17
+ if (!button)
18
+ return '';
19
+ if (button.url)
20
+ return `<a href="${button.url}" target="_blank" rel="noopener noreferrer" class="mp-toast-button">${button.text}</a>`;
21
+ if (button.onClick)
22
+ return `<button class="mp-toast-button">${button.text}</button>`;
23
+ return '';
24
+ };
25
+ //# sourceMappingURL=toast.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"toast.js","sourceRoot":"","sources":["../../../src/sessionWidget/templates/toast.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAKrD,MAAM,cAAc,GAAG,CAAC,IAAe,EAAU,EAAE;IACjD,OAAO,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAAS,CAAA;AAC1D,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,MAAmB,EAAU,EAAE;IAC3D,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,MAAM,CAAA;IACxC,MAAM,IAAI,GAAG,cAAc,CAAC,IAAI,CAAC,CAAA;IAEjC,MAAM,aAAa,GAAG,iBAAiB,CAAC,MAAM,CAAC,CAAA;IAE/C,OAAO;iCACwB,IAAI;oCACD,OAAO;QACnC,aAAa;;GAElB,CAAA;AACH,CAAC,CAAA;AAED,MAAM,iBAAiB,GAAG,CAAC,MAA6B,EAAU,EAAE;IAClE,IAAI,CAAC,MAAM;QAAE,OAAO,EAAE,CAAA;IACtB,IAAI,MAAM,CAAC,GAAG;QAAE,OAAO,YAAY,MAAM,CAAC,GAAG,uEAAuE,MAAM,CAAC,IAAI,MAAM,CAAA;IACrI,IAAI,MAAM,CAAC,OAAO;QAAE,OAAO,mCAAmC,MAAM,CAAC,IAAI,WAAW,CAAA;IACpF,OAAO,EAAE,CAAA;AACX,CAAC,CAAA"}
@@ -0,0 +1,6 @@
1
+ export declare enum UserType {
2
+ USER = "USER",
3
+ VISITOR = "VISITOR",
4
+ API_CLIENT = "API_CLIENT"
5
+ }
6
+ //# sourceMappingURL=client-type.enum.d.ts.map
@@ -0,0 +1,7 @@
1
+ export var UserType;
2
+ (function (UserType) {
3
+ UserType["USER"] = "USER";
4
+ UserType["VISITOR"] = "VISITOR";
5
+ UserType["API_CLIENT"] = "API_CLIENT";
6
+ })(UserType || (UserType = {}));
7
+ //# sourceMappingURL=client-type.enum.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"client-type.enum.js","sourceRoot":"","sources":["../../src/types/client-type.enum.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,QAIX;AAJD,WAAY,QAAQ;IAClB,yBAAa,CAAA;IACb,+BAAmB,CAAA;IACnB,qCAAyB,CAAA;AAC3B,CAAC,EAJW,QAAQ,KAAR,QAAQ,QAInB"}
@@ -0,0 +1,4 @@
1
+ export * from './widget';
2
+ export * from './session';
3
+ export * from './sessionRecorder';
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1,4 @@
1
+ export * from './widget';
2
+ export * from './session';
3
+ export * from './sessionRecorder';
4
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,mBAAmB,CAAA"}
@@ -0,0 +1,72 @@
1
+ import { SessionType } from '@multiplayer-app/session-recorder-common';
2
+ import type { UserType } from './client-type.enum';
3
+ export interface IResourceAttributes {
4
+ browserInfo?: string;
5
+ cookiesEnabled?: string;
6
+ deviceInfo?: string;
7
+ hardwareConcurrency?: number;
8
+ osInfo?: string;
9
+ pixelRatio?: number;
10
+ screenSize?: string;
11
+ packageVersion?: string;
12
+ [key: string]: any;
13
+ }
14
+ export interface ISessionAttributes {
15
+ [key: string]: any;
16
+ }
17
+ export interface IUserAttributes {
18
+ type: UserType;
19
+ id?: string;
20
+ name?: string;
21
+ groupId?: string;
22
+ groupName?: string;
23
+ userEmail?: string;
24
+ userId?: string;
25
+ userName?: string;
26
+ accountId?: string;
27
+ accountName?: string;
28
+ orgId?: string;
29
+ orgName?: string;
30
+ tags?: string[];
31
+ }
32
+ export interface ISessionView {
33
+ _id: string;
34
+ name: string;
35
+ components?: string[];
36
+ }
37
+ export interface ISession {
38
+ _id: string;
39
+ shortId: string;
40
+ workspace: string;
41
+ project: string;
42
+ continuousDebugSession?: string;
43
+ creationType: SessionType;
44
+ name: string;
45
+ startedAt: string | Date;
46
+ stoppedAt: string | Date;
47
+ durationInSeconds?: number;
48
+ createdAt: string | Date;
49
+ updatedAt: string | Date;
50
+ tags: any[];
51
+ resourceAttributes?: IResourceAttributes;
52
+ sessionAttributes?: ISessionAttributes;
53
+ userAttributes?: IUserAttributes;
54
+ views: ISessionView[];
55
+ starred: boolean;
56
+ starredItems: string[];
57
+ s3Files: {
58
+ _id?: string;
59
+ bucket: string;
60
+ key: string;
61
+ dataType: DebugSessionDataType;
62
+ url?: string;
63
+ }[];
64
+ finishedS3Transfer?: boolean;
65
+ tempApiKey?: string;
66
+ }
67
+ export declare enum DebugSessionDataType {
68
+ OTLP_TRACES = "OTLP_TRACES",
69
+ OTLP_LOGS = "OTLP_LOGS",
70
+ RRWEB_EVENTS = "RRWEB_EVENTS"
71
+ }
72
+ //# sourceMappingURL=session.d.ts.map
@@ -0,0 +1,7 @@
1
+ export var DebugSessionDataType;
2
+ (function (DebugSessionDataType) {
3
+ DebugSessionDataType["OTLP_TRACES"] = "OTLP_TRACES";
4
+ DebugSessionDataType["OTLP_LOGS"] = "OTLP_LOGS";
5
+ DebugSessionDataType["RRWEB_EVENTS"] = "RRWEB_EVENTS";
6
+ })(DebugSessionDataType || (DebugSessionDataType = {}));
7
+ //# sourceMappingURL=session.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"session.js","sourceRoot":"","sources":["../../src/types/session.ts"],"names":[],"mappings":"AA2EA,MAAM,CAAN,IAAY,oBAIX;AAJD,WAAY,oBAAoB;IAC9B,mDAA2B,CAAA;IAC3B,+CAAuB,CAAA;IACvB,qDAA6B,CAAA;AAC/B,CAAC,EAJW,oBAAoB,KAApB,oBAAoB,QAI/B"}