@networkinternational/ni-card-management-sdk 1.0.2

package/lib/commonjs/NICardManagementComponents/SetPinView.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SetPinView = SetPinView;
+Object.defineProperty(exports, "useSetPin", {
+  enumerable: true,
+  get: function () {
+    return _useSetPin.useSetPin;
+  }
+});
+var _react = _interopRequireDefault(require("react"));
+var _NiInputInterfaces = require("../interfaces/NiInputInterfaces");
+var _useSetPin = require("../hooks/useSetPin");
+var _SetPin = _interopRequireDefault(require("../components/SetPin/SetPin"));
+var _PinState = _interopRequireDefault(require("../components/PinState/PinState"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function SetPinView({
+  input,
+  type,
+  callback
+}) {
+  const theme = input?.displayAttributes?.theme || _NiInputInterfaces.NIThemeEnum.light;
+  const _pinType = type || _NiInputInterfaces.NIPinTypeEnum.dynamicFourToSix;
+  const pinType = [0, 4, 5, 6].includes(type || _NiInputInterfaces.NIPinTypeEnum.dynamicFourToSix) ? _pinType : _NiInputInterfaces.NIPinTypeEnum.dynamicFourToSix;
+  const {
+    result: setPinResult,
+    isLoading: isSetPinLoading,
+    onSetPin
+  } = (0, _useSetPin.useSetPin)();
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_SetPin.default, {
+    input: input,
+    pinType: pinType || _NiInputInterfaces.NIPinTypeEnum.dynamicFourToSix,
+    result: setPinResult,
+    isLoading: isSetPinLoading,
+    onSetPin: onSetPin,
+    callback: callback
+  }), /*#__PURE__*/_react.default.createElement(_PinState.default, {
+    isLoading: isSetPinLoading,
+    theme: theme
+  }));
+}
+//# sourceMappingURL=SetPinView.js.map

package/lib/commonjs/NICardManagementComponents/SetPinView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_NiInputInterfaces","_useSetPin","_SetPin","_PinState","obj","__esModule","default","SetPinView","input","type","callback","theme","displayAttributes","NIThemeEnum","light","_pinType","NIPinTypeEnum","dynamicFourToSix","pinType","includes","result","setPinResult","isLoading","isSetPinLoading","onSetPin","useSetPin","createElement","Fragment"],"sourceRoot":"../../../src","sources":["NICardManagementComponents/SetPinView.tsx"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,kBAAA,GAAAD,OAAA;AAEA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,SAAA,GAAAL,sBAAA,CAAAC,OAAA;AAAuD,SAAAD,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEvD,SAASG,UAAUA,CAAC;EAAEC,KAAK;EAAEC,IAAI;EAAEC;AAAuB,CAAC,EAAe;EACxE,MAAMC,KAAK,GAAGH,KAAK,EAAEI,iBAAiB,EAAED,KAAK,IAAIE,8BAAW,CAACC,KAAK;EAElE,MAAMC,QAAQ,GAAGN,IAAI,IAAIO,gCAAa,CAACC,gBAAgB;EACvD,MAAMC,OAAO,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAACC,QAAQ,CAACV,IAAI,IAAIO,gCAAa,CAACC,gBAAgB,CAAC,GACzEF,QAAQ,GACRC,gCAAa,CAACC,gBAAgB;EAElC,MAAM;IACJG,MAAM,EAAEC,YAAY;IACpBC,SAAS,EAAEC,eAAe;IAC1BC;EACF,CAAC,GAAG,IAAAC,oBAAS,EAAC,CAAC;EAEf,oBACE5B,MAAA,CAAAS,OAAA,CAAAoB,aAAA,CAAA7B,MAAA,CAAAS,OAAA,CAAAqB,QAAA,qBACE9B,MAAA,CAAAS,OAAA,CAAAoB,aAAA,CAACxB,OAAA,CAAAI,OAAM;IACLE,KAAK,EAAEA,KAAM;IACbU,OAAO,EAAEA,OAAO,IAAIF,gCAAa,CAACC,gBAAiB;IACnDG,MAAM,EAAEC,YAAa;IACrBC,SAAS,EAAEC,eAAgB;IAC3BC,QAAQ,EAAEA,QAAS;IACnBd,QAAQ,EAAEA;EAAS,CACpB,CAAC,eACFb,MAAA,CAAAS,OAAA,CAAAoB,aAAA,CAACvB,SAAA,CAAAG,OAAQ;IAACgB,SAAS,EAAEC,eAAgB;IAACZ,KAAK,EAAEA;EAAM,CAAE,CACrD,CAAC;AAEP"}

