pebble-web 2.25.2-alpha.1 → 2.25.2-alpha.3

package/dist/pebble-web.umd.js

@@ -5044,6 +5044,77 @@
     return dateLeftStartOfDay.getTime() === dateRightStartOfDay.getTime();
   }
 
+  function ownKeys$5(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+  function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$5(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+  function getTestIds(id, builder) {
+    return id ? builder(id) : {};
+  }
+  function getOptionTestId(id, index) {
+    return "".concat(id, "-").concat(index);
+  }
+  function getRadioGroupTestIds(id) {
+    return {
+      optionId: "".concat(id, "-option")
+    };
+  }
+  function getOptionGroupTestIds(id) {
+    return {
+      searchBoxId: "".concat(id, "-search"),
+      optionId: "".concat(id, "-option"),
+      selectVisibleId: "".concat(id, "-select-visible"),
+      clearVisibleId: "".concat(id, "-clear-visible")
+    };
+  }
+  var getOptionGroupRadioTestIds = function getOptionGroupRadioTestIds(id) {
+    return getOptionGroupTestIds(id);
+  };
+  function getOptionGroupCheckBoxTestIds(id) {
+    return _objectSpread$5({
+      applyButtonId: "".concat(id, "-apply-btn"),
+      clearButtonId: "".concat(id, "-clear-btn")
+    }, getOptionGroupTestIds(id));
+  }
+  function getPhoneNumberInputTestIds(id) {
+    return {
+      phoneId: "".concat(id, "-phone"),
+      countryId: "".concat(id, "-country"),
+      countryInputIds: getSelectInputTestIds("".concat(id, "-country"))
+    };
+  }
+  function getMessageTestId(id) {
+    return "".concat(id, "-message");
+  }
+  function getSelectInputTestIds(id) {
+    var multiSelect = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+    var optionGroupId = "".concat(id, "-option-group");
+    var baseIds = {
+      inputId: "".concat(id, "-input"),
+      optionGroupId: optionGroupId
+    };
+    return _objectSpread$5(_objectSpread$5({}, multiSelect ? getOptionGroupCheckBoxTestIds(optionGroupId) : getOptionGroupRadioTestIds(optionGroupId)), baseIds);
+  }
+  function getTypeaheadTestIds(id) {
+    var optionGroupId = "".concat(id, "-option-group");
+    return _objectSpread$5({
+      optionGroupId: optionGroupId
+    }, getOptionGroupRadioTestIds(optionGroupId));
+  }
+  function getCalendarTestIds(id) {
+    return {
+      leftIconId: "".concat(id, "-left-icon"),
+      rightIconId: "".concat(id, "-right-icon"),
+      applyButtonId: "".concat(id, "-apply-btn"),
+      clearButtonId: "".concat(id, "-clear-btn")
+    };
+  }
+  function getPopUpTestIds(id) {
+    return {
+      closeButtonId: "".concat(id, "-close-btn"),
+      approveButtonId: "".concat(id, "-approve-btn"),
+      rejectButtonId: "".concat(id, "-reject-btn")
+    };
+  }
+
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
   function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
   var Calendar = /*#__PURE__*/function (_React$PureComponent) {
@@ -5163,8 +5234,16 @@
             onClear = _this$props.onClear,
             maxDate = _this$props.maxDate,
             minDate = _this$props.minDate,
-            rest = objectWithoutProperties(_this$props, ["range", "selected", "hideShadow", "className", "onApply", "onClear", "maxDate", "minDate"]);
+            testId = _this$props.testId,
+            rest = objectWithoutProperties(_this$props, ["range", "selected", "hideShadow", "className", "onApply", "onClear", "maxDate", "minDate", "testId"]);
         var maxRangeDates = this.state.maxRangeDates;
+        var _getTestIds = getTestIds(testId, function (id) {
+          return getCalendarTestIds(id);
+        }),
+            leftIconId = _getTestIds.leftIconId,
+            rightIconId = _getTestIds.rightIconId,
+            clearButtonId = _getTestIds.clearButtonId,
+            applyButtonId = _getTestIds.applyButtonId;
         return /*#__PURE__*/React.createElement("div", {
           className: cx(wrapperStyle, defineProperty({}, /*#__PURE__*/css( {
             name: "3jm1n8-Calendar",
@@ -5187,13 +5266,15 @@
             style: {
               fontSize: 14
             },
-            className: "pi pi-chevron-left"
+            className: "pi pi-chevron-left",
+            "data-testid": leftIconId
           }),
           nextLabel: /*#__PURE__*/React.createElement("i", {
             style: {
               fontSize: 14
             },
-            className: "pi pi-arrow-right"
+            className: "pi pi-arrow-right",
+            "data-testid": rightIconId
           }),
           maxDate: maxDate || maxRangeDates && maxRangeDates.future,
           minDate: minDate || maxRangeDates && maxRangeDates.past
@@ -5201,9 +5282,11 @@
           className: buttonsWrapper
         }, onClear && /*#__PURE__*/React.createElement(Button, {
           onClick: this.onClear,
-          type: "secondary"
+          type: "secondary",
+          testId: clearButtonId
         }, "Clear"), onApply && /*#__PURE__*/React.createElement(Button, {
-          onClick: this.onApply
+          onClick: this.onApply,
+          testId: applyButtonId
         }, "Apply")));
       }
     }]);
