@coinflowlabs/react 5.9.1 → 5.10.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (113) hide show
  1. package/README.md +8 -0
  2. package/build/cjs/CoinflowApplePayButton.d.ts +1 -1
  3. package/build/cjs/CoinflowApplePayButton.js +5 -6
  4. package/build/cjs/CoinflowApplePayButton.js.map +1 -1
  5. package/build/cjs/CoinflowGooglePayButton.js +4 -5
  6. package/build/cjs/CoinflowGooglePayButton.js.map +1 -1
  7. package/build/cjs/CoinflowIFrame.js +42 -53
  8. package/build/cjs/CoinflowIFrame.js.map +1 -1
  9. package/build/cjs/CoinflowPurchase.js +55 -42
  10. package/build/cjs/CoinflowPurchase.js.map +1 -1
  11. package/build/cjs/CoinflowPurchaseHistory.js +20 -11
  12. package/build/cjs/CoinflowPurchaseHistory.js.map +1 -1
  13. package/build/cjs/CoinflowPurchaseProtection.d.ts +1 -1
  14. package/build/cjs/CoinflowPurchaseProtection.js +10 -11
  15. package/build/cjs/CoinflowPurchaseProtection.js.map +1 -1
  16. package/build/cjs/CoinflowWithdraw.js +20 -11
  17. package/build/cjs/CoinflowWithdraw.js.map +1 -1
  18. package/build/cjs/CoinflowWithdrawHistory.js +20 -11
  19. package/build/cjs/CoinflowWithdrawHistory.js.map +1 -1
  20. package/build/cjs/MobileWalletButton.d.ts +1 -1
  21. package/build/cjs/MobileWalletButton.js +35 -26
  22. package/build/cjs/MobileWalletButton.js.map +1 -1
  23. package/build/cjs/card-form/CoinflowCardForm.js +42 -54
  24. package/build/cjs/card-form/CoinflowCardForm.js.map +1 -1
  25. package/build/cjs/card-form/CoinflowCardFormHeader.js +5 -5
  26. package/build/cjs/card-form/CoinflowCardFormHeader.js.map +1 -1
  27. package/build/cjs/card-form/useCardFormIframe.d.ts +5 -5
  28. package/build/cjs/card-form/useCardFormIframe.js +57 -57
  29. package/build/cjs/card-form/useCardFormIframe.js.map +1 -1
  30. package/build/cjs/common/CoinflowLibMessageHandlers.d.ts +2 -1
  31. package/build/cjs/common/CoinflowLibMessageHandlers.js +128 -193
  32. package/build/cjs/common/CoinflowLibMessageHandlers.js.map +1 -1
  33. package/build/cjs/common/CoinflowTypes.d.ts +19 -8
  34. package/build/cjs/common/CoinflowTypes.js +15 -16
  35. package/build/cjs/common/CoinflowTypes.js.map +1 -1
  36. package/build/cjs/common/CoinflowUtils.d.ts +2 -1
  37. package/build/cjs/common/CoinflowUtils.js +68 -64
  38. package/build/cjs/common/CoinflowUtils.js.map +1 -1
  39. package/build/cjs/common/EventBus.js +8 -11
  40. package/build/cjs/common/EventBus.js.map +1 -1
  41. package/build/cjs/common/NSure.js +2 -2
  42. package/build/cjs/common/NSure.js.map +1 -1
  43. package/build/cjs/common/NSure.native.js.map +1 -1
  44. package/build/cjs/common/SolanaPeerDeps.js +5 -5
  45. package/build/cjs/common/SolanaPeerDeps.js.map +1 -1
  46. package/build/cjs/common/card-form/TokenEx.js +7 -8
  47. package/build/cjs/common/card-form/TokenEx.js.map +1 -1
  48. package/build/cjs/common/card-form/tokenexHelpers.d.ts +1 -1
  49. package/build/cjs/common/card-form/tokenexHelpers.js +97 -150
  50. package/build/cjs/common/card-form/tokenexHelpers.js.map +1 -1
  51. package/build/cjs/common/index.js +1 -1
  52. package/build/cjs/common/types/Subtotal.js +175 -176
  53. package/build/cjs/common/types/Subtotal.js.map +1 -1
  54. package/build/cjs/common/types/nftCartItem.js +2 -2
  55. package/build/cjs/common/types/nftCartItem.js.map +1 -1
  56. package/build/cjs/index.js +1 -1
  57. package/build/cjs/useOverlay.js +13 -12
  58. package/build/cjs/useOverlay.js.map +1 -1
  59. package/build/esm/CoinflowApplePayButton.d.ts +1 -1
  60. package/build/esm/CoinflowApplePayButton.js +2 -3
  61. package/build/esm/CoinflowApplePayButton.js.map +1 -1
  62. package/build/esm/CoinflowGooglePayButton.js +1 -2
  63. package/build/esm/CoinflowGooglePayButton.js.map +1 -1
  64. package/build/esm/CoinflowIFrame.js +39 -51
  65. package/build/esm/CoinflowIFrame.js.map +1 -1
  66. package/build/esm/CoinflowPurchase.js +50 -38
  67. package/build/esm/CoinflowPurchase.js.map +1 -1
  68. package/build/esm/CoinflowPurchaseHistory.js +16 -8
  69. package/build/esm/CoinflowPurchaseHistory.js.map +1 -1
  70. package/build/esm/CoinflowPurchaseProtection.d.ts +1 -1
  71. package/build/esm/CoinflowPurchaseProtection.js +6 -7
  72. package/build/esm/CoinflowPurchaseProtection.js.map +1 -1
  73. package/build/esm/CoinflowWithdraw.js +16 -8
  74. package/build/esm/CoinflowWithdraw.js.map +1 -1
  75. package/build/esm/CoinflowWithdrawHistory.js +16 -8
  76. package/build/esm/CoinflowWithdrawHistory.js.map +1 -1
  77. package/build/esm/MobileWalletButton.d.ts +1 -1
  78. package/build/esm/MobileWalletButton.js +30 -22
  79. package/build/esm/MobileWalletButton.js.map +1 -1
  80. package/build/esm/card-form/CoinflowCardForm.js +41 -54
  81. package/build/esm/card-form/CoinflowCardForm.js.map +1 -1
  82. package/build/esm/card-form/CoinflowCardFormHeader.js +3 -3
  83. package/build/esm/card-form/CoinflowCardFormHeader.js.map +1 -1
  84. package/build/esm/card-form/useCardFormIframe.d.ts +5 -5
  85. package/build/esm/card-form/useCardFormIframe.js +56 -56
  86. package/build/esm/card-form/useCardFormIframe.js.map +1 -1
  87. package/build/esm/common/CoinflowLibMessageHandlers.d.ts +2 -1
  88. package/build/esm/common/CoinflowLibMessageHandlers.js +126 -191
  89. package/build/esm/common/CoinflowLibMessageHandlers.js.map +1 -1
  90. package/build/esm/common/CoinflowTypes.d.ts +19 -8
  91. package/build/esm/common/CoinflowTypes.js +16 -17
  92. package/build/esm/common/CoinflowTypes.js.map +1 -1
  93. package/build/esm/common/CoinflowUtils.d.ts +2 -1
  94. package/build/esm/common/CoinflowUtils.js +63 -61
  95. package/build/esm/common/CoinflowUtils.js.map +1 -1
  96. package/build/esm/common/EventBus.js +8 -12
  97. package/build/esm/common/EventBus.js.map +1 -1
  98. package/build/esm/common/SolanaPeerDeps.js +2 -2
  99. package/build/esm/common/SolanaPeerDeps.js.map +1 -1
  100. package/build/esm/common/card-form/TokenEx.js +8 -9
  101. package/build/esm/common/card-form/TokenEx.js.map +1 -1
  102. package/build/esm/common/card-form/tokenexHelpers.d.ts +1 -1
  103. package/build/esm/common/card-form/tokenexHelpers.js +95 -148
  104. package/build/esm/common/card-form/tokenexHelpers.js.map +1 -1
  105. package/build/esm/common/types/Subtotal.js +175 -176
  106. package/build/esm/common/types/Subtotal.js.map +1 -1
  107. package/build/esm/common/types/nftCartItem.js +2 -2
  108. package/build/esm/common/types/nftCartItem.js.map +1 -1
  109. package/build/esm/useOverlay.js +11 -10
  110. package/build/esm/useOverlay.js.map +1 -1
  111. package/build/tsconfig.cjs.tsbuildinfo +1 -0
  112. package/build/tsconfig.tsbuildinfo +1 -1
  113. package/package.json +3 -3