package/lib/commonjs/NICardManagementComponents/VerifyPinView.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.VerifyPinView = VerifyPinView;
+Object.defineProperty(exports, "useVerifyPin", {
+  enumerable: true,
+  get: function () {
+    return _useVerifyPin.useVerifyPin;
+  }
+});
+var _react = _interopRequireDefault(require("react"));
+var _NiInputInterfaces = require("../interfaces/NiInputInterfaces");
+var _useVerifyPin = require("../hooks/useVerifyPin");
+var _VerifyPin = _interopRequireDefault(require("../components/VerifyPin/VerifyPin"));
+var _PinState = _interopRequireDefault(require("../components/PinState/PinState"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function VerifyPinView({
+  input,
+  type,
+  callback
+}) {
+  const theme = input?.displayAttributes?.theme || _NiInputInterfaces.NIThemeEnum.light;
+  const _pinType = type || _NiInputInterfaces.NIPinTypeEnum.dynamicFourToSix;
+  const pinType = [0, 4, 5, 6].includes(type || _NiInputInterfaces.NIPinTypeEnum.dynamicFourToSix) ? _pinType : _NiInputInterfaces.NIPinTypeEnum.dynamicFourToSix;
+  const {
+    result: verifyPinResult,
+    isLoading: isVerifyPinLoading,
+    onVerifyPin
+  } = (0, _useVerifyPin.useVerifyPin)();
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_VerifyPin.default, {
+    input: input,
+    pinType: pinType,
+    result: verifyPinResult,
+    isLoading: isVerifyPinLoading,
+    onVerifyPin: onVerifyPin,
+    callback: callback
+  }), /*#__PURE__*/_react.default.createElement(_PinState.default, {
+    isLoading: isVerifyPinLoading,
+    theme: theme
+  }));
+}
+//# sourceMappingURL=VerifyPinView.js.map

package/lib/commonjs/NICardManagementComponents/VerifyPinView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_NiInputInterfaces","_useVerifyPin","_VerifyPin","_PinState","obj","__esModule","default","VerifyPinView","input","type","callback","theme","displayAttributes","NIThemeEnum","light","_pinType","NIPinTypeEnum","dynamicFourToSix","pinType","includes","result","verifyPinResult","isLoading","isVerifyPinLoading","onVerifyPin","useVerifyPin","createElement","Fragment"],"sourceRoot":"../../../src","sources":["NICardManagementComponents/VerifyPinView.tsx"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,kBAAA,GAAAD,OAAA;AAEA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,SAAA,GAAAL,sBAAA,CAAAC,OAAA;AAAuD,SAAAD,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEvD,SAASG,aAAaA,CAAC;EACrBC,KAAK;EACLC,IAAI;EACJC;AACe,CAAC,EAAe;EAC/B,MAAMC,KAAK,GAAGH,KAAK,EAAEI,iBAAiB,EAAED,KAAK,IAAIE,8BAAW,CAACC,KAAK;EAElE,MAAMC,QAAQ,GAAGN,IAAI,IAAIO,gCAAa,CAACC,gBAAgB;EACvD,MAAMC,OAAO,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAACC,QAAQ,CAACV,IAAI,IAAIO,gCAAa,CAACC,gBAAgB,CAAC,GACzEF,QAAQ,GACRC,gCAAa,CAACC,gBAAgB;EAElC,MAAM;IACJG,MAAM,EAAEC,eAAe;IACvBC,SAAS,EAAEC,kBAAkB;IAC7BC;EACF,CAAC,GAAG,IAAAC,0BAAY,EAAC,CAAC;EAElB,oBACE5B,MAAA,CAAAS,OAAA,CAAAoB,aAAA,CAAA7B,MAAA,CAAAS,OAAA,CAAAqB,QAAA,qBACE9B,MAAA,CAAAS,OAAA,CAAAoB,aAAA,CAACxB,UAAA,CAAAI,OAAS;IACRE,KAAK,EAAEA,KAAM;IACbU,OAAO,EAAEA,OAAQ;IACjBE,MAAM,EAAEC,eAAgB;IACxBC,SAAS,EAAEC,kBAAmB;IAC9BC,WAAW,EAAEA,WAAY;IACzBd,QAAQ,EAAEA;EAAS,CACpB,CAAC,eACFb,MAAA,CAAAS,OAAA,CAAAoB,aAAA,CAACvB,SAAA,CAAAG,OAAQ;IAACgB,SAAS,EAAEC,kBAAmB;IAACZ,KAAK,EAAEA;EAAM,CAAE,CACxD,CAAC;AAEP"}

