@multiplayer-app/session-recorder-react-native 1.0.1-beta.3 → 1.0.1-beta.4

package/lib/module/components/SessionRecorderWidget/styles.js

@@ -0,0 +1,173 @@
+"use strict";
+
+import { StyleSheet } from 'react-native';
+export const sharedStyles = StyleSheet.create({
+  // Popover styles
+  popoverContent: {
+    flex: 1,
+    paddingHorizontal: 0
+  },
+  popoverHeader: {
+    flexDirection: 'column',
+    paddingBottom: 8,
+    paddingHorizontal: 16,
+    borderTopLeftRadius: 20,
+    borderTopRightRadius: 20,
+    backgroundColor: '#f4f9ff',
+    shadowColor: '#f4f9ff',
+    shadowOffset: {
+      width: 0,
+      height: 5
+    },
+    shadowOpacity: 1,
+    shadowRadius: 5,
+    elevation: 10
+  },
+  modalHandle: {
+    marginTop: 8,
+    marginBottom: 16,
+    width: 40,
+    height: 4,
+    backgroundColor: '#D1D5DB',
+    borderRadius: 2,
+    alignSelf: 'center'
+  },
+  popoverHeaderContent: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'flex-start'
+  },
+  cancelButton: {
+    paddingHorizontal: 12,
+    paddingVertical: 6,
+    borderRadius: 6,
+    borderWidth: 1,
+    borderColor: '#e1e8f1',
+    backgroundColor: '#fff',
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    shadowOpacity: 0.06,
+    shadowRadius: 3,
+    elevation: 3
+  },
+  cancelButtonText: {
+    color: '#374151',
+    fontSize: 14,
+    fontWeight: '500'
+  },
+  popoverBody: {
+    flex: 1,
+    padding: 16,
+    paddingTop: 24
+  },
+  title: {
+    fontSize: 18,
+    fontWeight: '600',
+    color: '#2d3748',
+    marginBottom: 12
+  },
+  description: {
+    fontSize: 14,
+    color: '#718096',
+    marginBottom: 16
+  },
+  popoverFooter: {
+    marginTop: 'auto',
+    paddingTop: 16
+  },
+  actionButton: {
+    paddingVertical: 16,
+    paddingHorizontal: 24,
+    borderRadius: 12,
+    alignItems: 'center'
+  },
+  actionButtonText: {
+    color: 'white',
+    fontSize: 16,
+    fontWeight: '500'
+  },
+  // Continuous recording styles
+  continuousRecordingSection: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    marginBottom: 20,
+    paddingVertical: 12,
+    paddingHorizontal: 16,
+    borderWidth: 1,
+    borderColor: '#e1e8f1',
+    backgroundColor: '#fff',
+    borderRadius: 12,
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    shadowOpacity: 0.06,
+    shadowRadius: 3,
+    elevation: 3
+  },
+  continuousRecordingLabel: {
+    fontSize: 16,
+    fontWeight: '500',
+    color: '#374151'
+  },
+  continuousOverlay: {
+    borderRadius: 12,
+    borderWidth: 1,
+    borderColor: '#e1e8f1',
+    backgroundColor: '#fff',
+    padding: 12,
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    shadowOpacity: 0.06,
+    shadowRadius: 3,
+    elevation: 3,
+    flexDirection: 'column',
+    gap: 8
+  },
+  continuousOverlayHeader: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 8
+  },
+  continuousOverlayTitle: {
+    fontSize: 14,
+    fontWeight: '500',
+    color: '#2d3748'
+  },
+  continuousOverlayDescription: {
+    fontSize: 14,
+    color: '#718096',
+    lineHeight: 20
+  },
+  // Comment input styles
+  commentInput: {
+    borderWidth: 1,
+    borderColor: '#D1D5DB',
+    borderRadius: 8,
+    padding: 12,
+    fontSize: 16,
+    color: '#374151',
+    backgroundColor: '#F9FAFB',
+    marginBottom: 24,
+    minHeight: 80
+  },
+  // Button color variants
+  startButton: {
+    backgroundColor: '#473cfb'
+  },
+  stopButton: {
+    backgroundColor: '#473cfb'
+  },
+  saveButton: {
+    backgroundColor: '#473cfb'
+  }
+});
+//# sourceMappingURL=styles.js.map

package/lib/module/components/SessionRecorderWidget/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","sharedStyles","create","popoverContent","flex","paddingHorizontal","popoverHeader","flexDirection","paddingBottom","borderTopLeftRadius","borderTopRightRadius","backgroundColor","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","modalHandle","marginTop","marginBottom","borderRadius","alignSelf","popoverHeaderContent","justifyContent","alignItems","cancelButton","paddingVertical","borderWidth","borderColor","cancelButtonText","color","fontSize","fontWeight","popoverBody","padding","paddingTop","title","description","popoverFooter","actionButton","actionButtonText","continuousRecordingSection","continuousRecordingLabel","continuousOverlay","gap","continuousOverlayHeader","continuousOverlayTitle","continuousOverlayDescription","lineHeight","commentInput","minHeight","startButton","stopButton","saveButton"],"sourceRoot":"../../../../src","sources":["components/SessionRecorderWidget/styles.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/components/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+export * from "./ScreenRecorderView/index.js";
+export * from "./SessionRecorderWidget/index.js";
+//# sourceMappingURL=index.js.map

package/lib/module/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA,cAAc,+BAAsB;AACpC,cAAc,kCAAyB","ignoreList":[]}

package/lib/module/config/constants.js