package/README.md CHANGED
@@ -70,6 +70,14 @@ Props:
70
70
 
71
71
  # Changelog
72
72
 
73
+ ## 5.10.0
74
+
75
+ - Added support for CashApp redirection
76
+
77
+ ## 5.9.2
78
+
79
+ - Fixed typing for sessionKey being not present when passing the wallet object
80
+
73
81
  ## 5.9.1
74
82
 
75
83
  - Added support for overriding the default account type (from merchant settings) used for chargeback protection via `chargebackProtectionAccountType` in the URL parameters.
@@ -2,4 +2,4 @@ import { CoinflowPurchaseProps } from './common';
2
2
  import React from 'react';
3
3
  import { MobileWalletButtonProps } from './MobileWalletButton';
4
4
  export declare function CoinflowApplePayButton(props: CoinflowPurchaseProps & MobileWalletButtonProps): React.JSX.Element;
5
- export declare function AppleButtonOverlayLogo({ color, }: Pick<MobileWalletButtonProps, 'color'>): React.JSX.Element;
5
+ export declare function AppleButtonOverlayLogo({ color }: Pick<MobileWalletButtonProps, 'color'>): React.JSX.Element;
@@ -1,17 +1,16 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
+ const tslib_1 = require("tslib");
3
4
  exports.CoinflowApplePayButton = CoinflowApplePayButton;
4
5
  exports.AppleButtonOverlayLogo = AppleButtonOverlayLogo;
5
- var tslib_1 = require("tslib");
6
- var react_1 = tslib_1.__importDefault(require("react"));
7
- var MobileWalletButton_1 = require("./MobileWalletButton");
6
+ const react_1 = tslib_1.__importDefault(require("react"));
7
+ const MobileWalletButton_1 = require("./MobileWalletButton");
8
8
  function CoinflowApplePayButton(props) {
9
9
  return (react_1.default.createElement(MobileWalletButton_1.MobileWalletButton, { props: props, route: 'apple-pay' },
10
10
  react_1.default.createElement(AppleButtonOverlayLogo, { color: props.color })));
11
11
  }