package/lib/commonjs/NICardManagementComponents/ViewPinComponent.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ViewPinComponent = ViewPinComponent;
+Object.defineProperty(exports, "useViewPin", {
+  enumerable: true,
+  get: function () {
+    return _useViewPin.useViewPin;
+  }
+});
+var _react = _interopRequireWildcard(require("react"));
+var _NiInputInterfaces = require("../interfaces/NiInputInterfaces");
+var _useViewPin = require("../hooks/useViewPin");
+var _PinState = _interopRequireDefault(require("../components/PinState/PinState"));
+var _ViewPin = _interopRequireDefault(require("../components/ViewPin/ViewPin"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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 && Object.prototype.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 ViewPinComponent({
+  input,
+  type: pinType,
+  callback
+}) {
+  const theme = input?.displayAttributes?.theme || _NiInputInterfaces.NIThemeEnum.light;
+  const countdownTime = input?.timer;
+  const {
+    result: viewPinResult,
+    error: viewPinError,
+    isLoading: isViewPinLoading,
+    onViewPin
+  } = (0, _useViewPin.useViewPin)();
+  (!!viewPinResult || !!viewPinError) && console.log('ViewPinView', {
+    viewPinResult,
+    viewPinError,
+    isViewPinLoading
+  });
+  (0, _react.useEffect)(() => {
+    input && onViewPin(input, callback);
+  }, []);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ViewPin.default, {
+    input: input,
+    pinType: pinType || _NiInputInterfaces.NIPinTypeEnum.dynamicFourToSix,
+    result: viewPinResult || '',
+    countdownTime: countdownTime || 0
+  }), /*#__PURE__*/_react.default.createElement(_PinState.default, {
+    isLoading: isViewPinLoading,
+    theme: theme
+  }));
+}
+//# sourceMappingURL=ViewPinComponent.js.map

package/lib/commonjs/NICardManagementComponents/ViewPinComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_NiInputInterfaces","_useViewPin","_PinState","_interopRequireDefault","_ViewPin","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","ViewPinComponent","input","type","pinType","callback","theme","displayAttributes","NIThemeEnum","light","countdownTime","timer","result","viewPinResult","error","viewPinError","isLoading","isViewPinLoading","onViewPin","useViewPin","console","log","useEffect","createElement","Fragment","NIPinTypeEnum","dynamicFourToSix"],"sourceRoot":"../../../src","sources":["NICardManagementComponents/ViewPinComponent.tsx"],"mappings":"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"}

package/lib/commonjs/components/CardDetails/CardDetails.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CardDetails = CardDetails;
+var _react = _interopRequireDefault(require("react"));
+var _CardDetailsBackgroundImage = require("./CardDetailsBackgroundImage");
+var _styles = _interopRequireDefault(require("./styles"));
+var _reactNative = require("react-native");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function CardDetails({
+  displayAttributes,
+  getCardDetailsResult,
+  isError
+}) {
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: _styles.default.cardDetailsContainer
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: _styles.default.cardDetailsRow
+  }, /*#__PURE__*/_react.default.createElement(_CardDetailsBackgroundImage.CardDetailsBackgroundImage, {
+    displayAttributes: displayAttributes,
+    getCardDetailsResult: getCardDetailsResult,
+    isError: isError
+  })));
+}
+//# sourceMappingURL=CardDetails.js.map

package/lib/commonjs/components/CardDetails/CardDetails.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_CardDetailsBackgroundImage","_styles","_reactNative","obj","__esModule","default","CardDetails","displayAttributes","getCardDetailsResult","isError","createElement","View","style","styles","cardDetailsContainer","cardDetailsRow","CardDetailsBackgroundImage"],"sourceRoot":"../../../../src","sources":["components/CardDetails/CardDetails.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGA,IAAAC,2BAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AAAoC,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAE7B,SAASG,WAAWA,CAAC;EAC1BC,iBAAiB;EACjBC,oBAAoB;EACpBC;AACa,CAAC,EAAe;EAC7B,oBACEZ,MAAA,CAAAQ,OAAA,CAAAK,aAAA,CAACR,YAAA,CAAAS,IAAI;IAACC,KAAK,EAAEC,eAAM,CAACC;EAAqB,gBACvCjB,MAAA,CAAAQ,OAAA,CAAAK,aAAA,CAACR,YAAA,CAAAS,IAAI;IAACC,KAAK,EAAEC,eAAM,CAACE;EAAe,gBACjClB,MAAA,CAAAQ,OAAA,CAAAK,aAAA,CAACV,2BAAA,CAAAgB,0BAA0B;IACzBT,iBAAiB,EAAEA,iBAAkB;IACrCC,oBAAoB,EAAEA,oBAAqB;IAC3CC,OAAO,EAAEA;EAAQ,CAClB,CACG,CACF,CAAC;AAEX"}