@@ -0,0 +1,42 @@
+"use strict";
+
+export const OTEL_MP_SAMPLE_TRACE_RATIO = 0.15;
+export const SESSION_ID_PROP_NAME = 'multiplayer-session-id';
+export const SESSION_SHORT_ID_PROP_NAME = 'multiplayer-session-short-id';
+export const SESSION_CONTINUOUS_DEBUGGING_PROP_NAME = 'multiplayer-session-continuous-debugging';
+export const SESSION_STATE_PROP_NAME = 'multiplayer-session-state';
+export const SESSION_TYPE_PROP_NAME = 'multiplayer-session-type';
+export const SESSION_PROP_NAME = 'multiplayer-session-data';
+export const SESSION_STARTED_EVENT = 'debug-session:started';
+export const SESSION_STOPPED_EVENT = 'debug-session:stopped';
+export const SESSION_SUBSCRIBE_EVENT = 'debug-session:subscribe';
+export const SESSION_UNSUBSCRIBE_EVENT = 'debug-session:unsubscribe';
+export const SESSION_AUTO_CREATED = 'debug-session:auto-created';
+export const SESSION_ADD_EVENT = 'debug-session:rrweb:add-event';
+export const DEFAULT_MAX_HTTP_CAPTURING_PAYLOAD_SIZE = 100000;
+export const SESSION_RESPONSE = 'multiplayer-debug-session-response';
+export const CONTINUOUS_DEBUGGING_TIMEOUT = 60000; // 1 minutes
+
+export const DEBUG_SESSION_MAX_DURATION_SECONDS = 10 * 60 + 30; // TODO: move to shared config otel core
+
+// // Package version - injected by webpack during build
+// declare const PACKAGE_VERSION: string
+// export const PACKAGE_VERSION_EXPORT = PACKAGE_VERSION || '1.0.0'
+
+// Regex patterns for OpenTelemetry ignore URLs
+export const OTEL_IGNORE_URLS = [
+// Traces endpoint
+/.*\/v1\/traces/,
+// Debug sessions endpoints
+/.*\/v0\/radar\/debug-sessions\/start\/?$/, /.*\/v0\/radar\/debug-sessions\/[^/]+\/stop\/?$/, /.*\/v0\/radar\/debug-sessions\/[^/]+\/cancel\/?$/,
+// Continuous debug sessions endpoints
+/.*\/v0\/radar\/continuous-debug-sessions\/start\/?$/, /.*\/v0\/radar\/continuous-debug-sessions\/[^/]+\/save\/?$/, /.*\/v0\/radar\/continuous-debug-sessions\/[^/]+\/cancel\/?$/,
+// Remote debug session endpoint
+/.*\/v0\/radar\/remote-debug-session\/check\/?$/,
+// Connectivity probe endpoints (avoid noisy spans)
+/https:\/\/clients3\.google\.com\/generate_204/, /http:\/\/clients3\.google\.com\/generate_204/, /http(s)?:\/\/www\.google\.com\/generate_204/, /http(s)?:\/\/connectivitycheck\.android\.com\/generate_204/, /http(s)?:\/\/connectivitycheck\.gstatic\.com\/generate_204/, /http(s)?:\/\/captive\.apple\.com/
+
+// Or use a more general pattern to catch all radar API endpoints
+// /.*\/v0\/radar\/.*/
+];
+//# sourceMappingURL=constants.js.map

package/lib/module/config/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["OTEL_MP_SAMPLE_TRACE_RATIO","SESSION_ID_PROP_NAME","SESSION_SHORT_ID_PROP_NAME","SESSION_CONTINUOUS_DEBUGGING_PROP_NAME","SESSION_STATE_PROP_NAME","SESSION_TYPE_PROP_NAME","SESSION_PROP_NAME","SESSION_STARTED_EVENT","SESSION_STOPPED_EVENT","SESSION_SUBSCRIBE_EVENT","SESSION_UNSUBSCRIBE_EVENT","SESSION_AUTO_CREATED","SESSION_ADD_EVENT","DEFAULT_MAX_HTTP_CAPTURING_PAYLOAD_SIZE","SESSION_RESPONSE","CONTINUOUS_DEBUGGING_TIMEOUT","DEBUG_SESSION_MAX_DURATION_SECONDS","OTEL_IGNORE_URLS"],"sourceRoot":"../../../src","sources":["config/constants.ts"],"mappings":";;AACA,OAAO,MAAMA,0BAA0B,GAAG,IAAI;AAE9C,OAAO,MAAMC,oBAAoB,GAAG,wBAAwB;AAE5D,OAAO,MAAMC,0BAA0B,GAAG,8BAA8B;AAExE,OAAO,MAAMC,sCAAsC,GAAG,0CAA0C;AAEhG,OAAO,MAAMC,uBAAuB,GAAG,2BAA2B;AAElE,OAAO,MAAMC,sBAAsB,GAAG,0BAA0B;AAEhE,OAAO,MAAMC,iBAAiB,GAAG,0BAA0B;AAE3D,OAAO,MAAMC,qBAAqB,GAAG,uBAAuB;AAE5D,OAAO,MAAMC,qBAAqB,GAAG,uBAAuB;AAE5D,OAAO,MAAMC,uBAAuB,GAAG,yBAAyB;AAEhE,OAAO,MAAMC,yBAAyB,GAAG,2BAA2B;AAEpE,OAAO,MAAMC,oBAAoB,GAAG,4BAA4B;AAEhE,OAAO,MAAMC,iBAAiB,GAAG,+BAA+B;AAEhE,OAAO,MAAMC,uCAAuC,GAAG,MAAM;AAE7D,OAAO,MAAMC,gBAAgB,GAAG,oCAAoC;AAEpE,OAAO,MAAMC,4BAA4B,GAAG,KAAK,EAAC;;AAElD,OAAO,MAAMC,kCAAkC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,EAAC;;AAE/D;AACA;AACA;;AAGA;AACA,OAAO,MAAMC,gBAAgB,GAAG;AAC9B;AACA,gBAAgB;AAChB;AACA,0CAA0C,EAC1C,gDAAgD,EAChD,kDAAkD;AAElD;AACA,qDAAqD,EACrD,2DAA2D,EAC3D,6DAA6D;AAE7D;AACA,gDAAgD;AAEhD;AACA,+CAA+C,EAC/C,8CAA8C,EAC9C,6CAA6C,EAC7C,4DAA4D,EAC5D,4DAA4D,EAC5D;;AAEA;AACA;AAAA,CACD","ignoreList":[]}

