@widergy/energy-ui 3.60.2 → 3.61.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# [3.61.0](https://github.com/widergy/energy-ui/compare/v3.60.2...v3.61.0) (2025-02-18)
+
+
+### Features
+
+* [AUT-423] ut credit card ids ([#580](https://github.com/widergy/energy-ui/issues/580)) ([aa06ca2](https://github.com/widergy/energy-ui/commit/aa06ca22ac4d3d102ec6f5d39f94efbc703d9380))
+
 ## [3.60.2](https://github.com/widergy/energy-ui/compare/v3.60.1...v3.60.2) (2025-02-18)
 
 

package/dist/components/UTCreditCard/index.js

@@ -9,12 +9,19 @@ var _reactCreditCards = _interopRequireDefault(require("react-credit-cards"));
 var _react = _interopRequireWildcard(require("react"));
 var _UTPasswordField = _interopRequireDefault(require("../UTPasswordField"));
 var _UTTextInput = _interopRequireDefault(require("../UTTextInput"));
+var _testIds = require("../../constants/testIds");
 require("react-credit-cards/es/styles-compiled.css");
 var _constants = require("./constants");
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const {
+  nameFieldId,
+  expiresId,
+  cvcFieldId,
+  cardFieldId
+} = _testIds.COMPONENT_IDS.creditCardIds;
 const UTCreditCard = _ref => {
   var _value$expYearField;
   let {
@@ -83,6 +90,7 @@ const UTCreditCard = _ref => {
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.fields
   }, /*#__PURE__*/_react.default.createElement(_UTTextInput.default, {
+    dataTestId: cardFieldId,
     error: errors[cardField],
     onChange: onChangeField(cardField),
     onFocus: () => setFocused(_constants.fields.NUMBER),
@@ -96,6 +104,7 @@ const UTCreditCard = _ref => {
     classNames: {
       container: _stylesModule.default.inRow
     },
+    dataTestId: expiresId,
     error: errors[expires],
     onChange: onChangeField(expires),
     onFocus: () => setFocused(_constants.fields.EXPIRY),
@@ -107,6 +116,7 @@ const UTCreditCard = _ref => {
     classNames: {
       container: _stylesModule.default.inRow
     },
+    dataTestId: cvcFieldId,
     error: errors[cvcField],
     onChange: onChangeField(cvcField),
     onVisibilityToggle: setCvcVisibility,
@@ -116,6 +126,7 @@ const UTCreditCard = _ref => {
     value: values[cvcField],
     version: "V1"
   })), /*#__PURE__*/_react.default.createElement(_UTTextInput.default, {
+    dataTestId: nameFieldId,
     error: errors[nameFiled],
     onChange: onChangeField(nameFiled),
     required: true,

package/dist/constants/testIds.js

@@ -3,12 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TABLE_ROW = exports.TABLE = exports.STATUS_MESSAGE = exports.SELECTION_COMPONENT = exports.HEADER = exports.COMPONENT_IDS = exports.CELL = exports.ACTIONS = void 0;
+exports.TABLE_ROW = exports.TABLE = exports.STATUS_MESSAGE = exports.SELECTION_COMPONENT = exports.HEADER = exports.CREDIT_CARD = exports.COMPONENT_IDS = exports.CELL = exports.ACTIONS = void 0;
 const BOTTOM_NAV = 'bottomNav';
 const DIALOG = 'dialog';
 const WORKFLOW_CONTAINER = 'workflowContainer';
 const ACTIONS = exports.ACTIONS = 'actions';
 const CELL = exports.CELL = 'cell';
+const CREDIT_CARD = exports.CREDIT_CARD = 'creditCard';
 const HEADER = exports.HEADER = 'header';
 const SELECTION_COMPONENT = exports.SELECTION_COMPONENT = 'selectionComponent';
 const STATUS_MESSAGE = exports.STATUS_MESSAGE = 'statusMessage';
@@ -18,6 +19,12 @@ const COMPONENT_IDS = exports.COMPONENT_IDS = {
   breadcrumbsIds: {
     buttonId: 'breadcrumbs.item'
   },
+  creditCardIds: {
+    cardFieldId: "".concat(CREDIT_CARD, ".cardField"),
+    cvcFieldId: "".concat(CREDIT_CARD, ".cvcField"),
+    expiresId: "".concat(CREDIT_CARD, ".expires"),
+    nameFieldId: "".concat(CREDIT_CARD, ".nameField")
+  },
   dialogIds: {
     acceptButtontId: "".concat(DIALOG, ".acceptButton"),
     cancelButtonId: "".concat(DIALOG, ".cancelButton"),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@widergy/energy-ui",
-  "version": "3.60.2",
+  "version": "3.61.0",
   "description": "Widergy Web Components",
   "author": "widergy",
   "license": "MIT",