package/lib/commonjs/components/CardDetails/CardDetailsBackgroundImage.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CardDetailsBackgroundImage = CardDetailsBackgroundImage;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _CardDetailsGroups = require("./CardDetailsGroups");
+var _styles = require("./styles");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function CardDetailsBackgroundImage({
+  displayAttributes,
+  getCardDetailsResult,
+  isError
+}) {
+  const backgroundImageDefault = require('../../assets/images/grayCard.png');
+  const backgroundImage = displayAttributes?.cardAttributes?.backgroundImage || backgroundImageDefault;
+  return /*#__PURE__*/_react.default.createElement(_reactNative.ImageBackground, {
+    source: backgroundImage,
+    style: _styles.styles.containerCardDetails,
+    imageStyle: _styles.styles.backgroundImageStyle
+  }, /*#__PURE__*/_react.default.createElement(_CardDetailsGroups.CardDetailsGroups, {
+    displayAttributes: displayAttributes,
+    getCardDetailsResult: getCardDetailsResult,
+    isError: isError
+  }));
+}
+//# sourceMappingURL=CardDetailsBackgroundImage.js.map

package/lib/commonjs/components/CardDetails/CardDetailsBackgroundImage.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_CardDetailsGroups","_styles","obj","__esModule","default","CardDetailsBackgroundImage","displayAttributes","getCardDetailsResult","isError","backgroundImageDefault","backgroundImage","cardAttributes","createElement","ImageBackground","source","style","styles","containerCardDetails","imageStyle","backgroundImageStyle","CardDetailsGroups"],"sourceRoot":"../../../../src","sources":["components/CardDetails/CardDetailsBackgroundImage.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAGA,IAAAE,kBAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAAkC,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAE3B,SAASG,0BAA0BA,CAAC;EACzCC,iBAAiB;EACjBC,oBAAoB;EACpBC;AACkB,CAAC,EAAe;EAClC,MAAMC,sBAAsB,GAC1BX,OAAO,CAAC,kCAAkC,CAAmB;EAE/D,MAAMY,eAAe,GACnBJ,iBAAiB,EAAEK,cAAc,EAAED,eAAe,IAClDD,sBAAsB;EAExB,oBACEb,MAAA,CAAAQ,OAAA,CAAAQ,aAAA,CAACb,YAAA,CAAAc,eAAe;IACdC,MAAM,EAAEJ,eAAgB;IACxBK,KAAK,EAAEC,cAAM,CAACC,oBAAqB;IACnCC,UAAU,EAAEF,cAAM,CAACG;EAAqB,gBAExCvB,MAAA,CAAAQ,OAAA,CAAAQ,aAAA,CAACZ,kBAAA,CAAAoB,iBAAiB;IAChBd,iBAAiB,EAAEA,iBAAkB;IACrCC,oBAAoB,EAAEA,oBAAqB;IAC3CC,OAAO,EAAEA;EAAQ,CAClB,CACc,CAAC;AAEtB"}

package/lib/commonjs/components/CardDetails/CardDetailsGroups.js