package/lib/module/config/defaults.js

@@ -0,0 +1,81 @@
+"use strict";
+
+import { SessionRecorderSdk, MULTIPLAYER_BASE_API_URL, MULTIPLAYER_OTEL_DEFAULT_TRACES_EXPORTER_HTTP_URL } from '@multiplayer-app/session-recorder-common';
+import { LogLevel, WidgetButtonPlacement } from "../types/index.js";
+import { OTEL_MP_SAMPLE_TRACE_RATIO, DEFAULT_MAX_HTTP_CAPTURING_PAYLOAD_SIZE } from "./constants.js";
+const {
+  mask,
+  sensitiveFields,
+  sensitiveHeaders
+} = SessionRecorderSdk;
+export const DEFAULT_MASKING_CONFIG = {
+  isContentMaskingEnabled: true,
+  maskBody: mask(sensitiveFields),
+  maskHeaders: mask(sensitiveHeaders),
+  maskBodyFieldsList: sensitiveFields,
+  maskHeadersList: sensitiveHeaders,
+  headersToInclude: [],
+  headersToExclude: [],
+  // Screen masking options
+  maskImages: false,
+  maskLabels: false,
+  maskButtons: false,
+  maskWebViews: false,
+  maskTextInputs: true,
+  maskSandboxedViews: false
+};
+export const DEFAULT_WIDGET_TEXT_CONFIG = {
+  initialTitleWithContinuous: 'Encountered an issue?',
+  initialTitleWithoutContinuous: 'Encountered an issue?',
+  initialDescriptionWithContinuous: 'Record your session so we can see the problem and fix it faster.',
+  initialDescriptionWithoutContinuous: 'Record your session so we can see the problem and fix it faster.',
+  continuousRecordingLabel: 'Continuous recording',
+  startRecordingButtonText: 'Start recording',
+  finalTitle: 'Done recording?',
+  finalDescription: 'You can also add a quick note with extra context, expectations, or questions. Thank you!',
+  commentPlaceholder: 'Add a message...',
+  saveButtonText: 'Submit recording',
+  cancelButtonText: 'Cancel recording',
+  continuousOverlayTitle: 'Save time, skip the reproductions',
+  continuousOverlayDescription: 'We keep a rolling record of your recent activity. If something doesn’t work as expected, just save the recording and continue working. No need to worry about exceptions and errors - we automatically save recordings for those!',
+  saveLastSnapshotButtonText: 'Save recording',
+  submitDialogTitle: 'Save recording',
+  submitDialogSubtitle: 'This full-stack session recording will be saved directly to your selected Multiplayer project. All data is automatically correlated end-to-end.',
+  submitDialogCommentLabel: 'You can also add context, comments, or notes.',
+  submitDialogCommentPlaceholder: 'Add a message...',
+  submitDialogSubmitText: 'Save',
+  submitDialogCancelText: 'Cancel'
+};
+export const BASE_CONFIG = {
+  apiKey: '',
+  version: '',
+  application: '',
+  environment: '',
+  showContinuousRecording: true,
+  widget: {
+    enabled: true,
+    button: {
+      visible: true,
+      placement: WidgetButtonPlacement.bottomRight
+    },
+    textOverrides: DEFAULT_WIDGET_TEXT_CONFIG
+  },
+  apiBaseUrl: MULTIPLAYER_BASE_API_URL,
+  exporterEndpoint: MULTIPLAYER_OTEL_DEFAULT_TRACES_EXPORTER_HTTP_URL,
+  schemifyDocSpanPayload: true,
+  ignoreUrls: [],
+  propagateTraceHeaderCorsUrls: [],
+  sampleTraceRatio: OTEL_MP_SAMPLE_TRACE_RATIO,
+  maxCapturingHttpPayloadSize: DEFAULT_MAX_HTTP_CAPTURING_PAYLOAD_SIZE,
+  captureBody: true,
+  captureHeaders: true,
+  masking: DEFAULT_MASKING_CONFIG,
+  recordScreen: true,
+  recordGestures: true,
+  recordNavigation: true,
+  logger: {
+    enabled: false,
+    level: LogLevel.INFO
+  }
+};
+//# sourceMappingURL=defaults.js.map