@@ -5214,13 +5297,13 @@
     tileDots: []
   };
 
-  function ownKeys$5(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-  function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$5(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+  function ownKeys$6(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+  function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$6(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
   var radioIconStyle = /*#__PURE__*/css( {
     name: "i5unie-radioIconStyle",
     styles: "margin-right:10px;font-size:16px;padding-top:2px;height:18px;;label:radioIconStyle;"
   } );
-  var controlStyle = /*#__PURE__*/css(_objectSpread$5(_objectSpread$5({
+  var controlStyle = /*#__PURE__*/css(_objectSpread$6(_objectSpread$6({
     cursor: "pointer",
     display: "flex",
     outline: "none",
@@ -5346,13 +5429,16 @@
             selected = _this$props2.selected,
             className = _this$props2.className,
             name = _this$props2.name,
-            disabled = _this$props2.disabled;
-        var _children = React.Children.map(children, function (_checkbox) {
+            disabled = _this$props2.disabled,
+            testId = _this$props2.testId;
+        var _children = React.Children.map(children, function (_checkbox, i) {
+          var index = typeof i === "number" ? i : 0;
           var checkbox = _checkbox;
           return React.cloneElement(checkbox, {
             onChange: _this2.handleChange,
             checked: selected.indexOf(checkbox.props.value) >= 0,
-            disabled: disabled
+            disabled: disabled,
+            testId: testId ? getOptionTestId(testId, index) : undefined
           });
         });
         return /*#__PURE__*/React.createElement("div", {
@@ -9049,8 +9135,8 @@
     });
   }
 
-  function ownKeys$6(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-  function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$6(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+  function ownKeys$7(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+  function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$7(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
   function _createSuper$3(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$3(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
   function _isNativeReflectConstruct$3() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
   var DropDown = /*#__PURE__*/function (_React$PureComponent) {
@@ -9121,7 +9207,7 @@
         }, function (transitionStyles) {
           return /*#__PURE__*/React.createElement(renderprops_cjs_7.div, {
             className: cx(dropDownStyle, dropDownClassName),
-            style: _objectSpread$6({
+            style: _objectSpread$7({
               padding: padding
             }, transitionStyles)
           }, /*#__PURE__*/React.createElement(Popper$1, Object.assign({}, _this2.props, {
@@ -9131,7 +9217,7 @@
                 style = _ref2.style,
                 placement = _ref2.placement,
                 arrowProps = _ref2.arrowProps;
-            var popperWrapperStyle = _objectSpread$6(_objectSpread$6(_objectSpread$6({}, style), transitionStyles), {}, {
+            var popperWrapperStyle = _objectSpread$7(_objectSpread$7(_objectSpread$7({}, style), transitionStyles), {}, {
               backgroundColor: colors.white.base,
               transform: "".concat(style.transform || "", " ").concat(transitionStyles.transform || ""),
               transformOrigin: "".concat(arrowProps.style.left || 0, "px ").concat(arrowProps.style.top || 0, "px"),
@@ -9168,8 +9254,8 @@
     }
   };
 
-  function ownKeys$7(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-  function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$7(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+  function ownKeys$8(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+  function _objectSpread$8(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$8(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$8(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
   var animation = "all 0.3s cubic-bezier(.64,.09,.08,1)";
   var inputMarginBottom = 20;
   var wrapperStyle$2 = /*#__PURE__*/css({
@@ -9189,7 +9275,7 @@
     alignItems: "baseline",
     borderBottom: "1px solid ".concat(colors.gray.lighter)
   }, ";label:inputWrapperStyle;" + ( "" ));
-  var inputStyle = /*#__PURE__*/css(_objectSpread$7(_objectSpread$7(_objectSpread$7({
+  var inputStyle = /*#__PURE__*/css(_objectSpread$8(_objectSpread$8(_objectSpread$8({
     outline: 0,
     border: 0,
     padding: "24px 0 12px 0",
@@ -9241,7 +9327,7 @@
       color: colors.gray.dark
     }
   }, ";label:labelStyle;" + ( "" ));
-  var messageStyle = /*#__PURE__*/css(_objectSpread$7(_objectSpread$7({}, typography.s.regular), {}, {
+  var messageStyle = /*#__PURE__*/css(_objectSpread$8(_objectSpread$8({}, typography.s.regular), {}, {
     marginTop: 9,
     lineHeight: "10px",
     textAlign: "left"
@@ -9251,8 +9337,8 @@
     styles: "position:relative;top:4px;;label:loadingStyle;"
   } );
 
-  function ownKeys$8(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-  function _objectSpread$8(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$8(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$8(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+  function ownKeys$9(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+  function _objectSpread$9(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$9(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$9(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
   var dateClass = /*#__PURE__*/css( {
     name: "1ydb6k9-dateClass",
     styles: "padding:20px;width:100%;;label:dateClass;"
@@ -9268,7 +9354,7 @@
     name: "h7juj2-wrapperStyle",
     styles: "margin-bottom:20px;;label:wrapperStyle;"
   } );
-  var errorStyle = /*#__PURE__*/css(_objectSpread$8(_objectSpread$8({}, typography.s.bold), {}, {
+  var errorStyle = /*#__PURE__*/css(_objectSpread$9(_objectSpread$9({}, typography.s.bold), {}, {
     backgroundColor: colors.red.lightest,
     color: colors.red.darker,
     textAlign: "left",
@@ -9394,6 +9480,7 @@
           }
         }), _message && /*#__PURE__*/React.createElement("div", {
           className: messageStyle,
+          "data-testid": testId ? getMessageTestId(testId) : undefined,
           style: {
             color: getColor(errorMessage, successMessage)
           }
@@ -11216,8 +11303,8 @@
     return UserAgentInfoProvider;
   }(React.PureComponent);
 
-  function ownKeys$9(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-  function _objectSpread$9(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$9(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$9(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+  function ownKeys$a(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+  function _objectSpread$a(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$a(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
   function _createSuper$7(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$7(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
   function _isNativeReflectConstruct$7() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
   var noop = function noop() {};
@@ -11303,7 +11390,7 @@
                 },
                 fixLabelAtTop: true
               }, inputProps, {
-                inputProps: _objectSpread$9(_objectSpread$9({
+                inputProps: _objectSpread$a(_objectSpread$a({
                   placeholder: "DD/MM/YYYY"
                 }, inputProps && inputProps.inputProps), {}, {
                   onChange: onChange
@@ -11452,9 +11539,9 @@
     }));
   };
 
-  function ownKeys$a(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-  function _objectSpread$a(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$a(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-  var toastWrapper = /*#__PURE__*/css(_objectSpread$a(_objectSpread$a({
+  function ownKeys$b(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+  function _objectSpread$b(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$b(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$b(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+  var toastWrapper = /*#__PURE__*/css(_objectSpread$b(_objectSpread$b({
     position: "fixed",
     borderRadius: constants.borderRadius
   }, typography.normal.regular), {}, {
@@ -11470,8 +11557,8 @@
 
   function mitt(n){return {all:n=n||new Map,on:function(t,e){var i=n.get(t);i&&i.push(e)||n.set(t,[e]);},off:function(t,e){var i=n.get(t);i&&i.splice(i.indexOf(e)>>>0,1);},emit:function(t,e){(n.get(t)||[]).slice().map(function(n){n(e);}),(n.get("*")||[]).slice().map(function(n){n(t,e);});}}}
 
-  function ownKeys$b(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-  function _objectSpread$b(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$b(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$b(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+  function ownKeys$c(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+  function _objectSpread$c(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$c(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$c(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
   function _createSuper$8(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$8(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
   function _isNativeReflectConstruct$8() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
   var emitter = /*#__PURE__*/mitt();
@@ -11639,13 +11726,13 @@
           native: true,
           items: this.state.show,
           key: position,
-          from: _objectSpread$b({
+          from: _objectSpread$c({
             opacity: 0
           }, customStyles[position].transitions.from),
-          enter: _objectSpread$b({
+          enter: _objectSpread$c({
             opacity: 1
           }, customStyles[position].transitions.enter),
-          leave: _objectSpread$b({
+          leave: _objectSpread$c({
             opacity: 0,
             pointerEvents: "none"
           }, customStyles[position].transitions.leave),
@@ -11654,7 +11741,7 @@
           return show && function (styles) {
             return /*#__PURE__*/React.createElement(renderprops_cjs_7.div, {
               className: cx(toastWrapper, _this4.props.className),
-              style: _objectSpread$b(_objectSpread$b({
+              style: _objectSpread$c(_objectSpread$c({
                 backgroundColor: bColor
               }, styles), customStyles[position].style)
             }, /*#__PURE__*/React.createElement("i", {
@@ -11685,9 +11772,9 @@
     return Toast;
   }(React.PureComponent);
 
-  function ownKeys$c(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-  function _objectSpread$c(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$c(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$c(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-  var messageWrapper = /*#__PURE__*/css(_objectSpread$c(_objectSpread$c({
+  function ownKeys$d(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+  function _objectSpread$d(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$d(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$d(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+  var messageWrapper = /*#__PURE__*/css(_objectSpread$d(_objectSpread$d({
     borderRadius: constants.borderRadius
   }, typography.normal.regular), {}, {
     color: colors.white.base,
@@ -11796,9 +11883,9 @@
     return Modal;
   }(React.PureComponent);
 
-  function ownKeys$d(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-  function _objectSpread$d(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$d(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$d(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-  var rowWrapper = /*#__PURE__*/css(_objectSpread$d(_objectSpread$d(_objectSpread$d({}, typography.normal.regular), {}, {
+  function ownKeys$e(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+  function _objectSpread$e(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$e(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$e(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+  var rowWrapper = /*#__PURE__*/css(_objectSpread$e(_objectSpread$e(_objectSpread$e({}, typography.normal.regular), {}, {
     cursor: "pointer",
     padding: "12px 18px",
     position: "relative",
@@ -11821,7 +11908,7 @@
   var activeRow = /*#__PURE__*/css({
     backgroundColor: colors.gray.lightest
   }, ";label:activeRow;" + ( "" ));
-  var selectedRow = /*#__PURE__*/css(_objectSpread$d({
+  var selectedRow = /*#__PURE__*/css(_objectSpread$e({
     color: colors.violet.base
   }, typography.normal.bold), ";label:selectedRow;" + ( "" ));
   var advancedActionsWrapper = /*#__PURE__*/css({
@@ -12104,9 +12191,9 @@
     return defaultBehavior(compute(target, computeOptions), computeOptions.behavior);
   }
 
-  function ownKeys$e(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-  function _objectSpread$e(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$e(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$e(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-  var searchWrapperStyle = /*#__PURE__*/css(_objectSpread$e(_objectSpread$e({
+  function ownKeys$f(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+  function _objectSpread$f(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$f(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$f(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+  var searchWrapperStyle = /*#__PURE__*/css(_objectSpread$f(_objectSpread$f({
     minWidth: "200px",
     borderRadius: constants.borderRadius,
     padding: "0 20px"
@@ -12134,7 +12221,7 @@
       }
     }
   }), ";label:searchWrapperStyle;" + ( "" ));
-  var searchStyle = /*#__PURE__*/css(_objectSpread$e(_objectSpread$e(_objectSpread$e(_objectSpread$e({
+  var searchStyle = /*#__PURE__*/css(_objectSpread$f(_objectSpread$f(_objectSpread$f(_objectSpread$f({
     borderRadius: constants.borderRadius,
     outline: "none",
     border: 0,
@@ -12270,59 +12357,6 @@
     padding: onScrollPadding
   }, ";label:searchBoxScrolledStyle;" + ( "" ));
 
-  function ownKeys$f(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-  function _objectSpread$f(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$f(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$f(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-  function getTestIds(id, builder) {
-    return id ? builder(id) : {};
-  }
-  function getOptionTestId(id, index) {
-    return "".concat(id, "-").concat(index);
-  }
-  function getRadioGroupTestIds(id) {
-    return {
-      optionId: "".concat(id, "-option")
-    };
-  }
-  function getOptionGroupTestIds(id) {
-    return {
-      searchBoxId: "".concat(id, "-search"),
-      optionId: "".concat(id, "-option"),
-      selectVisibleId: "".concat(id, "-select-visible"),
-      clearVisibleId: "".concat(id, "-clear-visible")
-    };
-  }
-  var getOptionGroupRadioTestIds = function getOptionGroupRadioTestIds(id) {
-    return getOptionGroupTestIds(id);
-  };
-  function getOptionGroupCheckBoxTestIds(id) {
-    return _objectSpread$f({
-      applyButtonId: "".concat(id, "-apply-btn"),
-      clearButtonId: "".concat(id, "-clear-btn")
-    }, getOptionGroupTestIds(id));
-  }
-  function getPhoneNumberInputTestIds(id) {
-    return {
-      phoneId: "".concat(id, "-phone"),
-      countryId: "".concat(id, "-country"),
-      countryInputIds: getSelectInputTestIds("".concat(id, "-country"))
-    };
-  }
-  function getSelectInputTestIds(id) {
-    var multiSelect = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-    var optionGroupId = "".concat(id, "-option-group");
-    var baseIds = {
-      inputId: "".concat(id, "-input"),
-      optionGroupId: optionGroupId
-    };
-    return _objectSpread$f(_objectSpread$f({}, multiSelect ? getOptionGroupCheckBoxTestIds(optionGroupId) : getOptionGroupRadioTestIds(optionGroupId)), baseIds);
-  }
-  function getTypeaheadTestIds(id) {
-    var optionGroupId = "".concat(id, "-option-group");
-    return _objectSpread$f({
-      optionGroupId: optionGroupId
-    }, getOptionGroupRadioTestIds(optionGroupId));
-  }
-
   function ownKeys$g(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
   function _objectSpread$g(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$g(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$g(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
   function _createSuper$c(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$c(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
@@ -13016,7 +13050,14 @@
         rejectButtonText = _props$rejectButtonTe === void 0 ? "No" : _props$rejectButtonTe,
         children = props.children,
         approveButtonProps = props.approveButtonProps,
-        rejectButtonProps = props.rejectButtonProps;
+        rejectButtonProps = props.rejectButtonProps,
+        testId = props.testId;
+    var _getTestIds = getTestIds(testId, function (id) {
+      return getPopUpTestIds(id);
+    }),
+        closeButtonId = _getTestIds.closeButtonId,
+        approveButtonId = _getTestIds.approveButtonId,
+        rejectButtonId = _getTestIds.rejectButtonId;
     return /*#__PURE__*/React.createElement(Modal, {
       visible: visible,
       modalClassName: flexCenter
@@ -13024,18 +13065,23 @@
       className: modalContainer$1
     }, onClose && /*#__PURE__*/React.createElement("i", {
       className: cx("pi", "pi-close", iconCloseClassName),
-      onClick: onClose
+      onClick: onClose,
+      "data-testid": closeButtonId
     }), children, (onReject || onApprove) && /*#__PURE__*/React.createElement("div", {
       className: buttonsContainer
     }, onReject && /*#__PURE__*/React.createElement(Button, Object.assign({
       size: "large",
       type: "secondary",
       onClick: onReject
-    }, rejectButtonProps), rejectButtonText), onApprove && /*#__PURE__*/React.createElement(Button, Object.assign({
+    }, rejectButtonProps, {
+      testId: rejectButtonId
+    }), rejectButtonText), onApprove && /*#__PURE__*/React.createElement(Button, Object.assign({
       size: "large",
       type: "primary",
       onClick: onApprove
-    }, approveButtonProps), approveButtonText))));
+    }, approveButtonProps, {
+      testId: approveButtonId
+    }), approveButtonText))));
   };
 
   function ownKeys$l(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
@@ -13570,6 +13616,7 @@
           scale: 0.4
         })), _message && /*#__PURE__*/React.createElement("div", {
           className: messageStyle$1,
+          "data-testid": testId ? getMessageTestId(testId) : undefined,
           style: {
             color: getColor$1(errorMessage, successMessage)
           }
@@ -16057,8 +16104,11 @@
     getOptionGroupRadioTestIds: getOptionGroupRadioTestIds,
     getOptionGroupCheckBoxTestIds: getOptionGroupCheckBoxTestIds,
     getPhoneNumberInputTestIds: getPhoneNumberInputTestIds,
+    getMessageTestId: getMessageTestId,
     getSelectInputTestIds: getSelectInputTestIds,
-    getTypeaheadTestIds: getTypeaheadTestIds
+    getTypeaheadTestIds: getTypeaheadTestIds,
+    getCalendarTestIds: getCalendarTestIds,
+    getPopUpTestIds: getPopUpTestIds
   });
 
   exports.BrowserBasedDateInput = BrowserBasedDateInput;
@@ -16106,11 +16156,14 @@
   exports.UserAgentInfoProvider = UserAgentInfoProvider;
   exports.colors = colors;
   exports.constants = constants;
+  exports.getCalendarTestIds = getCalendarTestIds;
+  exports.getMessageTestId = getMessageTestId;
   exports.getOptionGroupCheckBoxTestIds = getOptionGroupCheckBoxTestIds;
   exports.getOptionGroupRadioTestIds = getOptionGroupRadioTestIds;
   exports.getOptionGroupTestIds = getOptionGroupTestIds;
   exports.getOptionTestId = getOptionTestId;
   exports.getPhoneNumberInputTestIds = getPhoneNumberInputTestIds;
+  exports.getPopUpTestIds = getPopUpTestIds;
   exports.getRadioGroupTestIds = getRadioGroupTestIds;
   exports.getSelectInputTestIds = getSelectInputTestIds;
   exports.getTestIds = getTestIds;