@@ -0,0 +1,94 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CardDetailsGroups = CardDetailsGroups;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _NiInputInterfaces = require("../../interfaces/NiInputInterfaces");
+var _CardNumberGroup = require("./CardNumberGroup");
+var _DateCVVGroupOneRow = require("./DateCVVGroupOneRow");
+var _CardHolderNameGroups = require("./CardHolderNameGroups");
+var _styles = require("./styles");
+var _configCard = require("../../config/configCard");
+var _NIButton = require("../NIButton/NIButton");
+var _themeColors = require("../../config/themeColors");
+var _localization = _interopRequireDefault(require("../../utils/localization"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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 && Object.prototype.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 CardDetailsGroups({
+  displayAttributes,
+  getCardDetailsResult,
+  isError
+}) {
+  const language = displayAttributes?.language || _NiInputInterfaces.NILanguageEnum.english;
+  const theme = displayAttributes?.theme || _NiInputInterfaces.NIThemeEnum.light;
+  const shouldHide = displayAttributes?.cardAttributes?.shouldHide || false;
+  const [cardDetailsVisible, setCardDetailsVisible] = (0, _react.useState)(shouldHide);
+  const [isVisibleCopiedButton, setIsVisibleCopiedButton] = (0, _react.useState)(false);
+  const [timeoutId, setTimeoutId] = (0, _react.useState)();
+  const {
+    width
+  } = (0, _reactNative.useWindowDimensions)();
+  const leftAlignment = displayAttributes?.cardAttributes?.textPositioning?.leftAlignment || 0.09;
+  const groupsLeftAlignment = Math.round(leftAlignment * width * _configCard.WIDTH_CARD / 100);
+  const containerGroupsLeftAlignmentStyle = {
+    marginLeft: groupsLeftAlignment
+  };
+  const textColor = theme === _NiInputInterfaces.NIThemeEnum.light ? _themeColors.themeColors.light.buttonCopiedTextColor : _themeColors.themeColors.dark.buttonCopiedTextColor;
+  const setTimeOut = () => {
+    clearTimeout(timeoutId);
+    setTimeoutId(setTimeout(() => {
+      setIsVisibleCopiedButton(false);
+      setTimeoutId(undefined);
+    }, 4000));
+  };
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, getCardDetailsResult && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [_styles.styles.containerGroupsLeftAlignment, containerGroupsLeftAlignmentStyle, _reactNative.I18nManager.isRTL ? {
+      flexDirection: 'row-reverse'
+    } : {}]
+  }, /*#__PURE__*/_react.default.createElement(_CardNumberGroup.CardDetailsCardNumberGroup, {
+    clearPan: getCardDetailsResult.clearPan,
+    maskedPan: getCardDetailsResult.maskedPan,
+    pinContentIndex: _NiInputInterfaces.NILabels.cardNumberValueLabel,
+    cardDetailsVisible: cardDetailsVisible,
+    setIsVisibleCopiedButton: setIsVisibleCopiedButton,
+    displayAttributes: displayAttributes,
+    setTimeOut: setTimeOut
+  }), /*#__PURE__*/_react.default.createElement(_DateCVVGroupOneRow.CardDetailsDateCVVGroupOneRow, {
+    expiry: getCardDetailsResult.expiry,
+    clearCVV2: getCardDetailsResult.clearCVV2,
+    pinLabelIndex: _NiInputInterfaces.NILabels.expiryDateLabel,
+    pinContentIndex: _NiInputInterfaces.NILabels.expiryDateValueLabel,
+    pinLabel1Index: _NiInputInterfaces.NILabels.cvvLabel,
+    pinContent1Index: _NiInputInterfaces.NILabels.cvvValueLabel,
+    cardDetailsVisible: {
+      cardDetailsVisible,
+      setCardDetailsVisible
+    },
+    shouldHide: shouldHide,
+    displayAttributes: displayAttributes,
+    isError: isError
+  }), /*#__PURE__*/_react.default.createElement(_CardHolderNameGroups.CardDetailsCardHolderNameGroups, {
+    cardholderName: getCardDetailsResult.cardholderName,
+    pinContentIndex: _NiInputInterfaces.NILabels.cardholderNameLabel,
+    cardDetailsVisible: cardDetailsVisible,
+    setIsVisibleCopiedButton: setIsVisibleCopiedButton,
+    setTimeOut: setTimeOut,
+    displayAttributes: displayAttributes
+  }), isVisibleCopiedButton && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [_styles.styles.copyButton, _reactNative.I18nManager.isRTL ? {
+      marginRight: '15%'
+    } : {}]
+  }, /*#__PURE__*/_react.default.createElement(_NIButton.NIButton, {
+    title: (0, _localization.default)(language).copiedToClipboard,
+    mode: "text",
+    textColor: textColor,
+    colors: ['#bbb', '#bbb', '#bbb'],
+    disabled: false,
+    opacity: 0.8
+  }))));
+}
+//# sourceMappingURL=CardDetailsGroups.js.map

package/lib/commonjs/components/CardDetails/CardDetailsGroups.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_NiInputInterfaces","_CardNumberGroup","_DateCVVGroupOneRow","_CardHolderNameGroups","_styles","_configCard","_NIButton","_themeColors","_localization","_interopRequireDefault","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","CardDetailsGroups","displayAttributes","getCardDetailsResult","isError","language","NILanguageEnum","english","theme","NIThemeEnum","light","shouldHide","cardAttributes","cardDetailsVisible","setCardDetailsVisible","useState","isVisibleCopiedButton","setIsVisibleCopiedButton","timeoutId","setTimeoutId","width","useWindowDimensions","leftAlignment","textPositioning","groupsLeftAlignment","Math","round","WIDTH_CARD","containerGroupsLeftAlignmentStyle","marginLeft","textColor","themeColors","buttonCopiedTextColor","dark","setTimeOut","clearTimeout","setTimeout","undefined","createElement","Fragment","View","style","styles","containerGroupsLeftAlignment","I18nManager","isRTL","flexDirection","CardDetailsCardNumberGroup","clearPan","maskedPan","pinContentIndex","NILabels","cardNumberValueLabel","CardDetailsDateCVVGroupOneRow","expiry","clearCVV2","pinLabelIndex","expiryDateLabel","expiryDateValueLabel","pinLabel1Index","cvvLabel","pinContent1Index","cvvValueLabel","CardDetailsCardHolderNameGroups","cardholderName","cardholderNameLabel","copyButton","marginRight","NIButton","title","localLabels","copiedToClipboard","mode","colors","disabled","opacity"],"sourceRoot":"../../../../src","sources":["components/CardDetails/CardDetailsGroups.tsx"],"mappings":"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"}