package/lib/module/config/defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SessionRecorderSdk","MULTIPLAYER_BASE_API_URL","MULTIPLAYER_OTEL_DEFAULT_TRACES_EXPORTER_HTTP_URL","LogLevel","WidgetButtonPlacement","OTEL_MP_SAMPLE_TRACE_RATIO","DEFAULT_MAX_HTTP_CAPTURING_PAYLOAD_SIZE","mask","sensitiveFields","sensitiveHeaders","DEFAULT_MASKING_CONFIG","isContentMaskingEnabled","maskBody","maskHeaders","maskBodyFieldsList","maskHeadersList","headersToInclude","headersToExclude","maskImages","maskLabels","maskButtons","maskWebViews","maskTextInputs","maskSandboxedViews","DEFAULT_WIDGET_TEXT_CONFIG","initialTitleWithContinuous","initialTitleWithoutContinuous","initialDescriptionWithContinuous","initialDescriptionWithoutContinuous","continuousRecordingLabel","startRecordingButtonText","finalTitle","finalDescription","commentPlaceholder","saveButtonText","cancelButtonText","continuousOverlayTitle","continuousOverlayDescription","saveLastSnapshotButtonText","submitDialogTitle","submitDialogSubtitle","submitDialogCommentLabel","submitDialogCommentPlaceholder","submitDialogSubmitText","submitDialogCancelText","BASE_CONFIG","apiKey","version","application","environment","showContinuousRecording","widget","enabled","button","visible","placement","bottomRight","textOverrides","apiBaseUrl","exporterEndpoint","schemifyDocSpanPayload","ignoreUrls","propagateTraceHeaderCorsUrls","sampleTraceRatio","maxCapturingHttpPayloadSize","captureBody","captureHeaders","masking","recordScreen","recordGestures","recordNavigation","logger","level","INFO"],"sourceRoot":"../../../src","sources":["config/defaults.ts"],"mappings":";;AAAA,SACEA,kBAAkB,EAClBC,wBAAwB,EACxBC,iDAAiD,QAC5C,0CAA0C;AACjD,SACEC,QAAQ,EACRC,qBAAqB,QAEhB,mBAAU;AACjB,SACEC,0BAA0B,EAC1BC,uCAAuC,QAClC,gBAAa;AAEpB,MAAM;EAAEC,IAAI;EAAEC,eAAe;EAAEC;AAAiB,CAAC,GAAGT,kBAAkB;AAEtE,OAAO,MAAMU,sBAAyD,GAAG;EACvEC,uBAAuB,EAAE,IAAI;EAC7BC,QAAQ,EAAEL,IAAI,CAACC,eAAe,CAAC;EAC/BK,WAAW,EAAEN,IAAI,CAACE,gBAAgB,CAAC;EACnCK,kBAAkB,EAAEN,eAAe;EACnCO,eAAe,EAAEN,gBAAgB;EACjCO,gBAAgB,EAAE,EAAE;EACpBC,gBAAgB,EAAE,EAAE;EACpB;EACAC,UAAU,EAAE,KAAK;EACjBC,UAAU,EAAE,KAAK;EACjBC,WAAW,EAAE,KAAK;EAClBC,YAAY,EAAE,KAAK;EACnBC,cAAc,EAAE,IAAI;EACpBC,kBAAkB,EAAE;AACtB,CAAC;AAED,OAAO,MAAMC,0BAA6E,GAAG;EAC3FC,0BAA0B,EAAE,uBAAuB;EACnDC,6BAA6B,EAAE,uBAAuB;EACtDC,gCAAgC,EAAE,kEAAkE;EACpGC,mCAAmC,EAAE,kEAAkE;EACvGC,wBAAwB,EAAE,sBAAsB;EAChDC,wBAAwB,EAAE,iBAAiB;EAC3CC,UAAU,EAAE,iBAAiB;EAC7BC,gBAAgB,EAAE,0FAA0F;EAC5GC,kBAAkB,EAAE,kBAAkB;EACtCC,cAAc,EAAE,kBAAkB;EAClCC,gBAAgB,EAAE,kBAAkB;EACpCC,sBAAsB,EAAE,mCAAmC;EAC3DC,4BAA4B,EAAE,mOAAmO;EACjQC,0BAA0B,EAAE,gBAAgB;EAC5CC,iBAAiB,EAAE,gBAAgB;EACnCC,oBAAoB,EAAE,iJAAiJ;EACvKC,wBAAwB,EAAE,+CAA+C;EACzEC,8BAA8B,EAAE,kBAAkB;EAClDC,sBAAsB,EAAE,MAAM;EAC9BC,sBAAsB,EAAE;AAC1B,CAAC;AAED,OAAO,MAAMC,WAAmC,GAAG;EACjDC,MAAM,EAAE,EAAE;EAEVC,OAAO,EAAE,EAAE;EACXC,WAAW,EAAE,EAAE;EACfC,WAAW,EAAE,EAAE;EAEfC,uBAAuB,EAAE,IAAI;EAE7BC,MAAM,EAAE;IACNC,OAAO,EAAE,IAAI;IACbC,MAAM,EAAE;MACNC,OAAO,EAAE,IAAI;MACbC,SAAS,EAAEnD,qBAAqB,CAACoD;IACnC,CAAC;IACDC,aAAa,EAAEjC;EACjB,CAAC;EAGDkC,UAAU,EAAEzD,wBAAwB;EACpC0D,gBAAgB,EAAEzD,iDAAiD;EAEnE0D,sBAAsB,EAAE,IAAI;EAE5BC,UAAU,EAAE,EAAE;EACdC,4BAA4B,EAAE,EAAE;EAEhCC,gBAAgB,EAAE1D,0BAA0B;EAC5C2D,2BAA2B,EAAE1D,uCAAuC;EAEpE2D,WAAW,EAAE,IAAI;EACjBC,cAAc,EAAE,IAAI;EACpBC,OAAO,EAAEzD,sBAAsB;EAG/B0D,YAAY,EAAE,IAAI;EAClBC,cAAc,EAAE,IAAI;EACpBC,gBAAgB,EAAE,IAAI;EAEtBC,MAAM,EAAE;IACNnB,OAAO,EAAE,KAAK;IACdoB,KAAK,EAAErE,QAAQ,CAACsE;EAClB;AACF,CAAC","ignoreList":[]}

package/lib/module/config/index.js

@@ -0,0 +1,9 @@
+"use strict";
+
+// Export all config-related functions and constants
+export * from "./constants.js";
+export * from "./defaults.js";
+export * from "./validators.js";
+export * from "./masking.js";
+export * from "./session-recorder.js";
+//# sourceMappingURL=index.js.map

package/lib/module/config/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["config/index.ts"],"mappings":";;AAAA;AACA,cAAc,gBAAa;AAC3B,cAAc,eAAY;AAC1B,cAAc,iBAAc;AAC5B,cAAc,cAAW;AACzB,cAAc,uBAAoB","ignoreList":[]}

package/lib/module/config/masking.js