12
- function AppleButtonOverlayLogo(_a) {
13
- var color = _a.color;
14
- var fill = color === 'white' ? '#000' : '#FFF';
12
+ function AppleButtonOverlayLogo({ color, }) {
13
+ const fill = color === 'white' ? '#000' : '#FFF';
15
14
  return (react_1.default.createElement("svg", { id: "svg-logo", viewBox: "0 0 35 15" },
16
15
  react_1.default.createElement("svg", { id: "svg-logo", x: "0", y: "3.85", height: "7.3", width: "35", className: "logo", viewBox: "0 0 105 43", version: "1.1", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink" },
17
16
  react_1.default.createElement("title", null, "Apple Logo"),
@@ -1 +1 @@
1
- {"version":3,"file":"CoinflowApplePayButton.js","sourceRoot":"","sources":["../../src/CoinflowApplePayButton.tsx"],"names":[],"mappings":";;AAOA,wDAQC;AAED,wDA+BC;;AA/CD,wDAA0B;AAC1B,2DAG8B;AAE9B,SAAgB,sBAAsB,CACpC,KAAsD;IAEtD,OAAO,CACL,8BAAC,uCAAkB,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW;QAClD,8BAAC,sBAAsB,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,GAAI,CAC3B,CACtB,CAAC;AACJ,CAAC;AAED,SAAgB,sBAAsB,CAAC,EAEE;QADvC,KAAK,WAAA;IAEL,IAAM,IAAI,GAAG,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;IACjD,OAAO,CACL,uCAAK,EAAE,EAAC,UAAU,EAAC,OAAO,EAAC,WAAW;QACpC,uCACE,EAAE,EAAC,UAAU,EACb,CAAC,EAAC,GAAG,EACL,CAAC,EAAC,MAAM,EACR,MAAM,EAAC,KAAK,EACZ,KAAK,EAAC,IAAI,EACV,SAAS,EAAC,MAAM,EAChB,OAAO,EAAC,YAAY,EACpB,OAAO,EAAC,KAAK,EACb,KAAK,EAAC,4BAA4B,EAClC,UAAU,EAAC,8BAA8B;YAEzC,0DAAyB;YACzB,qCAAG,MAAM,EAAC,MAAM,kBAAc,GAAG,EAAC,IAAI,EAAC,MAAM,eAAW,SAAS;gBAC/D,qCAAG,IAAI,EAAE,IAAI;oBACX,wCAAM,CAAC,EAAC,yMAAyM,GAAQ;oBACzN,wCAAM,CAAC,EAAC,6kBAA6kB,GAAQ;oBAC7lB,wCAAM,CAAC,EAAC,iXAAiX,GAAQ;oBACjY,wCAAM,CAAC,EAAC,0WAA0W,GAAQ;oBAC1X,wCAAM,CAAC,EAAC,sqBAAsqB,GAAQ,CACprB,CACF,CACA,CACF,CACP,CAAC;AACJ,CAAC"}
1
+ {"version":3,"file":"CoinflowApplePayButton.js","sourceRoot":"","sources":["../../src/CoinflowApplePayButton.tsx"],"names":[],"mappings":";;;;;AACA,0DAA0B;AAC1B,6DAG8B;AAE9B,gCACE,KAAsD;IAEtD,OAAO,CACL,8BAAC,uCAAkB,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW;QAClD,8BAAC,sBAAsB,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,GAAI,CAC3B,CACtB,CAAC;AACJ,CAAC;AAED,gCAAuC,EACrC,KAAK,GACkC;IACvC,MAAM,IAAI,GAAG,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;IACjD,OAAO,CACL,uCAAK,EAAE,EAAC,UAAU,EAAC,OAAO,EAAC,WAAW;QACpC,uCACE,EAAE,EAAC,UAAU,EACb,CAAC,EAAC,GAAG,EACL,CAAC,EAAC,MAAM,EACR,MAAM,EAAC,KAAK,EACZ,KAAK,EAAC,IAAI,EACV,SAAS,EAAC,MAAM,EAChB,OAAO,EAAC,YAAY,EACpB,OAAO,EAAC,KAAK,EACb,KAAK,EAAC,4BAA4B,EAClC,UAAU,EAAC,8BAA8B;YAEzC,0DAAyB;YACzB,qCAAG,MAAM,EAAC,MAAM,kBAAc,GAAG,EAAC,IAAI,EAAC,MAAM,eAAW,SAAS;gBAC/D,qCAAG,IAAI,EAAE,IAAI;oBACX,wCAAM,CAAC,EAAC,yMAAyM,GAAQ;oBACzN,wCAAM,CAAC,EAAC,6kBAA6kB,GAAQ;oBAC7lB,wCAAM,CAAC,EAAC,iXAAiX,GAAQ;oBACjY,wCAAM,CAAC,EAAC,0WAA0W,GAAQ;oBAC1X,wCAAM,CAAC,EAAC,sqBAAsqB,GAAQ,CACprB,CACF,CACA,CACF,CACP,CAAC;AACJ,CAAC"}
@@ -1,15 +1,14 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
+ const tslib_1 = require("tslib");
3
4
  exports.CoinflowGooglePayButton = CoinflowGooglePayButton;
4
- var tslib_1 = require("tslib");
5
- var react_1 = tslib_1.__importDefault(require("react"));
6
- var MobileWalletButton_1 = require("./MobileWalletButton");
5
+ const react_1 = tslib_1.__importDefault(require("react"));
6
+ const MobileWalletButton_1 = require("./MobileWalletButton");
7
7
  function CoinflowGooglePayButton(props) {
8
8
  return (react_1.default.createElement(MobileWalletButton_1.MobileWalletButton, { props: props, route: 'google-pay', overlayDisplayOverride: 'flex', alignItems: 'center' },
9
9
  react_1.default.createElement(GooglePayLogo, { color: props.color })));
10
10
  }
11
- function GooglePayLogo(_a) {
12
- var color = _a.color;
11
+ function GooglePayLogo({ color }) {
13
12
  if (color === 'white') {
14
13
  return react_1.default.createElement(GooglePayLogoLight, null);
15
14
  }
@@ -1 +1 @@
1
- {"version":3,"file":"CoinflowGooglePayButton.js","sourceRoot":"","sources":["../../src/CoinflowGooglePayButton.tsx"],"names":[],"mappings":";;AAOA,0DAaC;;AAnBD,wDAA0B;AAC1B,2DAG8B;AAE9B,SAAgB,uBAAuB,CACrC,KAAsD;IAEtD,OAAO,CACL,8BAAC,uCAAkB,IACjB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,YAAY,EACnB,sBAAsB,EAAE,MAAM,EAC9B,UAAU,EAAE,QAAQ;QAEpB,8BAAC,aAAa,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,GAAI,CAClB,CACtB,CAAC;AACJ,CAAC;AAED,SAAS,aAAa,CAAC,EAA+C;QAA9C,KAAK,WAAA;IAC3B,IAAI,KAAK,KAAK,OAAO,EAAE,CAAC;QACtB,OAAO,8BAAC,kBAAkB,OAAG,CAAC;IAChC,CAAC;SAAM,CAAC;QACN,OAAO,8BAAC,iBAAiB,OAAG,CAAC;IAC/B,CAAC;AACH,CAAC;AAED,SAAS,kBAAkB;IACzB,OAAO,CACL,uCAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI;QAC5D,qCAAG,IAAI,EAAC,MAAM,eAAW,SAAS;YAChC,wCACE,CAAC,EAAC,89BAA89B,EACh+B,IAAI,EAAC,SAAS,GACd;YACF,wCACE,CAAC,EAAC,kIAAkI,EACpI,IAAI,EAAC,SAAS,GACd;YACF,wCACE,CAAC,EAAC,6JAA6J,EAC/J,IAAI,EAAC,SAAS,GACd;YACF,wCACE,CAAC,EAAC,sHAAsH,EACxH,IAAI,EAAC,SAAS,GACd;YACF,wCACE,CAAC,EAAC,mKAAmK,EACrK,IAAI,EAAC,SAAS,GACd;YACF,wCAAM,CAAC,EAAC,mBAAmB,GAAG,CAC5B,CACA,CACP,CAAC;AACJ,CAAC;AAED,SAAS,iBAAiB;IACxB,OAAO,CACL,uCAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI;QAC5D,qCAAG,IAAI,EAAC,MAAM,eAAW,SAAS;YAChC,wCACE,CAAC,EAAC,89BAA89B,EACh+B,IAAI,EAAC,MAAM,GACX;YACF,wCACE,CAAC,EAAC,kIAAkI,EACpI,IAAI,EAAC,SAAS,GACd;YACF,wCACE,CAAC,EAAC,6JAA6J,EAC/J,IAAI,EAAC,SAAS,GACd;YACF,wCACE,CAAC,EAAC,sHAAsH,EACxH,IAAI,EAAC,SAAS,GACd;YACF,wCACE,CAAC,EAAC,mKAAmK,EACrK,IAAI,EAAC,SAAS,GACd,CACA,CACA,CACP,CAAC;AACJ,CAAC"}
1
+ {"version":3,"file":"CoinflowGooglePayButton.js","sourceRoot":"","sources":["../../src/CoinflowGooglePayButton.tsx"],"names":[],"mappings":";;;;AACA,0DAA0B;AAC1B,6DAG8B;AAE9B,iCACE,KAAsD;IAEtD,OAAO,CACL,8BAAC,uCAAkB,IACjB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,YAAY,EACnB,sBAAsB,EAAE,MAAM,EAC9B,UAAU,EAAE,QAAQ;QAEpB,8BAAC,aAAa,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,GAAI,CAClB,CACtB,CAAC;AACJ,CAAC;AAED,SAAS,aAAa,CAAC,EAAC,KAAK,EAAyC;IACpE,IAAI,KAAK,KAAK,OAAO,EAAE,CAAC;QACtB,OAAO,8BAAC,kBAAkB,OAAG,CAAC;IAChC,CAAC;SAAM,CAAC;QACN,OAAO,8BAAC,iBAAiB,OAAG,CAAC;IAC/B,CAAC;AACH,CAAC;AAED,SAAS,kBAAkB;IACzB,OAAO,CACL,uCAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI;QAC5D,qCAAG,IAAI,EAAC,MAAM,eAAW,SAAS;YAChC,wCACE,CAAC,EAAC,89BAA89B,EACh+B,IAAI,EAAC,SAAS,GACd;YACF,wCACE,CAAC,EAAC,kIAAkI,EACpI,IAAI,EAAC,SAAS,GACd;YACF,wCACE,CAAC,EAAC,6JAA6J,EAC/J,IAAI,EAAC,SAAS,GACd;YACF,wCACE,CAAC,EAAC,sHAAsH,EACxH,IAAI,EAAC,SAAS,GACd;YACF,wCACE,CAAC,EAAC,mKAAmK,EACrK,IAAI,EAAC,SAAS,GACd;YACF,wCAAM,CAAC,EAAC,mBAAmB,GAAG,CAC5B,CACA,CACP,CAAC;AACJ,CAAC;AAED,SAAS,iBAAiB;IACxB,OAAO,CACL,uCAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI;QAC5D,qCAAG,IAAI,EAAC,MAAM,eAAW,SAAS;YAChC,wCACE,CAAC,EAAC,89BAA89B,EACh+B,IAAI,EAAC,MAAM,GACX;YACF,wCACE,CAAC,EAAC,kIAAkI,EACpI,IAAI,EAAC,SAAS,GACd;YACF,wCACE,CAAC,EAAC,6JAA6J,EAC/J,IAAI,EAAC,SAAS,GACd;YACF,wCACE,CAAC,EAAC,sHAAsH,EACxH,IAAI,EAAC,SAAS,GACd;YACF,wCACE,CAAC,EAAC,mKAAmK,EACrK,IAAI,EAAC,SAAS,GACd,CACA,CACA,CACP,CAAC;AACJ,CAAC"}
@@ -1,85 +1,74 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.CoinflowIFrame = void 0;
4
+ const tslib_1 = require("tslib");
4
5
  exports.useRandomHandleHeightChangeId = useRandomHandleHeightChangeId;
5
- var tslib_1 = require("tslib");
6
- var react_1 = tslib_1.__importStar(require("react"));
7
- var common_1 = require("./common");
6
+ const react_1 = tslib_1.__importStar(require("react"));
7
+ const common_1 = require("./common");
8
8
  function useRandomHandleHeightChangeId() {
9
- return (0, react_1.useMemo)(function () { return Math.random().toString(16).substring(2); }, []);
9
+ return (0, react_1.useMemo)(() => Math.random().toString(16).substring(2), []);
10
10
  }
11
- exports.CoinflowIFrame = (0, react_1.forwardRef)(function (props, ref) {
12
- var IFrameRef = (0, react_1.useRef)(null);
13
- var url = (0, react_1.useMemo)(function () {
11
+ exports.CoinflowIFrame = (0, react_1.forwardRef)((props, ref) => {
12
+ const IFrameRef = (0, react_1.useRef)(null);
13
+ const url = (0, react_1.useMemo)(() => {
14
14
  return common_1.CoinflowUtils.getCoinflowUrl(props);
15
15
  }, [props]);
16
- var sendMessage = (0, react_1.useCallback)(function (message) {
17
- var _a;
18
- if (!((_a = IFrameRef === null || IFrameRef === void 0 ? void 0 : IFrameRef.current) === null || _a === void 0 ? void 0 : _a.contentWindow))
16
+ const sendMessage = (0, react_1.useCallback)((message) => {
17
+ if (!IFrameRef?.current?.contentWindow)
19
18
  throw new Error('Iframe not defined');
20
19
  IFrameRef.current.contentWindow.postMessage(message, '*');
21
20
  }, []);
22
- (0, react_1.useImperativeHandle)(ref, function () { return ({
23
- listenForMessage: function (isResponseValid) {
24
- return tslib_1.__awaiter(this, void 0, void 0, function () {
25
- var handler;
26
- return tslib_1.__generator(this, function (_a) {
27
- return [2 /*return*/, new Promise(function (resolve, reject) {
28
- handler = function (_a) {
29
- var data = _a.data, origin = _a.origin;
30
- if (!origin.includes(common_1.CoinflowUtils.getCoinflowBaseUrl(props.env)))
31
- return;
32
- if (data.startsWith('ERROR')) {
33
- reject(new Error(data.replace('ERROR', '')));
34
- return;
35
- }
36
- if (!isResponseValid(data))
37
- return;
38
- resolve(data);
39
- };
40
- if (!window)
41
- throw new Error('Window not defined');
42
- window.addEventListener('message', handler);
43
- }).finally(function () {
44
- window.removeEventListener('message', handler);
45
- })];
46
- });
21
+ (0, react_1.useImperativeHandle)(ref, () => ({
22
+ async listenForMessage(isResponseValid) {
23
+ let handler;
24
+ return new Promise((resolve, reject) => {
25
+ handler = ({ data, origin }) => {
26
+ if (!origin.includes(common_1.CoinflowUtils.getCoinflowBaseUrl(props.env)))
27
+ return;
28
+ if (data.startsWith('ERROR')) {
29
+ reject(new Error(data.replace('ERROR', '')));
30
+ return;
31
+ }
32
+ if (!isResponseValid(data))
33
+ return;
34
+ resolve(data);
35
+ };
36
+ if (!window)
37
+ throw new Error('Window not defined');
38
+ window.addEventListener('message', handler);
39
+ }).finally(() => {
40
+ window.removeEventListener('message', handler);
47
41
  });
48
42
  },
49
- sendAndReceiveMessage: function (message, isResponseValid) {
50
- return tslib_1.__awaiter(this, void 0, void 0, function () {
51
- return tslib_1.__generator(this, function (_a) {
52
- sendMessage(message);
53
- return [2 /*return*/, this.listenForMessage(isResponseValid)];
54
- });
55
- });
43
+ async sendAndReceiveMessage(message, isResponseValid) {
44
+ sendMessage(message);
45
+ return this.listenForMessage(isResponseValid);
56
46
  },
57
- }); });
58
- var handleIframeMessages = (0, react_1.useCallback)(function (_a) {
59
- var data = _a.data, origin = _a.origin;
47
+ }));
48
+ const handleIframeMessages = (0, react_1.useCallback)(({ data, origin }) => {
60
49
  if (!origin.includes(common_1.CoinflowUtils.getCoinflowBaseUrl(props.env)))
61
50
  return;
62
- var promise = (0, common_1.handleIFrameMessage)(data, props, props.handleHeightChangeId);
51
+ const promise = (0, common_1.handleIFrameMessage)(data, props, props.handleHeightChangeId);
63
52
  if (!promise)
64
53
  return;
65
- promise.then(sendMessage).catch(function (e) { return sendMessage('ERROR ' + e.message); });
54
+ promise.then(sendMessage).catch(e => sendMessage('ERROR ' + e.message));
66
55
  }, [props, sendMessage]);
67
- (0, react_1.useEffect)(function () {
56
+ (0, react_1.useEffect)(() => {
68
57
  if (!window)
69
58
  throw new Error('Window not defined');
70
59
  window.addEventListener('message', handleIframeMessages);
71
- return function () {
60
+ return () => {
72
61
  window.removeEventListener('message', handleIframeMessages);
73
62
  };
74
63
  }, [handleIframeMessages]);
75
- (0, react_1.useLayoutEffect)(function () {
64
+ (0, react_1.useLayoutEffect)(() => {
76
65
  if (!IFrameRef.current)
77
66
  return;
78
67
  // @ts-expect-error TypeScript doesn't recognize credentialless as a valid attribute in its type definitions yet
79
68
  IFrameRef.current.credentialless = true;
80
69
  }, []);
81
- var handleHeightChange = props.handleHeightChange;
82
- return (0, react_1.useMemo)(function () { return (react_1.default.createElement("iframe", { scrolling: handleHeightChange ? 'no' : 'yes', onLoad: function () {
70
+ const { handleHeightChange } = props;
71
+ return (0, react_1.useMemo)(() => (react_1.default.createElement("iframe", { scrolling: handleHeightChange ? 'no' : 'yes', onLoad: () => {
83
72
  if (IFrameRef.current)
84
73
  IFrameRef.current.style.opacity = '1';
85
74
  }, allow: 'payment;camera;clipboard-write', ref: IFrameRef, style: {
@@ -87,6 +76,6 @@ exports.CoinflowIFrame = (0, react_1.forwardRef)(function (props, ref) {
87
76
  height: '100%',
88
77
  opacity: 0,
89
78
  transition: 'opacity 300ms linear',
90
- }, title: "withdraw", frameBorder: "0", src: url })); }, [IFrameRef, handleHeightChange, url]);
79
+ }, title: "withdraw", frameBorder: "0", src: url })), [IFrameRef, handleHeightChange, url]);
91
80
  });
92
81
  //# sourceMappingURL=CoinflowIFrame.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"CoinflowIFrame.js","sourceRoot":"","sources":["../../src/CoinflowIFrame.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"CoinflowIFrame.js","sourceRoot":"","sources":["../../src/CoinflowIFrame.tsx"],"names":[],"mappings":"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"}
@@ -1,43 +1,51 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
+ const tslib_1 = require("tslib");
3
4
  exports.CoinflowPurchase = CoinflowPurchase;
4
- var tslib_1 = require("tslib");
5
- var react_1 = tslib_1.__importStar(require("react"));
6
- var common_1 = require("./common");
7
- var CoinflowIFrame_1 = require("./CoinflowIFrame");
8
- var useOverlay_1 = require("./useOverlay");
5
+ const react_1 = tslib_1.__importStar(require("react"));
6
+ const common_1 = require("./common");
7
+ const CoinflowIFrame_1 = require("./CoinflowIFrame");
8
+ const useOverlay_1 = require("./useOverlay");
9
9
  function useCoinflowPurchase(purchaseProps, version) {
10
- var handleHeightChangeId = (0, CoinflowIFrame_1.useRandomHandleHeightChangeId)();
11
- var iframeProps = (0, react_1.useMemo)(function () {
12
- var walletPubkey = (0, common_1.getWalletPubkey)(purchaseProps);
13
- return tslib_1.__assign(tslib_1.__assign({}, purchaseProps), { walletPubkey: walletPubkey, route: "/purchase".concat(version, "/").concat(purchaseProps.merchantId), transaction: common_1.CoinflowUtils.getTransaction(purchaseProps), handleHeightChangeId: handleHeightChangeId });
10
+ const handleHeightChangeId = (0, CoinflowIFrame_1.useRandomHandleHeightChangeId)();
11
+ const iframeProps = (0, react_1.useMemo)(() => {
12
+ const walletPubkey = (0, common_1.getWalletPubkey)(purchaseProps);
13
+ return {
14
+ ...purchaseProps,
15
+ walletPubkey,
16
+ route: `/purchase${version}/${purchaseProps.merchantId}`,
17
+ transaction: common_1.CoinflowUtils.getTransaction(purchaseProps),
18
+ handleHeightChangeId,
19
+ };
14
20
  }, [handleHeightChangeId, purchaseProps, version]);
15
- var messageHandlers = (0, react_1.useMemo)(function () {
16
- return tslib_1.__assign(tslib_1.__assign({}, (0, common_1.getHandlers)(purchaseProps)), { handleHeightChange: purchaseProps.handleHeightChange });
21
+ const messageHandlers = (0, react_1.useMemo)(() => {
22
+ return {
23
+ ...(0, common_1.getHandlers)(purchaseProps),
24
+ handleHeightChange: purchaseProps.handleHeightChange,
25
+ };
17
26
  }, [purchaseProps]);
18
- return { iframeProps: iframeProps, messageHandlers: messageHandlers };
27
+ return { iframeProps, messageHandlers };
19
28
  }
20
29
  function CoinflowPurchase(purchaseProps) {
21
- var iframeRef = (0, react_1.useRef)(null);
22
- var _a = useCoinflowPurchase(purchaseProps, '-v2'), iframeProps = _a.iframeProps, messageHandlers = _a.messageHandlers;
23
- var showOverlay = (0, useOverlay_1.useOverlay)(iframeRef).showOverlay;
24
- var loaderBackground = iframeProps.loaderBackground || '#ffffff'; // white default bg
25
- var invertedColor = invertHexColor(loaderBackground);
30
+ const iframeRef = (0, react_1.useRef)(null);
31
+ const { iframeProps, messageHandlers } = useCoinflowPurchase(purchaseProps, '-v2');
32
+ const { showOverlay } = (0, useOverlay_1.useOverlay)(iframeRef);
33
+ const loaderBackground = iframeProps.loaderBackground || '#ffffff'; // white default bg
34
+ const invertedColor = invertHexColor(loaderBackground);
26
35
  return (react_1.default.createElement("div", { style: styles.container(loaderBackground) },
27
- react_1.default.createElement(CoinflowIFrame_1.CoinflowIFrame, tslib_1.__assign({ ref: iframeRef }, iframeProps, messageHandlers)),
36
+ react_1.default.createElement(CoinflowIFrame_1.CoinflowIFrame, { ref: iframeRef, ...iframeProps, ...messageHandlers }),
28
37
  showOverlay && (react_1.default.createElement(LoaderOverlay, { loaderBackground: loaderBackground, invertedColor: invertedColor }))));
29
38
  }
30
- function LoaderOverlay(_a) {
31
- var loaderBackground = _a.loaderBackground, invertedColor = _a.invertedColor;
39
+ function LoaderOverlay({ loaderBackground, invertedColor, }) {
32
40
  return (react_1.default.createElement("div", { style: styles.overlay(loaderBackground) },
33
41
  react_1.default.createElement(LoaderGrid, { columns: 2 },
34
42
  react_1.default.createElement(Loader, { loaderBackground: invertedColor }),
35
43
  react_1.default.createElement(Loader, { loaderBackground: invertedColor })),
36
44
  react_1.default.createElement(LoaderGrid, { columns: 1 },
37
45
  react_1.default.createElement(Loader, { height: 80, loaderBackground: invertedColor })),
38
- tslib_1.__spreadArray([], Array(3), true).map(function (_, index) { return (react_1.default.createElement(LoaderRow, { key: index },
46
+ [...Array(3)].map((_, index) => (react_1.default.createElement(LoaderRow, { key: index },
39
47
  react_1.default.createElement(Loader, { width: index < 2 ? 80 : 120, height: index < 2 ? 15 : 20, loaderBackground: invertedColor }),
40
- react_1.default.createElement(Loader, { width: index < 2 ? 60 : 100, height: index < 2 ? 15 : 20, loaderBackground: invertedColor }))); }),
48
+ react_1.default.createElement(Loader, { width: index < 2 ? 60 : 100, height: index < 2 ? 15 : 20, loaderBackground: invertedColor })))),
41
49
  react_1.default.createElement(LoaderGrid, { columns: 1 },
42
50
  react_1.default.createElement(Loader, { height: 60, loaderBackground: invertedColor })),
43
51
  react_1.default.createElement(LoaderGrid, { columns: 1, width: "50%" },
@@ -45,33 +53,33 @@ function LoaderOverlay(_a) {
45
53
  react_1.default.createElement(LoaderGrid, { columns: 1, width: "40%" },
46
54
  react_1.default.createElement(Loader, { height: 6, loaderBackground: invertedColor }))));
47
55
  }
48
- function LoaderGrid(_a) {
49
- var children = _a.children, columns = _a.columns, _b = _a.width, width = _b === void 0 ? '100%' : _b;
50
- return (react_1.default.createElement("div", { style: tslib_1.__assign(tslib_1.__assign({}, styles.grid), { gridTemplateColumns: "repeat(".concat(columns, ", 1fr)"), width: width }) }, children));
56
+ function LoaderGrid({ children, columns, width = '100%', }) {
57
+ return (react_1.default.createElement("div", { style: {
58
+ ...styles.grid,
59
+ gridTemplateColumns: `repeat(${columns}, 1fr)`,
60
+ width,
61
+ } }, children));
51
62
  }
52
- function LoaderRow(_a) {
53
- var children = _a.children;
63
+ function LoaderRow({ children }) {
54
64
  return react_1.default.createElement("div", { style: styles.row }, children);
55
65
  }
56
- function Loader(_a) {
57
- var loaderBackground = _a.loaderBackground, _b = _a.height, height = _b === void 0 ? 40 : _b, width = _a.width;
66
+ function Loader({ loaderBackground, height = 40, width, }) {
58
67
  return (react_1.default.createElement(react_1.default.Fragment, null,
59
68
  react_1.default.createElement("div", { style: styles.loader(loaderBackground, height, width) }),
60
69
  react_1.default.createElement("style", null, styles.keyframes)));
61
70
  }
62
71
  function invertHexColor(hex) {
63
- var _a;
64
72
  hex = hex.replace(/^#/, '');
65
- var rgb = ((_a = hex.match(/.{2}/g)) === null || _a === void 0 ? void 0 : _a.map(function (val) { return 255 - parseInt(val, 16); })) || [];
66
- return "#".concat(rgb.map(function (val) { return val.toString(16).padStart(2, '0'); }).join(''));
73
+ const rgb = hex.match(/.{2}/g)?.map(val => 255 - parseInt(val, 16)) || [];
74
+ return `#${rgb.map(val => val.toString(16).padStart(2, '0')).join('')}`;
67
75
  }
68
- var styles = {
69
- container: function (bg) { return ({
76
+ const styles = {
77
+ container: (bg) => ({
70
78
  position: 'relative',
71
79
  height: '100%',
72
80
  backgroundColor: bg,
73
- }); },
74
- overlay: function (bg) { return ({
81
+ }),
82
+ overlay: (bg) => ({
75
83
  backgroundColor: bg,
76
84
  display: 'flex',
77
85
  color: 'gray',
@@ -86,7 +94,7 @@ var styles = {
86
94
  gap: '20px',
87
95
  zIndex: 10,
88
96
  padding: '20px',
89
- }); },
97
+ }),
90
98
  grid: {
91
99
  display: 'grid',
92
100
  gap: '20px',
@@ -97,13 +105,18 @@ var styles = {
97
105
  justifyContent: 'space-between',
98
106
  width: '100%',
99
107
  },
100
- loader: function (bg, height, width) { return ({
101
- width: width ? "".concat(width, "px") : '100%',
102
- height: "".concat(height, "px"),
108
+ loader: (bg, height, width) => ({
109
+ width: width ? `${width}px` : '100%',
110
+ height: `${height}px`,
103
111
  backgroundColor: bg,
104
112
  borderRadius: '4px',
105
113
  animation: 'pulse 1.5s infinite',
106
- }); },
107
- keyframes: "\n @keyframes pulse {\n 0%, 100% { opacity: 0.07; }\n 50% { opacity: 0.03; }\n }\n ",
114
+ }),
115
+ keyframes: `
116
+ @keyframes pulse {
117
+ 0%, 100% { opacity: 0.07; }
118
+ 50% { opacity: 0.03; }
119
+ }
120
+ `,
108
121
  };
109
122
  //# sourceMappingURL=CoinflowPurchase.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"CoinflowPurchase.js","sourceRoot":"","sources":["../../src/CoinflowPurchase.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"CoinflowPurchase.js","sourceRoot":"","sources":["../../src/CoinflowPurchase.tsx"],"names":[],"mappings":"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"}
@@ -1,19 +1,28 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
+ const tslib_1 = require("tslib");
3
4
  exports.CoinflowPurchaseHistory = CoinflowPurchaseHistory;
4
- var tslib_1 = require("tslib");
5
- var CoinflowIFrame_1 = require("./CoinflowIFrame");
6
- var react_1 = tslib_1.__importStar(require("react"));
7
- var common_1 = require("./common");
5
+ const CoinflowIFrame_1 = require("./CoinflowIFrame");
6
+ const react_1 = tslib_1.__importStar(require("react"));
7
+ const common_1 = require("./common");
8
8
  function CoinflowPurchaseHistory(props) {
9
- var handleHeightChangeId = (0, CoinflowIFrame_1.useRandomHandleHeightChangeId)();
10
- var iframeProps = (0, react_1.useMemo)(function () {
11
- var walletPubkey = (0, common_1.getWalletPubkey)(props);
12
- return tslib_1.__assign(tslib_1.__assign({}, props), { walletPubkey: walletPubkey, route: "/history/purchase/".concat(props.merchantId), transaction: undefined, handleHeightChangeId: handleHeightChangeId });
9
+ const handleHeightChangeId = (0, CoinflowIFrame_1.useRandomHandleHeightChangeId)();
10
+ const iframeProps = (0, react_1.useMemo)(() => {
11
+ const walletPubkey = (0, common_1.getWalletPubkey)(props);
12
+ return {
13
+ ...props,
14
+ walletPubkey,
15
+ route: `/history/purchase/${props.merchantId}`,
16
+ transaction: undefined,
17
+ handleHeightChangeId,
18
+ };
13
19
  }, [handleHeightChangeId, props]);
14
- var messageHandlers = (0, react_1.useMemo)(function () {
15
- return tslib_1.__assign(tslib_1.__assign({}, (0, common_1.getHandlers)(props)), { handleHeightChange: props.handleHeightChange });
20
+ const messageHandlers = (0, react_1.useMemo)(() => {
21
+ return {
22
+ ...(0, common_1.getHandlers)(props),
23
+ handleHeightChange: props.handleHeightChange,
24
+ };
16
25
  }, [props]);
17
- return react_1.default.createElement(CoinflowIFrame_1.CoinflowIFrame, tslib_1.__assign({}, iframeProps, messageHandlers));
26
+ return react_1.default.createElement(CoinflowIFrame_1.CoinflowIFrame, { ...iframeProps, ...messageHandlers });
18
27
  }
19
28
  //# sourceMappingURL=CoinflowPurchaseHistory.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"CoinflowPurchaseHistory.js","sourceRoot":"","sources":["../../src/CoinflowPurchaseHistory.tsx"],"names":[],"mappings":";;AAUA,0DAqBC;;AA/BD,mDAA+E;AAC/E,qDAAqC;AACrC,mCAMkB;AAElB,SAAgB,uBAAuB,CAAC,KAA2B;IACjE,IAAM,oBAAoB,GAAG,IAAA,8CAA6B,GAAE,CAAC;IAC7D,IAAM,WAAW,GAAG,IAAA,eAAO,EAAsB;QAC/C,IAAM,YAAY,GAAG,IAAA,wBAAe,EAAC,KAAK,CAAC,CAAC;QAC5C,6CACK,KAAK,KACR,YAAY,cAAA,EACZ,KAAK,EAAE,4BAAqB,KAAK,CAAC,UAAU,CAAE,EAC9C,WAAW,EAAE,SAAS,EACtB,oBAAoB,sBAAA,IACpB;IACJ,CAAC,EAAE,CAAC,oBAAoB,EAAE,KAAK,CAAC,CAAC,CAAC;IAElC,IAAM,eAAe,GAAG,IAAA,eAAO,EAAwB;QACrD,6CACK,IAAA,oBAAW,EAAC,KAAK,CAAC,KACrB,kBAAkB,EAAE,KAAK,CAAC,kBAAkB,IAC5C;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,8BAAC,+BAAc,uBAAK,WAAW,EAAM,eAAe,EAAI,CAAC;AAClE,CAAC"}
1
+ {"version":3,"file":"CoinflowPurchaseHistory.js","sourceRoot":"","sources":["../../src/CoinflowPurchaseHistory.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+E;AAC/E,uDAAqC;AACrC,qCAMkB;AAElB,iCAAwC,KAA2B;IACjE,MAAM,oBAAoB,GAAG,IAAA,8CAA6B,GAAE,CAAC;IAC7D,MAAM,WAAW,GAAG,IAAA,eAAO,EAAsB,GAAG,EAAE;QACpD,MAAM,YAAY,GAAG,IAAA,wBAAe,EAAC,KAAK,CAAC,CAAC;QAC5C,OAAO;YACL,GAAG,KAAK;YACR,YAAY;YACZ,KAAK,EAAE,qBAAqB,KAAK,CAAC,UAAU,EAAE;YAC9C,WAAW,EAAE,SAAS;YACtB,oBAAoB;SACrB,CAAC;IACJ,CAAC,EAAE,CAAC,oBAAoB,EAAE,KAAK,CAAC,CAAC,CAAC;IAElC,MAAM,eAAe,GAAG,IAAA,eAAO,EAAwB,GAAG,EAAE;QAC1D,OAAO;YACL,GAAG,IAAA,oBAAW,EAAC,KAAK,CAAC;YACrB,kBAAkB,EAAE,KAAK,CAAC,kBAAkB;SAC7C,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,8BAAC,+BAAc,OAAK,WAAW,KAAM,eAAe,GAAI,CAAC;AAClE,CAAC"}
@@ -1,5 +1,5 @@
1
1
  import { CoinflowEnvs } from './common';
2
- export declare function CoinflowPurchaseProtection({ coinflowEnv, merchantId, }: {
2
+ export declare function CoinflowPurchaseProtection({ coinflowEnv, merchantId }: {
3
3
  coinflowEnv: CoinflowEnvs;
4
4
  merchantId: string;
5
5
  }): null;
@@ -1,24 +1,23 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
+ const tslib_1 = require("tslib");
3
4
  exports.CoinflowPurchaseProtection = CoinflowPurchaseProtection;
4
- var tslib_1 = require("tslib");
5
- var react_1 = require("react");
6
- var common_1 = require("./common");
7
- var web_client_sdk_1 = tslib_1.__importDefault(require("@nsure-ai/web-client-sdk"));
8
- function CoinflowPurchaseProtection(_a) {
9
- var coinflowEnv = _a.coinflowEnv, merchantId = _a.merchantId;
10
- var appId = (0, react_1.useMemo)(function () {
5
+ const react_1 = require("react");
6
+ const common_1 = require("./common");
7
+ const web_client_sdk_1 = tslib_1.__importDefault(require("@nsure-ai/web-client-sdk"));
8
+ function CoinflowPurchaseProtection({ coinflowEnv, merchantId, }) {
9
+ const appId = (0, react_1.useMemo)(() => {
11
10
  return coinflowEnv === 'prod'
12
11
  ? '9JBW2RHC7JNJN8ZQ'
13
12
  : 'SANDBOX_CTCE4XK53ZW0R7V1';
14
13
  }, [coinflowEnv]);
15
- var _b = (0, react_1.useState)(undefined), partnerId = _b[0], setPartnerId = _b[1];
16
- (0, react_1.useEffect)(function () {
14
+ const [partnerId, setPartnerId] = (0, react_1.useState)(undefined);
15
+ (0, react_1.useEffect)(() => {
17
16
  new common_1.CoinflowUtils(coinflowEnv)
18
17
  .getNSurePartnerId(merchantId)
19
- .then(function (partnerId) { return setPartnerId(partnerId); });
18
+ .then(partnerId => setPartnerId(partnerId));
20
19
  }, [merchantId, coinflowEnv]);
21
- (0, react_1.useEffect)(function () {
20
+ (0, react_1.useEffect)(() => {
22
21
  if (partnerId) {
23
22
  web_client_sdk_1.default.init(appId, partnerId);
24
23
  }
@@ -1 +1 @@
1
- {"version":3,"file":"CoinflowPurchaseProtection.js","sourceRoot":"","sources":["../../src/CoinflowPurchaseProtection.tsx"],"names":[],"mappings":";;AAIA,gEAwBC;;AA5BD,+BAAmD;AACnD,mCAAqD;AACrD,oFAAgD;AAEhD,SAAgB,0BAA0B,CAAC,EAM1C;QALC,WAAW,iBAAA,EACX,UAAU,gBAAA;IAKV,IAAM,KAAK,GAAG,IAAA,eAAO,EAAC;QACpB,OAAO,WAAW,KAAK,MAAM;YAC3B,CAAC,CAAC,kBAAkB;YACpB,CAAC,CAAC,0BAA0B,CAAC;IACjC,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IACZ,IAAA,KAA4B,IAAA,gBAAQ,EAAqB,SAAS,CAAC,EAAlE,SAAS,QAAA,EAAE,YAAY,QAA2C,CAAC;IAC1E,IAAA,iBAAS,EAAC;QACR,IAAI,sBAAa,CAAC,WAAW,CAAC;aAC3B,iBAAiB,CAAC,UAAU,CAAC;aAC7B,IAAI,CAAC,UAAA,SAAS,IAAI,OAAA,YAAY,CAAC,SAAS,CAAC,EAAvB,CAAuB,CAAC,CAAC;IAChD,CAAC,EAAE,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC,CAAC;IAC9B,IAAA,iBAAS,EAAC;QACR,IAAI,SAAS,EAAE,CAAC;YACd,wBAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;QAClC,CAAC;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC;IACvB,OAAO,IAAI,CAAC;AACd,CAAC"}
1
+ {"version":3,"file":"CoinflowPurchaseProtection.js","sourceRoot":"","sources":["../../src/CoinflowPurchaseProtection.tsx"],"names":[],"mappings":";;;;AAAA,iCAAmD;AACnD,qCAAqD;AACrD,sFAAgD;AAEhD,oCAA2C,EACzC,WAAW,EACX,UAAU,GAIX;IACC,MAAM,KAAK,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACzB,OAAO,WAAW,KAAK,MAAM;YAC3B,CAAC,CAAC,kBAAkB;YACpB,CAAC,CAAC,0BAA0B,CAAC;IACjC,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAClB,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAqB,SAAS,CAAC,CAAC;IAC1E,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,sBAAa,CAAC,WAAW,CAAC;aAC3B,iBAAiB,CAAC,UAAU,CAAC;aAC7B,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC,CAAC;IAChD,CAAC,EAAE,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC,CAAC;IAC9B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,SAAS,EAAE,CAAC;YACd,wBAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;QAClC,CAAC;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC;IACvB,OAAO,IAAI,CAAC;AACd,CAAC"}
@@ -1,19 +1,28 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
+ const tslib_1 = require("tslib");
3
4
  exports.CoinflowWithdraw = CoinflowWithdraw;
4
- var tslib_1 = require("tslib");
5
- var react_1 = tslib_1.__importStar(require("react"));
6
- var CoinflowIFrame_1 = require("./CoinflowIFrame");
7
- var common_1 = require("./common");
5
+ const react_1 = tslib_1.__importStar(require("react"));
6
+ const CoinflowIFrame_1 = require("./CoinflowIFrame");
7
+ const common_1 = require("./common");
8
8
  function CoinflowWithdraw(withdrawProps) {
9
- var handleHeightChangeId = (0, CoinflowIFrame_1.useRandomHandleHeightChangeId)();
10
- var iframeProps = (0, react_1.useMemo)(function () {
11
- var walletPubkey = (0, common_1.getWalletPubkey)(withdrawProps);
12
- return tslib_1.__assign(tslib_1.__assign({}, withdrawProps), { walletPubkey: walletPubkey, route: "/withdraw/".concat(withdrawProps.merchantId), transaction: undefined, handleHeightChangeId: handleHeightChangeId });
9
+ const handleHeightChangeId = (0, CoinflowIFrame_1.useRandomHandleHeightChangeId)();
10
+ const iframeProps = (0, react_1.useMemo)(() => {
11
+ const walletPubkey = (0, common_1.getWalletPubkey)(withdrawProps);
12
+ return {
13
+ ...withdrawProps,
14
+ walletPubkey,
15
+ route: `/withdraw/${withdrawProps.merchantId}`,
16
+ transaction: undefined,
17
+ handleHeightChangeId,
18
+ };
13
19
  }, [handleHeightChangeId, withdrawProps]);
14
- var messageHandlers = (0, react_1.useMemo)(function () {
15
- return tslib_1.__assign(tslib_1.__assign({}, (0, common_1.getHandlers)(withdrawProps)), { handleHeightChange: withdrawProps.handleHeightChange });
20
+ const messageHandlers = (0, react_1.useMemo)(() => {
21
+ return {
22
+ ...(0, common_1.getHandlers)(withdrawProps),
23
+ handleHeightChange: withdrawProps.handleHeightChange,
24
+ };
16
25
  }, [withdrawProps]);
17
- return react_1.default.createElement(CoinflowIFrame_1.CoinflowIFrame, tslib_1.__assign({}, iframeProps, messageHandlers));
26
+ return react_1.default.createElement(CoinflowIFrame_1.CoinflowIFrame, { ...iframeProps, ...messageHandlers });
18
27
  }
19
28
  //# sourceMappingURL=CoinflowWithdraw.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"CoinflowWithdraw.js","sourceRoot":"","sources":["../../src/CoinflowWithdraw.tsx"],"names":[],"mappings":";;AAUA,4CAqBC;;AA/BD,qDAAqC;AACrC,mDAA+E;AAC/E,mCAMkB;AAElB,SAAgB,gBAAgB,CAAC,aAAoC;IACnE,IAAM,oBAAoB,GAAG,IAAA,8CAA6B,GAAE,CAAC;IAC7D,IAAM,WAAW,GAAG,IAAA,eAAO,EAAsB;QAC/C,IAAM,YAAY,GAAG,IAAA,wBAAe,EAAC,aAAa,CAAC,CAAC;QACpD,6CACK,aAAa,KAChB,YAAY,cAAA,EACZ,KAAK,EAAE,oBAAa,aAAa,CAAC,UAAU,CAAE,EAC9C,WAAW,EAAE,SAAS,EACtB,oBAAoB,sBAAA,IACpB;IACJ,CAAC,EAAE,CAAC,oBAAoB,EAAE,aAAa,CAAC,CAAC,CAAC;IAE1C,IAAM,eAAe,GAAG,IAAA,eAAO,EAAwB;QACrD,6CACK,IAAA,oBAAW,EAAC,aAAa,CAAC,KAC7B,kBAAkB,EAAE,aAAa,CAAC,kBAAkB,IACpD;IACJ,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,OAAO,8BAAC,+BAAc,uBAAK,WAAW,EAAM,eAAe,EAAI,CAAC;AAClE,CAAC"}
1
+ {"version":3,"file":"CoinflowWithdraw.js","sourceRoot":"","sources":["../../src/CoinflowWithdraw.tsx"],"names":[],"mappings":";;;;AAAA,uDAAqC;AACrC,qDAA+E;AAC/E,qCAMkB;AAElB,0BAAiC,aAAoC;IACnE,MAAM,oBAAoB,GAAG,IAAA,8CAA6B,GAAE,CAAC;IAC7D,MAAM,WAAW,GAAG,IAAA,eAAO,EAAsB,GAAG,EAAE;QACpD,MAAM,YAAY,GAAG,IAAA,wBAAe,EAAC,aAAa,CAAC,CAAC;QACpD,OAAO;YACL,GAAG,aAAa;YAChB,YAAY;YACZ,KAAK,EAAE,aAAa,aAAa,CAAC,UAAU,EAAE;YAC9C,WAAW,EAAE,SAAS;YACtB,oBAAoB;SACrB,CAAC;IACJ,CAAC,EAAE,CAAC,oBAAoB,EAAE,aAAa,CAAC,CAAC,CAAC;IAE1C,MAAM,eAAe,GAAG,IAAA,eAAO,EAAwB,GAAG,EAAE;QAC1D,OAAO;YACL,GAAG,IAAA,oBAAW,EAAC,aAAa,CAAC;YAC7B,kBAAkB,EAAE,aAAa,CAAC,kBAAkB;SACrD,CAAC;IACJ,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,OAAO,8BAAC,+BAAc,OAAK,WAAW,KAAM,eAAe,GAAI,CAAC;AAClE,CAAC"}