package/lib/commonjs/components/CardDetails/CardHolderNameGroups.js

@@ -0,0 +1,67 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CardDetailsCardHolderNameGroups = CardDetailsCardHolderNameGroups;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _clipboard = require("@react-native-community/clipboard");
+var _NiInputInterfaces = require("../../interfaces/NiInputInterfaces");
+var _styles = require("./styles");
+var _configCard = require("../../config/configCard");
+var _themeColors = require("../../config/themeColors");
+var _PredeterminedIcon = require("../icons/PredeterminedIcon");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function CardDetailsCardHolderNameGroups({
+  cardholderName,
+  pinContentIndex,
+  cardDetailsVisible,
+  setIsVisibleCopiedButton,
+  displayAttributes,
+  setTimeOut
+}) {
+  const [data, setString] = (0, _clipboard.useClipboard)();
+  const maskedCardholderName = cardholderName.replace(/\b\w*/g, function (s) {
+    return s.replace(/(?<!^)./g, '*');
+  });
+  const cardholderNameRendered = cardDetailsVisible ? maskedCardholderName : cardholderName;
+  const holderNameContentGroupTopAlignment = Math.round((displayAttributes?.cardAttributes?.textPositioning?.cardHolderNameGroupTopAlignment || 0.8) * _configCard.HEIGHT_CARD);
+  const containerHolderNameContentGroupTopAlignmentStyle = {
+    position: 'absolute',
+    top: holderNameContentGroupTopAlignment
+  };
+  const theme = displayAttributes?.theme || _NiInputInterfaces.NIThemeEnum.light;
+  const textFonts = displayAttributes?.fonts?.filter(item => item.label === pinContentIndex);
+  let textFont = textFonts && textFonts.length && textFonts[0]?.font;
+  textFont = textFont || {
+    name: 'Helvetica',
+    size: 17
+  };
+  const contentStyleText = {
+    color: theme === _NiInputInterfaces.NIThemeEnum.light ? _themeColors.themeColors.light.colorCard : _themeColors.themeColors.dark.colorCard,
+    fontSize: textFont.size,
+    fontFamily: textFont.name
+  };
+  async function handleOnPress() {
+    await setString(cardholderName);
+    setIsVisibleCopiedButton(true);
+    setTimeOut();
+  }
+  !!data && console.log('clipboard', data);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [_styles.styles.containerHolderNameContentGroupTopAlignment, containerHolderNameContentGroupTopAlignmentStyle]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [_styles.styles.copyRow, _reactNative.I18nManager.isRTL ? {
+      flexDirection: 'row-reverse'
+    } : {}]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: [_styles.styles.textContent, contentStyleText]
+  }, cardholderNameRendered), !cardDetailsVisible && /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+    onPress: handleOnPress
+  }, /*#__PURE__*/_react.default.createElement(_PredeterminedIcon.PredeterminedIcon, {
+    name: "content-copy",
+    size: 13
+  })))));
+}
+//# sourceMappingURL=CardHolderNameGroups.js.map

package/lib/commonjs/components/CardDetails/CardHolderNameGroups.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_clipboard","_NiInputInterfaces","_styles","_configCard","_themeColors","_PredeterminedIcon","obj","__esModule","default","CardDetailsCardHolderNameGroups","cardholderName","pinContentIndex","cardDetailsVisible","setIsVisibleCopiedButton","displayAttributes","setTimeOut","data","setString","useClipboard","maskedCardholderName","replace","s","cardholderNameRendered","holderNameContentGroupTopAlignment","Math","round","cardAttributes","textPositioning","cardHolderNameGroupTopAlignment","HEIGHT_CARD","containerHolderNameContentGroupTopAlignmentStyle","position","top","theme","NIThemeEnum","light","textFonts","fonts","filter","item","label","textFont","length","font","name","size","contentStyleText","color","themeColors","colorCard","dark","fontSize","fontFamily","handleOnPress","console","log","createElement","Fragment","View","style","styles","containerHolderNameContentGroupTopAlignment","copyRow","I18nManager","isRTL","flexDirection","Text","textContent","TouchableOpacity","onPress","PredeterminedIcon"],"sourceRoot":"../../../../src","sources":["components/CardDetails/CardHolderNameGroups.tsx"],"mappings":"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"}

package/lib/commonjs/components/CardDetails/CardNumberGroup.js