@@ -0,0 +1,35 @@
+"use strict";
+
+import { DEFAULT_MASKING_CONFIG } from "./defaults.js";
+import { isValidArray, isValidBoolean, isValidFunction } from "./validators.js";
+import { SessionRecorderSdk } from '@multiplayer-app/session-recorder-common';
+const {
+  mask,
+  sensitiveFields,
+  sensitiveHeaders
+} = SessionRecorderSdk;
+export const getMaskingConfig = masking => {
+  const baseMasking = DEFAULT_MASKING_CONFIG;
+  if (typeof masking !== 'object') {
+    return baseMasking;
+  }
+  const maskHeadersList = isValidArray(masking.maskHeadersList, sensitiveHeaders);
+  const maskBodyFieldsList = isValidArray(masking.maskBodyFieldsList, sensitiveFields);
+  return {
+    maskHeadersList,
+    maskBodyFieldsList,
+    headersToInclude: isValidArray(masking.headersToInclude, baseMasking.headersToInclude),
+    headersToExclude: isValidArray(masking.headersToExclude, baseMasking.headersToExclude),
+    isContentMaskingEnabled: isValidBoolean(masking.isContentMaskingEnabled, baseMasking.isContentMaskingEnabled),
+    maskBody: isValidFunction(masking.maskBody, mask(maskBodyFieldsList)),
+    maskHeaders: isValidFunction(masking.maskHeaders, mask(maskHeadersList)),
+    // Screen masking options
+    maskTextInputs: isValidBoolean(masking.maskTextInputs, baseMasking.maskTextInputs),
+    maskImages: isValidBoolean(masking.maskImages, baseMasking.maskImages),
+    maskButtons: isValidBoolean(masking.maskButtons, baseMasking.maskButtons),
+    maskLabels: isValidBoolean(masking.maskLabels, baseMasking.maskLabels),
+    maskWebViews: isValidBoolean(masking.maskWebViews, baseMasking.maskWebViews),
+    maskSandboxedViews: isValidBoolean(masking.maskSandboxedViews, baseMasking.maskSandboxedViews)
+  };
+};
+//# sourceMappingURL=masking.js.map

package/lib/module/config/masking.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DEFAULT_MASKING_CONFIG","isValidArray","isValidBoolean","isValidFunction","SessionRecorderSdk","mask","sensitiveFields","sensitiveHeaders","getMaskingConfig","masking","baseMasking","maskHeadersList","maskBodyFieldsList","headersToInclude","headersToExclude","isContentMaskingEnabled","maskBody","maskHeaders","maskTextInputs","maskImages","maskButtons","maskLabels","maskWebViews","maskSandboxedViews"],"sourceRoot":"../../../src","sources":["config/masking.ts"],"mappings":";;AACA,SAASA,sBAAsB,QAAQ,eAAY;AACnD,SAASC,YAAY,EAAEC,cAAc,EAAEC,eAAe,QAAQ,iBAAc;AAC5E,SAASC,kBAAkB,QAAQ,0CAA0C;AAE7E,MAAM;EAAEC,IAAI;EAAEC,eAAe;EAAEC;AAAiB,CAAC,GAAGH,kBAAkB;AAEtE,OAAO,MAAMI,gBAAgB,GAAIC,OAAwB,IAAwC;EAC/F,MAAMC,WAAW,GAAGV,sBAAsB;EAE1C,IAAI,OAAOS,OAAO,KAAK,QAAQ,EAAE;IAC/B,OAAOC,WAAW;EACpB;EAEA,MAAMC,eAAe,GAAGV,YAAY,CAACQ,OAAO,CAACE,eAAe,EAAEJ,gBAAgB,CAAC;EAC/E,MAAMK,kBAAkB,GAAGX,YAAY,CAACQ,OAAO,CAACG,kBAAkB,EAAEN,eAAe,CAAC;EAEpF,OAAO;IACLK,eAAe;IACfC,kBAAkB;IAClBC,gBAAgB,EAAEZ,YAAY,CAACQ,OAAO,CAACI,gBAAgB,EAAEH,WAAW,CAACG,gBAAgB,CAAC;IACtFC,gBAAgB,EAAEb,YAAY,CAACQ,OAAO,CAACK,gBAAgB,EAAEJ,WAAW,CAACI,gBAAgB,CAAC;IACtFC,uBAAuB,EAAEb,cAAc,CAACO,OAAO,CAACM,uBAAuB,EAAEL,WAAW,CAACK,uBAAuB,CAAC;IAC7GC,QAAQ,EAAEb,eAAe,CAACM,OAAO,CAACO,QAAQ,EAAEX,IAAI,CAACO,kBAAkB,CAAC,CAAC;IACrEK,WAAW,EAAEd,eAAe,CAACM,OAAO,CAACQ,WAAW,EAAEZ,IAAI,CAACM,eAAe,CAAC,CAAC;IACxE;IACAO,cAAc,EAAEhB,cAAc,CAACO,OAAO,CAACS,cAAc,EAAER,WAAW,CAACQ,cAAc,CAAC;IAClFC,UAAU,EAAEjB,cAAc,CAACO,OAAO,CAACU,UAAU,EAAET,WAAW,CAACS,UAAU,CAAC;IACtEC,WAAW,EAAElB,cAAc,CAACO,OAAO,CAACW,WAAW,EAAEV,WAAW,CAACU,WAAW,CAAC;IACzEC,UAAU,EAAEnB,cAAc,CAACO,OAAO,CAACY,UAAU,EAAEX,WAAW,CAACW,UAAU,CAAC;IACtEC,YAAY,EAAEpB,cAAc,CAACO,OAAO,CAACa,YAAY,EAAEZ,WAAW,CAACY,YAAY,CAAC;IAC5EC,kBAAkB,EAAErB,cAAc,CAACO,OAAO,CAACc,kBAAkB,EAAEb,WAAW,CAACa,kBAAkB;EAC/F,CAAC;AACH,CAAC","ignoreList":[]}

package/lib/module/config/session-recorder.js

