@networkinternational/ni-card-management-sdk 2.0.0 → 2.1.0

package/lib/module/NICardManagementComponents/ViewPinComponent.js

@@ -3,12 +3,15 @@ import { NIPinTypeEnum, NIThemeEnum } from '../interfaces/NiInputInterfaces';
 import { useViewPin } from '../hooks/useViewPin';
 import PinState from '../components/PinState/PinState';
 import ViewPin from '../components/ViewPin/ViewPin';
+import { FeedbackPopup } from '../components/FeedbackPopup/FeedbackPopup';
+import localLabels from '../utils/localization';
 function ViewPinComponent({
   input,
   type: pinType,
   callback
 }) {
   const theme = input?.displayAttributes?.theme || NIThemeEnum.light;
+  const language = input?.displayAttributes?.language || 'english';
   const countdownTime = input?.timer;
   const {
     result: viewPinResult,
@@ -16,11 +19,6 @@ function ViewPinComponent({
     isLoading: isViewPinLoading,
     onViewPin
   } = useViewPin();
-  (!!viewPinResult || !!viewPinError) && console.log('ViewPinView', {
-    viewPinResult,
-    viewPinError,
-    isViewPinLoading
-  });
   useEffect(() => {
     if (input) {
       onViewPin(input, callback);
@@ -34,6 +32,13 @@ function ViewPinComponent({
   }), /*#__PURE__*/React.createElement(PinState, {
     isLoading: isViewPinLoading,
     theme: theme
+  }), /*#__PURE__*/React.createElement(FeedbackPopup, {
+    error: viewPinError,
+    isLoading: isViewPinLoading,
+    isSuccess: !!viewPinResult,
+    language: language,
+    successMessage: localLabels(language).viewPinSuccess,
+    theme: theme
   }));
 }
 export { ViewPinComponent, useViewPin };

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

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","NIPinTypeEnum","NIThemeEnum","useViewPin","PinState","ViewPin","ViewPinComponent","input","type","pinType","callback","theme","displayAttributes","light","countdownTime","timer","result","viewPinResult","error","viewPinError","isLoading","isViewPinLoading","onViewPin","console","log","createElement","Fragment","dynamicFourToSix"],"sourceRoot":"../../../src","sources":["NICardManagementComponents/ViewPinComponent.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AAExC,SAASC,aAAa,EAAEC,WAAW,QAAQ,iCAAiC;AAE5E,SAASC,UAAU,QAAQ,qBAAqB;AAChD,OAAOC,QAAQ,MAAM,iCAAiC;AACtD,OAAOC,OAAO,MAAM,+BAA+B;AAEnD,SAASC,gBAAgBA,CAAC;EACxBC,KAAK;EACLC,IAAI,EAAEC,OAAO;EACbC;AACkB,CAAC,EAAe;EAClC,MAAMC,KAAK,GAAGJ,KAAK,EAAEK,iBAAiB,EAAED,KAAK,IAAIT,WAAW,CAACW,KAAK;EAClE,MAAMC,aAAa,GAAGP,KAAK,EAAEQ,KAAK;EAElC,MAAM;IACJC,MAAM,EAAEC,aAAa;IACrBC,KAAK,EAAEC,YAAY;IACnBC,SAAS,EAAEC,gBAAgB;IAC3BC;EACF,CAAC,GAAGnB,UAAU,CAAC,CAAC;EAEhB,CAAC,CAAC,CAACc,aAAa,IAAI,CAAC,CAACE,YAAY,KAChCI,OAAO,CAACC,GAAG,CAAC,aAAa,EAAE;IACzBP,aAAa;IACbE,YAAY;IACZE;EACF,CAAC,CAAC;EAEJrB,SAAS,CAAC,MAAM;IACd,IAAIO,KAAK,EAAE;MACTe,SAAS,CAACf,KAAK,EAAEG,QAAQ,CAAC;IAC5B;EACF,CAAC,EAAE,CAACH,KAAK,EAAEG,QAAQ,EAAEY,SAAS,CAAC,CAAC;EAEhC,oBACEvB,KAAA,CAAA0B,aAAA,CAAA1B,KAAA,CAAA2B,QAAA,qBACE3B,KAAA,CAAA0B,aAAA,CAACpB,OAAO;IACNE,KAAK,EAAEA,KAAM;IACbE,OAAO,EAAEA,OAAO,IAAIR,aAAa,CAAC0B,gBAAiB;IACnDX,MAAM,EAAEC,aAAa,IAAI,EAAG;IAC5BH,aAAa,EAAEA,aAAa,IAAI;EAAE,CACnC,CAAC,eACFf,KAAA,CAAA0B,aAAA,CAACrB,QAAQ;IAACgB,SAAS,EAAEC,gBAAiB;IAACV,KAAK,EAAEA;EAAM,CAAE,CACtD,CAAC;AAEP;AAEA,SAASL,gBAAgB,EAAEH,UAAU"}
+{"version":3,"names":["React","useEffect","NIPinTypeEnum","NIThemeEnum","useViewPin","PinState","ViewPin","FeedbackPopup","localLabels","ViewPinComponent","input","type","pinType","callback","theme","displayAttributes","light","language","countdownTime","timer","result","viewPinResult","error","viewPinError","isLoading","isViewPinLoading","onViewPin","createElement","Fragment","dynamicFourToSix","isSuccess","successMessage","viewPinSuccess"],"sourceRoot":"../../../src","sources":["NICardManagementComponents/ViewPinComponent.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AAExC,SAASC,aAAa,EAAEC,WAAW,QAAQ,iCAAiC;AAE5E,SAASC,UAAU,QAAQ,qBAAqB;AAChD,OAAOC,QAAQ,MAAM,iCAAiC;AACtD,OAAOC,OAAO,MAAM,+BAA+B;AACnD,SAASC,aAAa,QAAQ,2CAA2C;AACzE,OAAOC,WAAW,MAAM,uBAAuB;AAE/C,SAASC,gBAAgBA,CAAC;EACxBC,KAAK;EACLC,IAAI,EAAEC,OAAO;EACbC;AACkB,CAAC,EAAe;EAClC,MAAMC,KAAK,GAAGJ,KAAK,EAAEK,iBAAiB,EAAED,KAAK,IAAIX,WAAW,CAACa,KAAK;EAClE,MAAMC,QAAQ,GAAGP,KAAK,EAAEK,iBAAiB,EAAEE,QAAQ,IAAI,SAAS;EAChE,MAAMC,aAAa,GAAGR,KAAK,EAAES,KAAK;EAElC,MAAM;IACJC,MAAM,EAAEC,aAAa;IACrBC,KAAK,EAAEC,YAAY;IACnBC,SAAS,EAAEC,gBAAgB;IAC3BC;EACF,CAAC,GAAGtB,UAAU,CAAC,CAAC;EAEhBH,SAAS,CAAC,MAAM;IACd,IAAIS,KAAK,EAAE;MACTgB,SAAS,CAAChB,KAAK,EAAEG,QAAQ,CAAC;IAC5B;EACF,CAAC,EAAE,CAACH,KAAK,EAAEG,QAAQ,EAAEa,SAAS,CAAC,CAAC;EAEhC,oBACE1B,KAAA,CAAA2B,aAAA,CAAA3B,KAAA,CAAA4B,QAAA,qBACE5B,KAAA,CAAA2B,aAAA,CAACrB,OAAO;IACNI,KAAK,EAAEA,KAAM;IACbE,OAAO,EAAEA,OAAO,IAAIV,aAAa,CAAC2B,gBAAiB;IACnDT,MAAM,EAAEC,aAAa,IAAI,EAAG;IAC5BH,aAAa,EAAEA,aAAa,IAAI;EAAE,CACnC,CAAC,eACFlB,KAAA,CAAA2B,aAAA,CAACtB,QAAQ;IAACmB,SAAS,EAAEC,gBAAiB;IAACX,KAAK,EAAEA;EAAM,CAAE,CAAC,eACvDd,KAAA,CAAA2B,aAAA,CAACpB,aAAa;IACZe,KAAK,EAAEC,YAAa;IACpBC,SAAS,EAAEC,gBAAiB;IAC5BK,SAAS,EAAE,CAAC,CAACT,aAAc;IAC3BJ,QAAQ,EAAEA,QAAS;IACnBc,cAAc,EAAEvB,WAAW,CAACS,QAAQ,CAAC,CAACe,cAAe;IACrDlB,KAAK,EAAEA;EAAM,CACd,CACD,CAAC;AAEP;AAEA,SAASL,gBAAgB,EAAEL,UAAU"}

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { View, Text, TouchableOpacity, I18nManager } from 'react-native';
-import { useClipboard } from '@react-native-clipboard/clipboard';
+import Clipboard from '@react-native-clipboard/clipboard';
 import { NIThemeEnum } from '../../interfaces/NiInputInterfaces';
 import { styles } from './styles';
 import { HEIGHT_CARD } from '../../config/configCard';
@@ -14,7 +14,6 @@ export function CardDetailsCardHolderNameGroups({
   displayAttributes,
   setTimeOut
 }) {
-  const [data, setString] = useClipboard();
   const maskedCardholderName = cardholderName.replace(/\b\w*/g, function (s) {
     return s.replace(/(?<!^)./g, '*');
   });
@@ -36,12 +35,12 @@ export function CardDetailsCardHolderNameGroups({
     fontSize: textFont.size,
     fontFamily: textFont.name
   };
-  async function handleOnPress() {
-    await setString(cardholderName);
+  function handleOnPress() {
+    // Write directly so iOS does not request permission to read the pasteboard.
+    Clipboard.setString(cardholderName);
     setIsVisibleCopiedButton(true);
     setTimeOut();
   }
-  !!data && console.log('clipboard', data);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
     style: [styles.containerHolderNameContentGroupTopAlignment, containerHolderNameContentGroupTopAlignmentStyle]
   }, /*#__PURE__*/React.createElement(View, {

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","Text","TouchableOpacity","I18nManager","useClipboard","NIThemeEnum","styles","HEIGHT_CARD","themeColors","PredeterminedIcon","CardDetailsCardHolderNameGroups","cardholderName","pinContentIndex","cardDetailsVisible","setIsVisibleCopiedButton","displayAttributes","setTimeOut","data","setString","maskedCardholderName","replace","s","cardholderNameRendered","holderNameContentGroupTopAlignment","Math","round","cardAttributes","textPositioning","cardHolderNameGroupTopAlignment","containerHolderNameContentGroupTopAlignmentStyle","position","top","theme","light","textFonts","fonts","filter","item","label","textFont","length","font","name","size","contentStyleText","color","colorCard","dark","fontSize","fontFamily","handleOnPress","console","log","createElement","Fragment","style","containerHolderNameContentGroupTopAlignment","copyRow","isRTL","flexDirection","textContent","onPress"],"sourceRoot":"../../../../src","sources":["components/CardDetails/CardHolderNameGroups.tsx"],"mappings":"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"}
+{"version":3,"names":["React","View","Text","TouchableOpacity","I18nManager","Clipboard","NIThemeEnum","styles","HEIGHT_CARD","themeColors","PredeterminedIcon","CardDetailsCardHolderNameGroups","cardholderName","pinContentIndex","cardDetailsVisible","setIsVisibleCopiedButton","displayAttributes","setTimeOut","maskedCardholderName","replace","s","cardholderNameRendered","holderNameContentGroupTopAlignment","Math","round","cardAttributes","textPositioning","cardHolderNameGroupTopAlignment","containerHolderNameContentGroupTopAlignmentStyle","position","top","theme","light","textFonts","fonts","filter","item","label","textFont","length","font","name","size","contentStyleText","color","colorCard","dark","fontSize","fontFamily","handleOnPress","setString","createElement","Fragment","style","containerHolderNameContentGroupTopAlignment","copyRow","isRTL","flexDirection","textContent","onPress"],"sourceRoot":"../../../../src","sources":["components/CardDetails/CardHolderNameGroups.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAEEC,IAAI,EACJC,IAAI,EACJC,gBAAgB,EAChBC,WAAW,QACN,cAAc;AACrB,OAAOC,SAAS,MAAM,mCAAmC;AAEzD,SAEEC,WAAW,QACN,oCAAoC;AAE3C,SAASC,MAAM,QAAQ,UAAU;AACjC,SAASC,WAAW,QAAQ,yBAAyB;AACrD,SAASC,WAAW,QAAQ,0BAA0B;AACtD,SAASC,iBAAiB,QAAQ,4BAA4B;AAE9D,OAAO,SAASC,+BAA+BA,CAAC;EAC9CC,cAAc;EACdC,eAAe;EACfC,kBAAkB;EAClBC,wBAAwB;EACxBC,iBAAiB;EACjBC;AACiC,CAAC,EAAe;EACjD,MAAMC,oBAAoB,GAAGN,cAAc,CAACO,OAAO,CACjD,QAAQ,EACR,UAAUC,CAAS,EAAE;IACnB,OAAOA,CAAC,CAACD,OAAO,CAAC,UAAU,EAAE,GAAG,CAAC;EACnC,CACF,CAAC;EACD,MAAME,sBAAsB,GAAGP,kBAAkB,GAC7CI,oBAAoB,GACpBN,cAAc;EAElB,MAAMU,kCAAkC,GAAGC,IAAI,CAACC,KAAK,CACnD,CAACR,iBAAiB,EAAES,cAAc,EAAEC,eAAe,EAC/CC,+BAA+B,IAAI,GAAG,IAAInB,WAChD,CAAC;EACD,MAAMoB,gDAA2D,GAAG;IAClEC,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAER;EACP,CAAC;EAED,MAAMS,KAAK,GAAGf,iBAAiB,EAAEe,KAAK,IAAIzB,WAAW,CAAC0B,KAAK;EAE3D,MAAMC,SAAS,GAAGjB,iBAAiB,EAAEkB,KAAK,EAAEC,MAAM,CAC/CC,IAAqB,IAAKA,IAAI,CAACC,KAAK,KAAKxB,eAC5C,CAAC;EAED,IAAIyB,QAAQ,GAAGL,SAAS,IAAIA,SAAS,CAACM,MAAM,IAAIN,SAAS,CAAC,CAAC,CAAC,EAAEO,IAAI;EAClEF,QAAQ,GAAGA,QAAQ,IAAI;IAAEG,IAAI,EAAE,WAAW;IAAEC,IAAI,EAAE;EAAG,CAAC;EAEtD,MAAMC,gBAA2B,GAAG;IAClCC,KAAK,EACHb,KAAK,KAAKzB,WAAW,CAAC0B,KAAK,GACvBvB,WAAW,CAACuB,KAAK,CAACa,SAAS,GAC3BpC,WAAW,CAACqC,IAAI,CAACD,SAAS;IAChCE,QAAQ,EAAET,QAAQ,CAACI,IAAI;IACvBM,UAAU,EAAEV,QAAQ,CAACG;EACvB,CAAC;EAED,SAASQ,aAAaA,CAAA,EAAS;IAC7B;IACA5C,SAAS,CAAC6C,SAAS,CAACtC,cAAc,CAAC;IACnCG,wBAAwB,CAAC,IAAI,CAAC;IAC9BE,UAAU,CAAC,CAAC;EACd;EAEA,oBACEjB,KAAA,CAAAmD,aAAA,CAAAnD,KAAA,CAAAoD,QAAA,qBACEpD,KAAA,CAAAmD,aAAA,CAAClD,IAAI;IACHoD,KAAK,EAAE,CACL9C,MAAM,CAAC+C,2CAA2C,EAClD1B,gDAAgD;EAChD,gBAEF5B,KAAA,CAAAmD,aAAA,CAAClD,IAAI;IACHoD,KAAK,EAAE,CACL9C,MAAM,CAACgD,OAAO,EACdnD,WAAW,CAACoD,KAAK,GAAG;MAAEC,aAAa,EAAE;IAAc,CAAC,GAAG,CAAC,CAAC;EACzD,gBAEFzD,KAAA,CAAAmD,aAAA,CAACjD,IAAI;IAACmD,KAAK,EAAE,CAAC9C,MAAM,CAACmD,WAAW,EAAEf,gBAAgB;EAAE,GACjDtB,sBACG,CAAC,EACN,CAACP,kBAAkB,iBAClBd,KAAA,CAAAmD,aAAA,CAAChD,gBAAgB;IAACwD,OAAO,EAAEV;EAAc,gBACvCjD,KAAA,CAAAmD,aAAA,CAACzC,iBAAiB;IAAC+B,IAAI,EAAC,cAAc;IAACC,IAAI,EAAE;EAAG,CAAE,CAClC,CAEhB,CACF,CACN,CAAC;AAEP"}

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { View, TouchableOpacity, Text, I18nManager } from 'react-native';
-import { useClipboard } from '@react-native-clipboard/clipboard';
+import Clipboard from '@react-native-clipboard/clipboard';
 import { NIThemeEnum } from '../../interfaces/NiInputInterfaces';
 import { styles } from './styles';
 import { HEIGHT_CARD } from '../../config/configCard';
@@ -15,7 +15,6 @@ export function CardDetailsCardNumberGroup({
   displayAttributes,
   setTimeOut
 }) {
-  const [data, setString] = useClipboard();
   const clearPanRendered = clearPan.replace(/.{4}/g, '$& ');
   const maskedPanRendered = maskedPan.replace(/[a-zA-Z0-9]+(?=....)/g, function (s) {
     return '*'.repeat(s.length);
@@ -38,12 +37,12 @@ export function CardDetailsCardNumberGroup({
     fontSize: textFont.size,
     fontFamily: textFont.name
   };
-  async function handleOnPress() {
-    await setString(clearPan);
+  function handleOnPress() {
+    // Write directly so iOS does not request permission to read the pasteboard.
+    Clipboard.setString(clearPan);
     setIsVisibleCopiedButton(true);
     setTimeOut();
   }
-  !!data && console.log('clipboard', data);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
     style: [styles.containerCardNumberContentGroupTopAlignment, containerCardNumberContentGroupTopAlignmentStyle]
   }, /*#__PURE__*/React.createElement(View, {

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

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

package/lib/module/components/FeedbackPopup/FeedbackPopup.js

@@ -0,0 +1,97 @@
+import React, { useEffect, useState } from 'react';
+import { Modal, Pressable, StyleSheet, Text, View } from 'react-native';
+import { themeColors } from '../../config/themeColors';
+import localLabels from '../../utils/localization';
+export function FeedbackPopup({
+  error,
+  isLoading,
+  isSuccess,
+  successMessage,
+  theme,
+  language
+}) {
+  const [isVisible, setIsVisible] = useState(false);
+  const labels = localLabels(language);
+  const isError = !!error;
+  useEffect(() => {
+    if (isLoading) {
+      setIsVisible(false);
+    } else if (error || isSuccess) {
+      setIsVisible(true);
+    }
+  }, [error, isLoading, isSuccess]);
+  const colors = themeColors[theme];
+  return /*#__PURE__*/React.createElement(Modal, {
+    animationType: "fade",
+    onRequestClose: () => setIsVisible(false),
+    transparent: true,
+    visible: isVisible
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.backdrop
+  }, /*#__PURE__*/React.createElement(View, {
+    accessibilityRole: "alert",
+    style: [styles.popup, {
+      backgroundColor: colors.background
+    }]
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: [styles.title, isError ? styles.error : styles.success]
+  }, isError ? labels.errorTitle : labels.successTitle), /*#__PURE__*/React.createElement(Text, {
+    style: [styles.message, {
+      color: colors.color
+    }]
+  }, error?.message || successMessage), /*#__PURE__*/React.createElement(Pressable, {
+    accessibilityRole: "button",
+    onPress: () => setIsVisible(false),
+    style: styles.button
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.buttonText
+  }, labels.ok)))));
+}
+const styles = StyleSheet.create({
+  backdrop: {
+    alignItems: 'center',
+    backgroundColor: 'rgba(0, 0, 0, 0.45)',
+    flex: 1,
+    justifyContent: 'center',
+    padding: 24
+  },
+  popup: {
+    borderRadius: 8,
+    maxWidth: 420,
+    padding: 24,
+    width: '100%'
+  },
+  title: {
+    fontSize: 20,
+    fontWeight: '600',
+    marginBottom: 12,
+    textAlign: 'center'
+  },
+  error: {
+    color: '#C62828'
+  },
+  success: {
+    color: '#2E7D32'
+  },
+  message: {
+    fontSize: 16,
+    lineHeight: 22,
+    marginBottom: 24,
+    textAlign: 'center'
+  },
+  button: {
+    alignItems: 'center',
+    alignSelf: 'center',
+    backgroundColor: '#202124',
+    borderRadius: 6,
+    minWidth: 96,
+    paddingHorizontal: 20,
+    paddingVertical: 12
+  },
+  buttonText: {
+    color: 'white',
+    fontSize: 16,
+    fontWeight: '600'
+  }
+});
+//# sourceMappingURL=FeedbackPopup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useState","Modal","Pressable","StyleSheet","Text","View","themeColors","localLabels","FeedbackPopup","error","isLoading","isSuccess","successMessage","theme","language","isVisible","setIsVisible","labels","isError","colors","createElement","animationType","onRequestClose","transparent","visible","style","styles","backdrop","accessibilityRole","popup","backgroundColor","background","title","success","errorTitle","successTitle","message","color","onPress","button","buttonText","ok","create","alignItems","flex","justifyContent","padding","borderRadius","maxWidth","width","fontSize","fontWeight","marginBottom","textAlign","lineHeight","alignSelf","minWidth","paddingHorizontal","paddingVertical"],"sourceRoot":"../../../../src","sources":["components/FeedbackPopup/FeedbackPopup.tsx"],"mappings":"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"}

package/lib/module/config/localization.js

@@ -12,6 +12,11 @@ const english = {
   setPinButtonLabel: 'Set PIN',
   changePinButtonLabel: 'Change PIN',
   copiedToClipboard: 'Copied to clipboard',
+  successTitle: 'Success',
+  errorTitle: 'Error',
+  ok: 'OK',
+  cardDetailsSuccess: 'Card details retrieved successfully.',
+  viewPinSuccess: 'PIN retrieved successfully.',
   viewPinCountdownLabel: count => 'PIN will be hidden in ' + count + ' seconds',
   show: 'Show',
   hide: 'Hide'
@@ -30,6 +35,11 @@ const arabic = {
   setPinButtonLabel: 'تعيين الرقم السري',
   changePinButtonLabel: '\u200Eتغيير الرقم السري (PIN)',
   copiedToClipboard: 'تم النسخ إلى الحافظة',
+  successTitle: 'تم بنجاح',
+  errorTitle: 'خطأ',
+  ok: 'حسنًا',
+  cardDetailsSuccess: 'تم استرداد تفاصيل البطاقة بنجاح.',
+  viewPinSuccess: 'تم استرداد الرقم السري بنجاح.',
   viewPinCountdownLabel: count => '\u200Eثواني\u200E ' + count + '\u200E سيتم إخفاء الرقم السري للبطاقة خلال',
   show: '\u200Eعرض',
   hide: '\u200Eإخفاء'

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

@@ -1 +1 @@
-{"version":3,"names":["english","cardNumber","expiry","CVV","cardHolderName","enterNewCardPin","confirmCardPIN","wrongCardPin","enterCurrentCardPin","enterVerifyCardPin","verifyPinButtonLabel","setPinButtonLabel","changePinButtonLabel","copiedToClipboard","viewPinCountdownLabel","count","show","hide","arabic","localization"],"sourceRoot":"../../../src","sources":["config/localization.ts"],"mappings":"AAAA,MAAMA,OAAO,GAAG;EACdC,UAAU,EAAE,aAAa;EACzBC,MAAM,EAAE,QAAQ;EAChBC,GAAG,EAAE,KAAK;EACVC,cAAc,EAAE,MAAM;EACtBC,eAAe,EAAE,8CAA8C;EAC/DC,cAAc,EAAE,wBAAwB;EACxCC,YAAY,EAAE,mDAAmD;EACjEC,mBAAmB,EAAE,kDAAkD;EACvEC,kBAAkB,EAAE,+CAA+C;EACnEC,oBAAoB,EAAE,YAAY;EAClCC,iBAAiB,EAAE,SAAS;EAC5BC,oBAAoB,EAAE,YAAY;EAClCC,iBAAiB,EAAE,qBAAqB;EACxCC,qBAAqB,EAAGC,KAAa,IACnC,wBAAwB,GAAGA,KAAK,GAAG,UAAU;EAC/CC,IAAI,EAAE,MAAM;EACZC,IAAI,EAAE;AACR,CAAC;AAED,MAAMC,MAAM,GAAG;EACbjB,UAAU,EAAE,aAAa;EACzBC,MAAM,EAAE,gBAAgB;EACxBC,GAAG,EAAE,mCAAmC;EACxCC,cAAc,EAAE,OAAO;EACvBC,eAAe,EAAE,6CAA6C;EAC9DC,cAAc,EAAE,gDAAgD;EAChEC,YAAY,EACV,sFAAsF;EACxFC,mBAAmB,EAAE,6CAA6C;EAClEC,kBAAkB,EAAE,mDAAmD;EACvEC,oBAAoB,EAAE,6BAA6B;EACnDC,iBAAiB,EAAE,mBAAmB;EACtCC,oBAAoB,EAAE,+BAA+B;EACrDC,iBAAiB,EAAE,sBAAsB;EACzCC,qBAAqB,EAAGC,KAAa,IACnC,oBAAoB,GAAGA,KAAK,GAAG,4CAA4C;EAC7EC,IAAI,EAAE,WAAW;EACjBC,IAAI,EAAE;AACR,CAAC;AAED,OAAO,MAAME,YAAY,GAAG;EAC1BnB,OAAO,EAAEA,OAAO;EAChBkB,MAAM,EAAEA;AACV,CAAC"}
+{"version":3,"names":["english","cardNumber","expiry","CVV","cardHolderName","enterNewCardPin","confirmCardPIN","wrongCardPin","enterCurrentCardPin","enterVerifyCardPin","verifyPinButtonLabel","setPinButtonLabel","changePinButtonLabel","copiedToClipboard","successTitle","errorTitle","ok","cardDetailsSuccess","viewPinSuccess","viewPinCountdownLabel","count","show","hide","arabic","localization"],"sourceRoot":"../../../src","sources":["config/localization.ts"],"mappings":"AAAA,MAAMA,OAAO,GAAG;EACdC,UAAU,EAAE,aAAa;EACzBC,MAAM,EAAE,QAAQ;EAChBC,GAAG,EAAE,KAAK;EACVC,cAAc,EAAE,MAAM;EACtBC,eAAe,EAAE,8CAA8C;EAC/DC,cAAc,EAAE,wBAAwB;EACxCC,YAAY,EAAE,mDAAmD;EACjEC,mBAAmB,EAAE,kDAAkD;EACvEC,kBAAkB,EAAE,+CAA+C;EACnEC,oBAAoB,EAAE,YAAY;EAClCC,iBAAiB,EAAE,SAAS;EAC5BC,oBAAoB,EAAE,YAAY;EAClCC,iBAAiB,EAAE,qBAAqB;EACxCC,YAAY,EAAE,SAAS;EACvBC,UAAU,EAAE,OAAO;EACnBC,EAAE,EAAE,IAAI;EACRC,kBAAkB,EAAE,sCAAsC;EAC1DC,cAAc,EAAE,6BAA6B;EAC7CC,qBAAqB,EAAGC,KAAa,IACnC,wBAAwB,GAAGA,KAAK,GAAG,UAAU;EAC/CC,IAAI,EAAE,MAAM;EACZC,IAAI,EAAE;AACR,CAAC;AAED,MAAMC,MAAM,GAAG;EACbtB,UAAU,EAAE,aAAa;EACzBC,MAAM,EAAE,gBAAgB;EACxBC,GAAG,EAAE,mCAAmC;EACxCC,cAAc,EAAE,OAAO;EACvBC,eAAe,EAAE,6CAA6C;EAC9DC,cAAc,EAAE,gDAAgD;EAChEC,YAAY,EACV,sFAAsF;EACxFC,mBAAmB,EAAE,6CAA6C;EAClEC,kBAAkB,EAAE,mDAAmD;EACvEC,oBAAoB,EAAE,6BAA6B;EACnDC,iBAAiB,EAAE,mBAAmB;EACtCC,oBAAoB,EAAE,+BAA+B;EACrDC,iBAAiB,EAAE,sBAAsB;EACzCC,YAAY,EAAE,UAAU;EACxBC,UAAU,EAAE,KAAK;EACjBC,EAAE,EAAE,OAAO;EACXC,kBAAkB,EAAE,kCAAkC;EACtDC,cAAc,EAAE,+BAA+B;EAC/CC,qBAAqB,EAAGC,KAAa,IACnC,oBAAoB,GAAGA,KAAK,GAAG,4CAA4C;EAC7EC,IAAI,EAAE,WAAW;EACjBC,IAAI,EAAE;AACR,CAAC;AAED,OAAO,MAAME,YAAY,GAAG;EAC1BxB,OAAO,EAAEA,OAAO;EAChBuB,MAAM,EAAEA;AACV,CAAC"}

package/lib/typescript/src/NICardManagementComponents/CardDetailsComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CardDetailsComponent.d.ts","sourceRoot":"","sources":["../../../../src/NICardManagementComponents/CardDetailsComponent.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AAGzE,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAE/D,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,0CAA0C,CAAC;AAGzF,iBAAS,oBAAoB,CAAC,EAC5B,KAAK,EACL,QAAQ,GACT,EAAE,sBAAsB,GAAG,GAAG,CAAC,OAAO,CAoDtC;AAQD,OAAO,EACL,oBAAoB,EACpB,iBAAiB,EACjB,KAAK,wBAAwB,GAC9B,CAAC"}
+{"version":3,"file":"CardDetailsComponent.d.ts","sourceRoot":"","sources":["../../../../src/NICardManagementComponents/CardDetailsComponent.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AAGzE,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAE/D,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,0CAA0C,CAAC;AAKzF,iBAAS,oBAAoB,CAAC,EAC5B,KAAK,EACL,QAAQ,GACT,EAAE,sBAAsB,GAAG,GAAG,CAAC,OAAO,CA6DtC;AAQD,OAAO,EACL,oBAAoB,EACpB,iBAAiB,EACjB,KAAK,wBAAwB,GAC9B,CAAC"}

package/lib/typescript/src/NICardManagementComponents/ViewPinComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ViewPinComponent.d.ts","sourceRoot":"","sources":["../../../../src/NICardManagementComponents/ViewPinComponent.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AACrE,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAIjD,iBAAS,gBAAgB,CAAC,EACxB,KAAK,EACL,IAAI,EAAE,OAAO,EACb,QAAQ,GACT,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAmClC;AAED,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"ViewPinComponent.d.ts","sourceRoot":"","sources":["../../../../src/NICardManagementComponents/ViewPinComponent.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AACrE,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAMjD,iBAAS,gBAAgB,CAAC,EACxB,KAAK,EACL,IAAI,EAAE,OAAO,EACb,QAAQ,GACT,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAqClC;AAED,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,CAAC"}

package/lib/typescript/src/components/CardDetails/CardHolderNameGroups.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CardHolderNameGroups.d.ts","sourceRoot":"","sources":["../../../../../src/components/CardDetails/CardHolderNameGroups.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,KAAK,iCAAiC,EAAE,MAAM,+BAA+B,CAAC;AAMvF,wBAAgB,+BAA+B,CAAC,EAC9C,cAAc,EACd,eAAe,EACf,kBAAkB,EAClB,wBAAwB,EACxB,iBAAiB,EACjB,UAAU,GACX,EAAE,iCAAiC,GAAG,GAAG,CAAC,OAAO,CAyEjD"}
+{"version":3,"file":"CardHolderNameGroups.d.ts","sourceRoot":"","sources":["../../../../../src/components/CardDetails/CardHolderNameGroups.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,KAAK,iCAAiC,EAAE,MAAM,+BAA+B,CAAC;AAMvF,wBAAgB,+BAA+B,CAAC,EAC9C,cAAc,EACd,eAAe,EACf,kBAAkB,EAClB,wBAAwB,EACxB,iBAAiB,EACjB,UAAU,GACX,EAAE,iCAAiC,GAAG,GAAG,CAAC,OAAO,CAuEjD"}

package/lib/typescript/src/components/CardDetails/CardNumberGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CardNumberGroup.d.ts","sourceRoot":"","sources":["../../../../../src/components/CardDetails/CardNumberGroup.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,KAAK,4BAA4B,EAAE,MAAM,+BAA+B,CAAC;AAMlF,wBAAgB,0BAA0B,CAAC,EACzC,QAAQ,EACR,SAAS,EACT,eAAe,EACf,kBAAkB,EAClB,wBAAwB,EACxB,iBAAiB,EACjB,UAAU,GACX,EAAE,4BAA4B,GAAG,GAAG,CAAC,OAAO,CAwE5C"}
+{"version":3,"file":"CardNumberGroup.d.ts","sourceRoot":"","sources":["../../../../../src/components/CardDetails/CardNumberGroup.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,KAAK,4BAA4B,EAAE,MAAM,+BAA+B,CAAC;AAMlF,wBAAgB,0BAA0B,CAAC,EACzC,QAAQ,EACR,SAAS,EACT,eAAe,EACf,kBAAkB,EAClB,wBAAwB,EACxB,iBAAiB,EACjB,UAAU,GACX,EAAE,4BAA4B,GAAG,GAAG,CAAC,OAAO,CAsE5C"}

package/lib/typescript/src/components/FeedbackPopup/FeedbackPopup.d.ts

@@ -0,0 +1,13 @@
+import type { themeType } from '../../interfaces/NiInputInterfaces';
+import type { NIErrorResponse } from '../../interfaces/NiCardManagementInterfaces';
+interface FeedbackPopupProps {
+    error?: NIErrorResponse | null;
+    isLoading: boolean;
+    isSuccess: boolean;
+    successMessage: string;
+    theme: themeType;
+    language: string;
+}
+export declare function FeedbackPopup({ error, isLoading, isSuccess, successMessage, theme, language, }: FeedbackPopupProps): JSX.Element;
+export {};
+//# sourceMappingURL=FeedbackPopup.d.ts.map

package/lib/typescript/src/components/FeedbackPopup/FeedbackPopup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeedbackPopup.d.ts","sourceRoot":"","sources":["../../../../../src/components/FeedbackPopup/FeedbackPopup.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AACpE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,6CAA6C,CAAC;AAInF,UAAU,kBAAkB;IAC1B,KAAK,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;IAC/B,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,cAAc,EAAE,MAAM,CAAC;IACvB,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,SAAS,EACT,SAAS,EACT,cAAc,EACd,KAAK,EACL,QAAQ,GACT,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CA4ClC"}

package/lib/typescript/src/config/localization.d.ts

@@ -13,6 +13,11 @@ export declare const localization: {
         setPinButtonLabel: string;
         changePinButtonLabel: string;
         copiedToClipboard: string;
+        successTitle: string;
+        errorTitle: string;
+        ok: string;
+        cardDetailsSuccess: string;
+        viewPinSuccess: string;
         viewPinCountdownLabel: (count: number) => string;
         show: string;
         hide: string;
@@ -31,6 +36,11 @@ export declare const localization: {
         setPinButtonLabel: string;
         changePinButtonLabel: string;
         copiedToClipboard: string;
+        successTitle: string;
+        errorTitle: string;
+        ok: string;
+        cardDetailsSuccess: string;
+        viewPinSuccess: string;
         viewPinCountdownLabel: (count: number) => string;
         show: string;
         hide: string;

package/lib/typescript/src/config/localization.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"localization.d.ts","sourceRoot":"","sources":["../../../../src/config/localization.ts"],"names":[],"mappings":"AAyCA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;uCA3BQ,MAAM;;;;;;;;;;;;;;;;;;uCAqBN,MAAM;;;;CAStC,CAAC"}
+{"version":3,"file":"localization.d.ts","sourceRoot":"","sources":["../../../../src/config/localization.ts"],"names":[],"mappings":"AAmDA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;uCAhCQ,MAAM;;;;;;;;;;;;;;;;;;;;;;;uCA0BN,MAAM;;;;CAStC,CAAC"}

package/lib/typescript/src/utils/localization.d.ts

@@ -12,6 +12,11 @@ declare function localLabels(language: string): {
     setPinButtonLabel: string;
     changePinButtonLabel: string;
     copiedToClipboard: string;
+    successTitle: string;
+    errorTitle: string;
+    ok: string;
+    cardDetailsSuccess: string;
+    viewPinSuccess: string;
     viewPinCountdownLabel: (count: number) => string;
     show: string;
     hide: string;

package/lib/typescript/src/utils/localization.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"localization.d.ts","sourceRoot":"","sources":["../../../../src/utils/localization.ts"],"names":[],"mappings":"AAGA,iBAAS,WAAW,CAAC,QAAQ,EAAE,MAAM;;;;;;;;;;;;;;;;;EAIpC;AAED,eAAe,WAAW,CAAC"}
+{"version":3,"file":"localization.d.ts","sourceRoot":"","sources":["../../../../src/utils/localization.ts"],"names":[],"mappings":"AAGA,iBAAS,WAAW,CAAC,QAAQ,EAAE,MAAM;;;;;;;;;;;;;;;;;;;;;;EAIpC;AAED,eAAe,WAAW,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@networkinternational/ni-card-management-sdk",
-  "version": "2.0.0",
+  "version": "2.1.0",
   "description": "SDKs to help card issuers to consume our APIs from iOS applications.",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",

package/src/NICardManagementComponents/CardDetailsComponent.tsx

@@ -8,6 +8,8 @@ import { useGetCardDetails } from '../hooks/useGetCardDetails';
 import { NIThemeEnum } from '../interfaces/NiInputInterfaces';
 import type { NIGetCardSuccessResponse } from '../interfaces/NiCardManagementInterfaces';
 import { themeColors } from '../config/themeColors';
+import { FeedbackPopup } from '../components/FeedbackPopup/FeedbackPopup';
+import localLabels from '../utils/localization';
 
 function CardDetailsComponent({
   input,
@@ -15,6 +17,7 @@ function CardDetailsComponent({
 }: NICardDetailsComponent): JSX.Element {
   const { displayAttributes } = input || {};
   const theme = displayAttributes?.theme || NIThemeEnum.light;
+  const language = displayAttributes?.language || 'english';
   const cardDetailsStyle: TextStyle = {
     height: '100%',
     width: '100%',
@@ -62,6 +65,14 @@ function CardDetailsComponent({
           isCardDetails={true}
         />
       </View>
+      <FeedbackPopup
+        error={getCardDetailsError}
+        isLoading={getCardDetailsIsLoading}
+        isSuccess={!!getCardDetailsResult}
+        language={language}
+        successMessage={localLabels(language).cardDetailsSuccess}
+        theme={theme}
+      />
     </View>
   );
 }

package/src/NICardManagementComponents/ViewPinComponent.tsx

@@ -5,6 +5,8 @@ import { type NIViewPinComponent } from '../interfaces/NiInterfaces';
 import { useViewPin } from '../hooks/useViewPin';
 import PinState from '../components/PinState/PinState';
 import ViewPin from '../components/ViewPin/ViewPin';
+import { FeedbackPopup } from '../components/FeedbackPopup/FeedbackPopup';
+import localLabels from '../utils/localization';
 
 function ViewPinComponent({
   input,
@@ -12,6 +14,7 @@ function ViewPinComponent({
   callback,
 }: NIViewPinComponent): JSX.Element {
   const theme = input?.displayAttributes?.theme || NIThemeEnum.light;
+  const language = input?.displayAttributes?.language || 'english';
   const countdownTime = input?.timer;
 
   const {
@@ -21,13 +24,6 @@ function ViewPinComponent({
     onViewPin,
   } = useViewPin();
 
-  (!!viewPinResult || !!viewPinError) &&
-    console.log('ViewPinView', {
-      viewPinResult,
-      viewPinError,
-      isViewPinLoading,
-    });
-
   useEffect(() => {
     if (input) {
       onViewPin(input, callback);
@@ -43,6 +39,14 @@ function ViewPinComponent({
         countdownTime={countdownTime || 0}
       />
       <PinState isLoading={isViewPinLoading} theme={theme} />
+      <FeedbackPopup
+        error={viewPinError}
+        isLoading={isViewPinLoading}
+        isSuccess={!!viewPinResult}
+        language={language}
+        successMessage={localLabels(language).viewPinSuccess}
+        theme={theme}
+      />
     </>
   );
 }

package/src/components/CardDetails/CardHolderNameGroups.tsx

@@ -6,7 +6,7 @@ import {
   TouchableOpacity,
   I18nManager,
 } from 'react-native';
-import { useClipboard } from '@react-native-clipboard/clipboard';
+import Clipboard from '@react-native-clipboard/clipboard';
 
 import {
   type NIFontLabelPair,
@@ -26,8 +26,6 @@ export function CardDetailsCardHolderNameGroups({
   displayAttributes,
   setTimeOut,
 }: NICardDetailsCardHolderNameGroups): JSX.Element {
-  const [data, setString] = useClipboard();
-
   const maskedCardholderName = cardholderName.replace(
     /\b\w*/g,
     function (s: string) {
@@ -65,12 +63,12 @@ export function CardDetailsCardHolderNameGroups({
     fontFamily: textFont.name,
   };
 
-  async function handleOnPress(): Promise<void> {
-    await setString(cardholderName);
+  function handleOnPress(): void {
+    // Write directly so iOS does not request permission to read the pasteboard.
+    Clipboard.setString(cardholderName);
     setIsVisibleCopiedButton(true);
     setTimeOut();
   }
-  !!data && console.log('clipboard', data);
 
   return (
     <>

package/src/components/CardDetails/CardNumberGroup.tsx

@@ -6,7 +6,7 @@ import {
   Text,
   I18nManager,
 } from 'react-native';
-import { useClipboard } from '@react-native-clipboard/clipboard';
+import Clipboard from '@react-native-clipboard/clipboard';
 
 import {
   type NIFontLabelPair,
@@ -27,8 +27,6 @@ export function CardDetailsCardNumberGroup({
   displayAttributes,
   setTimeOut,
 }: NICardDetailsCardNumberGroup): JSX.Element {
-  const [data, setString] = useClipboard();
-
   const clearPanRendered = clearPan.replace(/.{4}/g, '$& ');
   const maskedPanRendered = maskedPan
     .replace(/[a-zA-Z0-9]+(?=....)/g, function (s: string) {
@@ -65,12 +63,12 @@ export function CardDetailsCardNumberGroup({
     fontFamily: textFont.name,
   };
 
-  async function handleOnPress(): Promise<void> {
-    await setString(clearPan);
+  function handleOnPress(): void {
+    // Write directly so iOS does not request permission to read the pasteboard.
+    Clipboard.setString(clearPan);
     setIsVisibleCopiedButton(true);
     setTimeOut();
   }
-  !!data && console.log('clipboard', data);
 
   return (
     <>