@@ -0,0 +1,69 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CardDetailsCardNumberGroup = CardDetailsCardNumberGroup;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _clipboard = require("@react-native-community/clipboard");
+var _NiInputInterfaces = require("../../interfaces/NiInputInterfaces");
+var _styles = require("./styles");
+var _configCard = require("../../config/configCard");
+var _themeColors = require("../../config/themeColors");
+var _PredeterminedIcon = require("../icons/PredeterminedIcon");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function CardDetailsCardNumberGroup({
+  clearPan,
+  maskedPan,
+  pinContentIndex,
+  cardDetailsVisible,
+  setIsVisibleCopiedButton,
+  displayAttributes,
+  setTimeOut
+}) {
+  const [data, setString] = (0, _clipboard.useClipboard)();
+  const clearPanRendered = clearPan.replace(/.{4}/g, '$& ');
+  const maskedPanRendered = maskedPan.replace(/[a-zA-Z0-9]+(?=....)/g, function (s) {
+    return '*'.repeat(s.length);
+  }).replace(/.{4}/g, '$& ');
+  const cardNumber = cardDetailsVisible ? maskedPanRendered : clearPanRendered;
+  const cardNumberGroupTopAlignment = Math.round((displayAttributes?.cardAttributes?.textPositioning?.cardNumberGroupTopAlignment || 0.4) * _configCard.HEIGHT_CARD);
+  const containerCardNumberContentGroupTopAlignmentStyle = {
+    position: 'absolute',
+    top: cardNumberGroupTopAlignment
+  };
+  const theme = displayAttributes?.theme || _NiInputInterfaces.NIThemeEnum.light;
+  const textFonts = displayAttributes?.fonts?.filter(item => item.label === pinContentIndex);
+  let textFont = textFonts && textFonts.length && textFonts[0]?.font;
+  textFont = textFont || {
+    name: 'Helvetica',
+    size: 17
+  };
+  const contentStyleText = {
+    color: theme === _NiInputInterfaces.NIThemeEnum.light ? _themeColors.themeColors.light.colorCard : _themeColors.themeColors.dark.colorCard,
+    fontSize: textFont.size,
+    fontFamily: textFont.name
+  };
+  async function handleOnPress() {
+    await setString(clearPan);
+    setIsVisibleCopiedButton(true);
+    setTimeOut();
+  }
+  !!data && console.log('clipboard', data);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [_styles.styles.containerCardNumberContentGroupTopAlignment, containerCardNumberContentGroupTopAlignmentStyle]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [_styles.styles.copyRow, _reactNative.I18nManager.isRTL ? {
+      flexDirection: 'row-reverse'
+    } : {}]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: [_styles.styles.textContent, contentStyleText]
+  }, cardNumber), !cardDetailsVisible && /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+    onPress: handleOnPress
+  }, /*#__PURE__*/_react.default.createElement(_PredeterminedIcon.PredeterminedIcon, {
+    name: "content-copy",
+    size: 13
+  })))));
+}
+//# sourceMappingURL=CardNumberGroup.js.map

package/lib/commonjs/components/CardDetails/CardNumberGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_clipboard","_NiInputInterfaces","_styles","_configCard","_themeColors","_PredeterminedIcon","obj","__esModule","default","CardDetailsCardNumberGroup","clearPan","maskedPan","pinContentIndex","cardDetailsVisible","setIsVisibleCopiedButton","displayAttributes","setTimeOut","data","setString","useClipboard","clearPanRendered","replace","maskedPanRendered","s","repeat","length","cardNumber","cardNumberGroupTopAlignment","Math","round","cardAttributes","textPositioning","HEIGHT_CARD","containerCardNumberContentGroupTopAlignmentStyle","position","top","theme","NIThemeEnum","light","textFonts","fonts","filter","item","label","textFont","font","name","size","contentStyleText","color","themeColors","colorCard","dark","fontSize","fontFamily","handleOnPress","console","log","createElement","Fragment","View","style","styles","containerCardNumberContentGroupTopAlignment","copyRow","I18nManager","isRTL","flexDirection","Text","textContent","TouchableOpacity","onPress","PredeterminedIcon"],"sourceRoot":"../../../../src","sources":["components/CardDetails/CardNumberGroup.tsx"],"mappings":"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"}

package/lib/commonjs/components/CardDetails/DateCVVGroupOneRow.js