@@ -0,0 +1,44 @@
+"use strict";
+
+import { LogLevel } from "../types/index.js";
+import { BASE_CONFIG } from "./defaults.js";
+import { getMaskingConfig } from "./masking.js";
+import { isValidString, isValidNumber, isValidBoolean, isValidArray } from "./validators.js";
+import { getWidgetConfig } from "./widget.js";
+const getLoggerConfig = config => {
+  if (!config || typeof config !== 'object') {
+    return BASE_CONFIG.logger;
+  }
+  return {
+    level: isValidNumber(config.level, LogLevel.INFO),
+    enabled: isValidBoolean(config.enabled, false)
+  };
+};
+export const getSessionRecorderConfig = c => {
+  if (!c) {
+    return BASE_CONFIG;
+  }
+  return {
+    apiKey: isValidString(c.apiKey, BASE_CONFIG.apiKey),
+    version: isValidString(c.version, BASE_CONFIG.version),
+    application: isValidString(c.application, BASE_CONFIG.application),
+    environment: isValidString(c.environment, BASE_CONFIG.environment),
+    exporterEndpoint: isValidString(c.exporterEndpoint, BASE_CONFIG.exporterEndpoint),
+    apiBaseUrl: isValidString(c.apiBaseUrl, BASE_CONFIG.apiBaseUrl),
+    showContinuousRecording: isValidBoolean(c.showContinuousRecording, BASE_CONFIG.showContinuousRecording),
+    ignoreUrls: isValidArray(c.ignoreUrls, BASE_CONFIG.ignoreUrls),
+    sampleTraceRatio: isValidNumber(c.sampleTraceRatio, BASE_CONFIG.sampleTraceRatio),
+    propagateTraceHeaderCorsUrls: c.propagateTraceHeaderCorsUrls || BASE_CONFIG.propagateTraceHeaderCorsUrls,
+    schemifyDocSpanPayload: isValidBoolean(c.schemifyDocSpanPayload, BASE_CONFIG.schemifyDocSpanPayload),
+    maxCapturingHttpPayloadSize: isValidNumber(c.maxCapturingHttpPayloadSize, BASE_CONFIG.maxCapturingHttpPayloadSize),
+    captureBody: isValidBoolean(c.captureBody, BASE_CONFIG.captureBody),
+    captureHeaders: isValidBoolean(c.captureHeaders, BASE_CONFIG.captureHeaders),
+    recordScreen: isValidBoolean(c.recordScreen, BASE_CONFIG.recordScreen),
+    recordGestures: isValidBoolean(c.recordGestures, BASE_CONFIG.recordGestures),
+    recordNavigation: isValidBoolean(c.recordNavigation, BASE_CONFIG.recordNavigation),
+    masking: getMaskingConfig(c.masking),
+    widget: getWidgetConfig(c.widget),
+    logger: getLoggerConfig(c.logger)
+  };
+};
+//# sourceMappingURL=session-recorder.js.map

