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

package/dist/pebble-web.js

@@ -646,6 +646,77 @@ var buttonsWrapper = /*#__PURE__*/emotion.css(_objectSpread$4(_objectSpread$4({}
   marginTop: 20
 }), ";label:buttonsWrapper;" + ( "" ));
 
+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) {
@@ -765,8 +836,16 @@ var Calendar = /*#__PURE__*/function (_React$PureComponent) {
           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: emotion.cx(wrapperStyle, _defineProperty({}, /*#__PURE__*/emotion.css( {
           name: "3jm1n8-Calendar",
@@ -789,13 +868,15 @@ var Calendar = /*#__PURE__*/function (_React$PureComponent) {
           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
@@ -803,9 +884,11 @@ var Calendar = /*#__PURE__*/function (_React$PureComponent) {
         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")));
     }
   }]);
@@ -816,13 +899,13 @@ Calendar.defaultProps = {
   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__*/emotion.css( {
   name: "i5unie-radioIconStyle",
   styles: "margin-right:10px;font-size:16px;padding-top:2px;height:18px;;label:radioIconStyle;"
 } );
-var controlStyle = /*#__PURE__*/emotion.css(_objectSpread$5(_objectSpread$5({
+var controlStyle = /*#__PURE__*/emotion.css(_objectSpread$6(_objectSpread$6({
   cursor: "pointer",
   display: "flex",
   outline: "none",
@@ -948,13 +1031,16 @@ var CheckboxGroup = /*#__PURE__*/function (_React$PureComponent) {
           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", {
@@ -1072,8 +1158,8 @@ var MountTransition = function MountTransition(props) {
   });
 };
 
-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) {
@@ -1144,7 +1230,7 @@ var DropDown = /*#__PURE__*/function (_React$PureComponent) {
       }, function (transitionStyles) {
         return /*#__PURE__*/React.createElement(renderprops_cjs.animated.div, {
           className: emotion.cx(dropDownStyle, dropDownClassName),
-          style: _objectSpread$6({
+          style: _objectSpread$7({
             padding: padding
           }, transitionStyles)
         }, /*#__PURE__*/React.createElement(reactPopper.Popper, Object.assign({}, _this2.props, {
@@ -1154,7 +1240,7 @@ var DropDown = /*#__PURE__*/function (_React$PureComponent) {
               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: pebbleShared.colors.white.base,
             transform: "".concat(style.transform || "", " ").concat(transitionStyles.transform || ""),
             transformOrigin: "".concat(arrowProps.style.left || 0, "px ").concat(arrowProps.style.top || 0, "px"),
@@ -1191,8 +1277,8 @@ DropDown.defaultProps = {
   }
 };
 
-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__*/emotion.css({
@@ -1212,7 +1298,7 @@ var inputWrapperStyle = /*#__PURE__*/emotion.css({
   alignItems: "baseline",
   borderBottom: "1px solid ".concat(pebbleShared.colors.gray.lighter)
 }, ";label:inputWrapperStyle;" + ( "" ));
-var inputStyle = /*#__PURE__*/emotion.css(_objectSpread$7(_objectSpread$7(_objectSpread$7({
+var inputStyle = /*#__PURE__*/emotion.css(_objectSpread$8(_objectSpread$8(_objectSpread$8({
   outline: 0,
   border: 0,
   padding: "24px 0 12px 0",
@@ -1264,7 +1350,7 @@ var labelStyle = /*#__PURE__*/emotion.css({
     color: pebbleShared.colors.gray.dark
   }
 }, ";label:labelStyle;" + ( "" ));
-var messageStyle = /*#__PURE__*/emotion.css(_objectSpread$7(_objectSpread$7({}, typography.s.regular), {}, {
+var messageStyle = /*#__PURE__*/emotion.css(_objectSpread$8(_objectSpread$8({}, typography.s.regular), {}, {
   marginTop: 9,
   lineHeight: "10px",
   textAlign: "left"
@@ -1274,8 +1360,8 @@ var loadingStyle = /*#__PURE__*/emotion.css( {
   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__*/emotion.css( {
   name: "1ydb6k9-dateClass",
   styles: "padding:20px;width:100%;;label:dateClass;"
@@ -1291,7 +1377,7 @@ var wrapperStyle$3 = /*#__PURE__*/emotion.css( {
   name: "h7juj2-wrapperStyle",
   styles: "margin-bottom:20px;;label:wrapperStyle;"
 } );
-var errorStyle = /*#__PURE__*/emotion.css(_objectSpread$8(_objectSpread$8({}, typography.s.bold), {}, {
+var errorStyle = /*#__PURE__*/emotion.css(_objectSpread$9(_objectSpread$9({}, typography.s.bold), {}, {
   backgroundColor: pebbleShared.colors.red.lightest,
   color: pebbleShared.colors.red.darker,
   textAlign: "left",
@@ -1417,6 +1503,7 @@ var Input = /*#__PURE__*/function (_React$PureComponent) {
         }
       }), _message && /*#__PURE__*/React.createElement("div", {
         className: messageStyle,
+        "data-testid": testId ? getMessageTestId(testId) : undefined,
         style: {
           color: getColor(errorMessage, successMessage)
         }
@@ -1508,8 +1595,8 @@ var UserAgentInfoProvider = /*#__PURE__*/function (_React$PureComponent) {
   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() {};
@@ -1595,7 +1682,7 @@ var DateInput = /*#__PURE__*/function (_React$PureComponent) {
               },
               fixLabelAtTop: true
             }, inputProps, {
-              inputProps: _objectSpread$9(_objectSpread$9({
+              inputProps: _objectSpread$a(_objectSpread$a({
                 placeholder: "DD/MM/YYYY"
               }, inputProps && inputProps.inputProps), {}, {
                 onChange: onChange
@@ -1744,9 +1831,9 @@ var Logo = function Logo(_ref) {
   }));
 };
 
-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__*/emotion.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__*/emotion.css(_objectSpread$b(_objectSpread$b({
   position: "fixed",
   borderRadius: constants.borderRadius
 }, typography.normal.regular), {}, {
@@ -1760,8 +1847,8 @@ var toastWrapper = /*#__PURE__*/emotion.css(_objectSpread$a(_objectSpread$a({
   }
 }), ";label:toastWrapper;" + ( "" ));
 
-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();
@@ -1929,13 +2016,13 @@ var Toast = /*#__PURE__*/function (_React$PureComponent) {
         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),
@@ -1944,7 +2031,7 @@ var Toast = /*#__PURE__*/function (_React$PureComponent) {
         return show && function (styles) {
           return /*#__PURE__*/React.createElement(renderprops_cjs.animated.div, {
             className: emotion.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", {
@@ -1975,9 +2062,9 @@ var Toast = /*#__PURE__*/function (_React$PureComponent) {
   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__*/emotion.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__*/emotion.css(_objectSpread$d(_objectSpread$d({
   borderRadius: constants.borderRadius
 }, typography.normal.regular), {}, {
   color: pebbleShared.colors.white.base,
@@ -2083,9 +2170,9 @@ var Modal = /*#__PURE__*/function (_React$PureComponent) {
   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__*/emotion.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__*/emotion.css(_objectSpread$e(_objectSpread$e(_objectSpread$e({}, typography.normal.regular), {}, {
   cursor: "pointer",
   padding: "12px 18px",
   position: "relative",
@@ -2108,7 +2195,7 @@ var labelWrap = /*#__PURE__*/emotion.css( {
 var activeRow = /*#__PURE__*/emotion.css({
   backgroundColor: pebbleShared.colors.gray.lightest
 }, ";label:activeRow;" + ( "" ));
-var selectedRow = /*#__PURE__*/emotion.css(_objectSpread$d({
+var selectedRow = /*#__PURE__*/emotion.css(_objectSpread$e({
   color: pebbleShared.colors.violet.base
 }, typography.normal.bold), ";label:selectedRow;" + ( "" ));
 var advancedActionsWrapper = /*#__PURE__*/emotion.css({
@@ -2176,9 +2263,9 @@ var Option = /*#__PURE__*/function (_React$Component) {
 }(React.Component);
 Option.defaultProps = defaultProps;
 
-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__*/emotion.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__*/emotion.css(_objectSpread$f(_objectSpread$f({
   minWidth: "200px",
   borderRadius: constants.borderRadius,
   padding: "0 20px"
@@ -2206,7 +2293,7 @@ var searchWrapperStyle = /*#__PURE__*/emotion.css(_objectSpread$e(_objectSpread$
     }
   }
 }), ";label:searchWrapperStyle;" + ( "" ));
-var searchStyle = /*#__PURE__*/emotion.css(_objectSpread$e(_objectSpread$e(_objectSpread$e(_objectSpread$e({
+var searchStyle = /*#__PURE__*/emotion.css(_objectSpread$f(_objectSpread$f(_objectSpread$f(_objectSpread$f({
   borderRadius: constants.borderRadius,
   outline: "none",
   border: 0,
@@ -2342,59 +2429,6 @@ var searchBoxScrolledStyle = /*#__PURE__*/emotion.css({
   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); }; }
@@ -3088,7 +3122,14 @@ var PopUp = function PopUp(props) {
       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
@@ -3096,18 +3137,23 @@ var PopUp = function PopUp(props) {
     className: modalContainer$1
   }, onClose && /*#__PURE__*/React.createElement("i", {
     className: emotion.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; }
@@ -3642,6 +3688,7 @@ var SecondaryInput = /*#__PURE__*/function (_React$PureComponent) {
         scale: 0.4
       })), _message && /*#__PURE__*/React.createElement("div", {
         className: messageStyle$1,
+        "data-testid": testId ? getMessageTestId(testId) : undefined,
         style: {
           color: getColor$1(errorMessage, successMessage)
         }
@@ -4709,8 +4756,11 @@ var index = /*#__PURE__*/Object.freeze({
     getOptionGroupRadioTestIds: getOptionGroupRadioTestIds,
     getOptionGroupCheckBoxTestIds: getOptionGroupCheckBoxTestIds,
     getPhoneNumberInputTestIds: getPhoneNumberInputTestIds,
+    getMessageTestId: getMessageTestId,
     getSelectInputTestIds: getSelectInputTestIds,
-    getTypeaheadTestIds: getTypeaheadTestIds
+    getTypeaheadTestIds: getTypeaheadTestIds,
+    getCalendarTestIds: getCalendarTestIds,
+    getPopUpTestIds: getPopUpTestIds
 });
 
 Object.defineProperty(exports, 'colors', {
@@ -4763,11 +4813,14 @@ exports.TypeAhead = TypeAhead;
 exports.UserAgentInfoContext = UserAgentInfoContext;
 exports.UserAgentInfoProvider = UserAgentInfoProvider;
 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;