@@ -0,0 +1,104 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CardDetailsDateCVVGroupOneRow = CardDetailsDateCVVGroupOneRow;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _NiInputInterfaces = require("../../interfaces/NiInputInterfaces");
+var _styles = require("./styles");
+var _localization = _interopRequireDefault(require("../../utils/localization"));
+var _configCard = require("../../config/configCard");
+var _themeColors = require("../../config/themeColors");
+var _PredeterminedIcon = require("../icons/PredeterminedIcon");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function CardDetailsDateCVVGroupOneRow({
+  expiry,
+  clearCVV2,
+  pinLabelIndex,
+  pinContentIndex,
+  pinLabel1Index,
+  pinContent1Index,
+  cardDetailsVisible: {
+    cardDetailsVisible,
+    setCardDetailsVisible
+  },
+  shouldHide,
+  displayAttributes,
+  isError
+}) {
+  const expiryRendered = isError ? expiry : !cardDetailsVisible ? expiry.replace(/(\d{2})/, '$&/') : '**/**';
+  const clearCVV2Rendered = cardDetailsVisible ? clearCVV2.replace(/[0-9]/g, '*') : clearCVV2;
+  const language = displayAttributes?.language || _NiInputInterfaces.NILanguageEnum.english;
+  const dateCVVContentGroupTopAlignment = Math.round((displayAttributes?.cardAttributes?.textPositioning?.dateCvvGroupTopAlignment || 0.6) * _configCard.HEIGHT_CARD);
+  const containerDateCVVContentGroupTopAlignmentStyle = {
+    position: 'absolute',
+    top: dateCVVContentGroupTopAlignment,
+    gap: 10
+  };
+  const theme = displayAttributes?.theme || _NiInputInterfaces.NIThemeEnum.light;
+  const labelFonts = displayAttributes?.fonts?.filter(item => item.label === pinLabelIndex);
+  let labelFont = labelFonts && labelFonts.length && labelFonts[0]?.font;
+  labelFont = labelFont || {
+    name: 'Helvetica',
+    size: 17
+  };
+  const labelStyleText = {
+    color: theme === _NiInputInterfaces.NIThemeEnum.light ? _themeColors.themeColors.light.colorCard : _themeColors.themeColors.dark.colorCard,
+    fontSize: labelFont.size,
+    fontFamily: labelFont.name
+  };
+  const labelFonts1 = displayAttributes?.fonts?.filter(item => item.label === pinLabel1Index);
+  let labelFont1 = labelFonts1 && labelFonts1.length && labelFonts1[0]?.font;
+  labelFont1 = labelFont1 || {
+    name: 'Helvetica',
+    size: 17
+  };
+  const labelStyleText1 = {
+    color: theme === _NiInputInterfaces.NIThemeEnum.light ? _themeColors.themeColors.light.colorCard : _themeColors.themeColors.dark.colorCard,
+    fontSize: labelFont1.size,
+    fontFamily: labelFont1.name
+  };
+  const textFonts = displayAttributes?.fonts?.filter(item => item.label === pinContentIndex);
+  let textFont = textFonts && textFonts.length && textFonts[0]?.font;
+  textFont = textFont || {
+    name: 'Helvetica',
+    size: 17
+  };
+  const contentStyleText = {
+    color: theme === _NiInputInterfaces.NIThemeEnum.light ? _themeColors.themeColors.light.colorCard : _themeColors.themeColors.dark.colorCard,
+    fontSize: textFont.size,
+    fontFamily: textFont.name
+  };
+  const textFonts1 = displayAttributes?.fonts?.filter(item => item.label === pinContent1Index);
+  let textFont1 = textFonts1 && textFonts1.length && textFonts1[0]?.font;
+  textFont1 = textFont1 || {
+    name: 'Helvetica',
+    size: 17
+  };
+  const contentStyleText1 = {
+    color: theme === _NiInputInterfaces.NIThemeEnum.light ? _themeColors.themeColors.light.colorCard : _themeColors.themeColors.dark.colorCard,
+    fontSize: textFont1.size,
+    fontFamily: textFont1.name
+  };
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [_styles.styles.containerDateCVVContentGroupTopAlignment, containerDateCVVContentGroupTopAlignmentStyle, _reactNative.I18nManager.isRTL ? {
+      flexDirection: 'row-reverse'
+    } : {}]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: [_styles.styles.textLabel, labelStyleText]
+  }, (0, _localization.default)(language).expiry), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: [_styles.styles.textContent, contentStyleText]
+  }, expiryRendered), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: [_styles.styles.textLabel, labelStyleText1]
+  }, (0, _localization.default)(language).CVV), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: [_styles.styles.textContent, contentStyleText1]
+  }, clearCVV2Rendered), !isError && shouldHide && /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+    onPress: () => setCardDetailsVisible(!cardDetailsVisible)
+  }, /*#__PURE__*/_react.default.createElement(_PredeterminedIcon.PredeterminedIcon, {
+    name: cardDetailsVisible ? 'eye' : 'eye-off',
+    size: 13
+  })));
+}
+//# sourceMappingURL=DateCVVGroupOneRow.js.map