package/lib/module/config/session-recorder.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["LogLevel","BASE_CONFIG","getMaskingConfig","isValidString","isValidNumber","isValidBoolean","isValidArray","getWidgetConfig","getLoggerConfig","config","logger","level","INFO","enabled","getSessionRecorderConfig","c","apiKey","version","application","environment","exporterEndpoint","apiBaseUrl","showContinuousRecording","ignoreUrls","sampleTraceRatio","propagateTraceHeaderCorsUrls","schemifyDocSpanPayload","maxCapturingHttpPayloadSize","captureBody","captureHeaders","recordScreen","recordGestures","recordNavigation","masking","widget"],"sourceRoot":"../../../src","sources":["config/session-recorder.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/config/validators.js

@@ -0,0 +1,28 @@
+"use strict";
+
+/**
+ * Validation helper functions for configuration objects
+ */
+
+export const isValidStringOrRegExp = (value, defaultValue) => {
+  return typeof value === 'string' || value instanceof RegExp ? value : defaultValue;
+};
+export const isValidString = (value, defaultValue) => {
+  return typeof value === 'string' ? value.trim() : defaultValue;
+};
+export const isValidNumber = (value, defaultValue) => {
+  return typeof value === 'number' ? value : defaultValue;
+};
+export const isValidBoolean = (value, defaultValue) => {
+  return typeof value === 'boolean' ? value : defaultValue;
+};
+export const isValidArray = (value, defaultValue) => {
+  return Array.isArray(value) ? [...value] : [...defaultValue];
+};
+export const isValidEnum = (value, defaultValue, enumValues) => {
+  return enumValues.includes(value) ? value : defaultValue;
+};
+export const isValidFunction = (value, defaultValue) => {
+  return typeof value === 'function' ? value : defaultValue;
+};
+//# sourceMappingURL=validators.js.map

package/lib/module/config/validators.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isValidStringOrRegExp","value","defaultValue","RegExp","isValidString","trim","isValidNumber","isValidBoolean","isValidArray","Array","isArray","isValidEnum","enumValues","includes","isValidFunction"],"sourceRoot":"../../../src","sources":["config/validators.ts"],"mappings":";;AAAA;AACA;AACA;;AAEA,OAAO,MAAMA,qBAAqB,GAAGA,CAACC,KAAkC,EAAEC,YAA6B,KAAK;EAC1G,OAAO,OAAOD,KAAK,KAAK,QAAQ,IAAIA,KAAK,YAAYE,MAAM,GAAGF,KAAK,GAAGC,YAAY;AACpF,CAAC;AAED,OAAO,MAAME,aAAa,GAAGA,CAAmBH,KAA6B,EAAEC,YAAoB,KAAK;EACtG,OAAO,OAAOD,KAAK,KAAK,QAAQ,GAAGA,KAAK,CAACI,IAAI,CAAC,CAAC,GAAGH,YAAY;AAChE,CAAC;AAED,OAAO,MAAMI,aAAa,GAAGA,CAACL,KAAyB,EAAEC,YAAoB,KAAK;EAChF,OAAO,OAAOD,KAAK,KAAK,QAAQ,GAAGA,KAAK,GAAGC,YAAY;AACzD,CAAC;AAED,OAAO,MAAMK,cAAc,GAAGA,CAACN,KAA0B,EAAEC,YAAqB,KAAK;EACnF,OAAO,OAAOD,KAAK,KAAK,SAAS,GAAGA,KAAK,GAAGC,YAAY;AAC1D,CAAC;AAED,OAAO,MAAMM,YAAY,GAAGA,CAAIP,KAAmC,EAAEC,YAA8B,KAAU;EAC3G,OAAOO,KAAK,CAACC,OAAO,CAACT,KAAK,CAAC,GAAG,CAAC,GAAGA,KAAK,CAAC,GAAU,CAAC,GAAGC,YAAY,CAAQ;AAC5E,CAAC;AAED,OAAO,MAAMS,WAAW,GAAGA,CAAIV,KAAc,EAAEC,YAAe,EAAEU,UAAe,KAAQ;EACrF,OAAOA,UAAU,CAACC,QAAQ,CAACZ,KAAU,CAAC,GAAGA,KAAK,GAAQC,YAAY;AACpE,CAAC;AAED,OAAO,MAAMY,eAAe,GAAGA,CAACb,KAAU,EAAEC,YAAiB,KAAK;EAChE,OAAO,OAAOD,KAAK,KAAK,UAAU,GAAGA,KAAK,GAAGC,YAAY;AAC3D,CAAC","ignoreList":[]}

package/lib/module/config/widget.js

@@ -0,0 +1,35 @@
+"use strict";
+
+import { WidgetButtonPlacement } from "../types/index.js";
+import { BASE_CONFIG } from "./defaults.js";
+import { isValidBoolean, isValidEnum, isValidString } from "./validators.js";
+export const getWidgetConfig = config => {
+  const textOverrides = getTextOverridesConfig(config?.textOverrides, BASE_CONFIG.widget.textOverrides);
+  const def = {
+    enabled: true,
+    button: {
+      visible: true,
+      placement: WidgetButtonPlacement.bottomRight
+    },
+    textOverrides
+  };
+  const placementCandidate = config?.button?.placement || def.button.placement;
+  return {
+    textOverrides,
+    enabled: isValidBoolean(config && config.enabled, def.enabled),
+    button: {
+      visible: isValidBoolean(config && config.button && config.button.visible, def.button.visible),
+      placement: isValidEnum(placementCandidate, def.button.placement, Object.values(WidgetButtonPlacement))
+    }
+  };
+};
+const getTextOverridesConfig = (config, defaultConfig) => {
+  if (!config || typeof config !== 'object') {
+    return defaultConfig;
+  }
+  return Object.keys(defaultConfig).reduce((acc, key) => {
+    acc[key] = isValidString(config[key], defaultConfig[key]);
+    return acc;
+  }, {});
+};
+//# sourceMappingURL=widget.js.map

package/lib/module/config/widget.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["WidgetButtonPlacement","BASE_CONFIG","isValidBoolean","isValidEnum","isValidString","getWidgetConfig","config","textOverrides","getTextOverridesConfig","widget","def","enabled","button","visible","placement","bottomRight","placementCandidate","Object","values","defaultConfig","keys","reduce","acc","key"],"sourceRoot":"../../../src","sources":["config/widget.ts"],"mappings":";;AAAA,SAAsCA,qBAAqB,QAAQ,mBAAU;AAC7E,SAASC,WAAW,QAAQ,eAAY;AACxC,SAASC,cAAc,EAAEC,WAAW,EAAEC,aAAa,QAAQ,iBAAc;AAEzE,OAAO,MAAMC,eAAe,GAAIC,MAAwC,IAAK;EAC3E,MAAMC,aAAa,GAAGC,sBAAsB,CAACF,MAAM,EAAEC,aAAa,EAAEN,WAAW,CAACQ,MAAM,CAACF,aAAa,CAAC;EAErG,MAAMG,GAAG,GAAG;IACVC,OAAO,EAAE,IAAI;IACbC,MAAM,EAAE;MAAEC,OAAO,EAAE,IAAI;MAAEC,SAAS,EAAEd,qBAAqB,CAACe;IAAY,CAAC;IACvER;EACF,CAAC;EAED,MAAMS,kBAAkB,GAAGV,MAAM,EAAEM,MAAM,EAAEE,SAAS,IAAIJ,GAAG,CAACE,MAAM,CAACE,SAAS;EAE5E,OAAO;IACLP,aAAa;IACbI,OAAO,EAAET,cAAc,CAACI,MAAM,IAAIA,MAAM,CAACK,OAAO,EAAED,GAAG,CAACC,OAAO,CAAC;IAC9DC,MAAM,EAAE;MACNC,OAAO,EAAEX,cAAc,CAACI,MAAM,IAAIA,MAAM,CAACM,MAAM,IAAIN,MAAM,CAACM,MAAM,CAACC,OAAO,EAAEH,GAAG,CAACE,MAAM,CAACC,OAAO,CAAC;MAC7FC,SAAS,EAAEX,WAAW,CACpBa,kBAAkB,EAClBN,GAAG,CAACE,MAAM,CAACE,SAAS,EACpBG,MAAM,CAACC,MAAM,CAAClB,qBAAqB,CACrC;IACF;EACF,CAAC;AACH,CAAC;AAED,MAAMQ,sBAAsB,GAAGA,CAACF,MAAW,EAAEa,aAAkB,KAAK;EAClE,IAAI,CAACb,MAAM,IAAI,OAAOA,MAAM,KAAK,QAAQ,EAAE;IACzC,OAAOa,aAAa;EACtB;EACA,OAAOF,MAAM,CAACG,IAAI,CAACD,aAAa,CAAC,CAACE,MAAM,CAAC,CAACC,GAAG,EAAEC,GAAG,KAAK;IACrDD,GAAG,CAACC,GAAG,CAAC,GAAGnB,aAAa,CAACE,MAAM,CAACiB,GAAG,CAAC,EAAEJ,aAAa,CAACI,GAAG,CAAC,CAAC;IACzD,OAAOD,GAAG;EACZ,CAAC,EAAE,CAAC,CAA4B,CAAC;AACnC,CAAC","ignoreList":[]}

package/lib/module/context/SessionRecorderContext.js

@@ -0,0 +1,93 @@
+"use strict";
+
+import React, { createContext, useContext, useEffect, useCallback } from 'react';
+import sessionRecorder from "../session-recorder.js";
+import { ScreenRecorderView } from "../components/ScreenRecorderView/index.js";
+import SessionRecorderWidget from "../components/SessionRecorderWidget/index.js";
+import { SessionType } from '@multiplayer-app/session-recorder-common';
+import { sessionRecorderStore } from "./SessionRecorderStore.js";
+import { useStoreSelector } from "./useStoreSelector.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const SessionRecorderContext = /*#__PURE__*/createContext(null);
+export const SessionRecorderProvider = ({
+  children,
+  options
+}) => {
+  const isInitialized = useStoreSelector(sessionRecorderStore, s => s.isInitialized);
+  useEffect(() => {
+    if (options) {
+      sessionRecorder.init(options);
+    }
+    sessionRecorderStore.setState({
+      isInitialized: sessionRecorder.isInitialized
+    });
+  }, []);
+  useEffect(() => {
+    sessionRecorderStore.setState({
+      sessionState: sessionRecorder.sessionState,
+      sessionType: sessionRecorder.sessionType
+    });
+    const onStateChange = (sessionState, sessionType) => {
+      sessionRecorderStore.setState({
+        sessionState,
+        sessionType
+      });
+    };
+    sessionRecorder.on('state-change', onStateChange);
+    return () => {
+      sessionRecorder.off('state-change', onStateChange);
+    };
+  }, []);
+  const startSession = useCallback((sessionType = SessionType.PLAIN) => {
+    return sessionRecorder.start(sessionType);
+  }, []);
+  const stopSession = useCallback(comment => {
+    return sessionRecorder.stop(comment);
+  }, []);
+  const pauseSession = useCallback(() => {
+    return sessionRecorder.pause();
+  }, []);
+  const resumeSession = useCallback(() => {
+    return sessionRecorder.resume();
+  }, []);
+  const cancelSession = useCallback(() => {
+    return sessionRecorder.cancel();
+  }, []);
+  const saveSession = useCallback(() => {
+    return sessionRecorder.save();
+  }, []);
+  const openWidgetModal = useCallback(() => {
+    sessionRecorderStore.setState({
+      isWidgetModalVisible: true
+    });
+  }, []);
+  const closeWidgetModal = useCallback(() => {
+    sessionRecorderStore.setState({
+      isWidgetModalVisible: false
+    });
+  }, []);
+  return /*#__PURE__*/_jsxs(SessionRecorderContext.Provider, {
+    value: {
+      instance: sessionRecorder,
+      openWidgetModal,
+      closeWidgetModal,
+      startSession,
+      stopSession,
+      pauseSession,
+      resumeSession,
+      cancelSession,
+      saveSession
+    },
+    children: [/*#__PURE__*/_jsx(ScreenRecorderView, {
+      children: children
+    }), isInitialized && !!sessionRecorder.config.widget.enabled && /*#__PURE__*/_jsx(SessionRecorderWidget, {})]
+  });
+};
+export const useSessionRecorder = () => {
+  const context = useContext(SessionRecorderContext);
+  if (!context) {
+    throw new Error('useSessionRecorder must be used within a SessionRecorderProvider');
+  }
+  return context;
+};
+//# sourceMappingURL=SessionRecorderContext.js.map

package/lib/module/context/SessionRecorderContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","createContext","useContext","useEffect","useCallback","sessionRecorder","ScreenRecorderView","SessionRecorderWidget","SessionType","sessionRecorderStore","useStoreSelector","jsx","_jsx","jsxs","_jsxs","SessionRecorderContext","SessionRecorderProvider","children","options","isInitialized","s","init","setState","sessionState","sessionType","onStateChange","on","off","startSession","PLAIN","start","stopSession","comment","stop","pauseSession","pause","resumeSession","resume","cancelSession","cancel","saveSession","save","openWidgetModal","isWidgetModalVisible","closeWidgetModal","Provider","value","instance","config","widget","enabled","useSessionRecorder","context","Error"],"sourceRoot":"../../../src","sources":["context/SessionRecorderContext.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/context/SessionRecorderStore.js

@@ -0,0 +1,12 @@
+"use strict";
+
+import { createStore } from "../utils/createStore.js";
+export const sessionRecorderStore = createStore({
+  isInitialized: false,
+  sessionType: null,
+  sessionState: null,
+  isWidgetModalVisible: false,
+  isOnline: true,
+  error: null
+});
+//# sourceMappingURL=SessionRecorderStore.js.map

package/lib/module/context/SessionRecorderStore.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createStore","sessionRecorderStore","isInitialized","sessionType","sessionState","isWidgetModalVisible","isOnline","error"],"sourceRoot":"../../../src","sources":["context/SessionRecorderStore.ts"],"mappings":";;AAAA,SAASA,WAAW,QAAoB,yBAAsB;AAa9D,OAAO,MAAMC,oBAAiD,GAAGD,WAAW,CAAuB;EACjGE,aAAa,EAAE,KAAK;EACpBC,WAAW,EAAE,IAAI;EACjBC,YAAY,EAAE,IAAI;EAClBC,oBAAoB,EAAE,KAAK;EAC3BC,QAAQ,EAAE,IAAI;EACdC,KAAK,EAAE;AACT,CAAC,CAAC","ignoreList":[]}