@fractalpay/fractalpay-next-dev 0.0.214 → 0.0.215

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.
package/dist/index.js CHANGED
@@ -39,7 +39,7 @@ var require_package = __commonJS({
39
39
  "package.json"(exports, module) {
40
40
  module.exports = {
41
41
  name: "@fractalpay/fractalpay-next-dev",
42
- version: "0.0.214",
42
+ version: "0.0.215",
43
43
  private: false,
44
44
  type: "module",
45
45
  scripts: {
@@ -3360,13 +3360,33 @@ var customCSS = `
3360
3360
  var DataCapFields = ({
3361
3361
  isOpen,
3362
3362
  tokenKey,
3363
- setLoader
3363
+ setLoader,
3364
+ isAddCard
3364
3365
  }) => {
3365
3366
  const iframeId = "datacap-iframe";
3366
3367
  const resolverRef = useRef2(null);
3367
3368
  const [iframeReady, setIframeReady] = useState3(false);
3368
3369
  useEffect7(() => {
3369
3370
  if (!isOpen || !tokenKey) return;
3371
+ if (isAddCard) {
3372
+ customCSS += `
3373
+ label {
3374
+ display: block !important;
3375
+ text-align: left !important;
3376
+ font-weight: 400 !important;
3377
+ text-transform: uppercase;
3378
+ color: #35254D !important;
3379
+ margin-bottom: 6px;
3380
+ }
3381
+ input::placeholder {
3382
+ font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
3383
+ color: #9ca3af !important;
3384
+ font-weight: 400 !important;
3385
+ font-size: 14px !important;
3386
+ }
3387
+ `;
3388
+ }
3389
+ console.log(customCSS, "customcss");
3370
3390
  const initialize = async () => {
3371
3391
  setLoader == null ? void 0 : setLoader(true);
3372
3392
  setIframeReady(false);
@@ -5790,10 +5810,13 @@ div#card_number{
5790
5810
  border-radius: 0.375rem !important;
5791
5811
  padding: 0px 12px;
5792
5812
  }
5793
- input#cardholderName::placeholder {
5813
+ input#cardholderName::placeholder , input#zipcode::placeholder {
5794
5814
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
5795
- color: #35254D;
5796
- }
5815
+ color: #9ca3af !important;
5816
+ font-weight: 400 !important;
5817
+ font-size: 14px !important;
5818
+ }
5819
+
5797
5820
  ` });
5798
5821
  }
5799
5822
 
@@ -6290,13 +6313,14 @@ function AddCardEasyPay(props) {
6290
6313
  e.stopPropagation();
6291
6314
  }
6292
6315
  }, children: [
6293
- /* @__PURE__ */ jsxs14("div", { style: { maxHeight: "350px", minHeight: "0" }, className: "card-scrl", children: [
6316
+ /* @__PURE__ */ jsxs14("div", { style: { maxHeight: "410px", minHeight: "0" }, className: "card-scrl", children: [
6294
6317
  /* @__PURE__ */ jsx24("div", { className: "form-group", style: { marginTop: "0", marginBottom: "10px" }, children: /* @__PURE__ */ jsx24(
6295
6318
  DataCapFields,
6296
6319
  {
6297
6320
  isOpen: true,
6298
6321
  tokenKey: paymentData == null ? void 0 : paymentData.dctoken,
6299
- setLoader: setLoadingIframe
6322
+ setLoader: setLoadingIframe,
6323
+ isAddCard: true
6300
6324
  }
6301
6325
  ) }),
6302
6326
  /* @__PURE__ */ jsxs14("div", { className: "form-group", style: { marginTop: "0" }, children: [
@@ -6329,7 +6353,7 @@ function AddCardEasyPay(props) {
6329
6353
  "input",
6330
6354
  {
6331
6355
  type: "text",
6332
- id: "",
6356
+ id: "zipcode",
6333
6357
  name: "zipcode",
6334
6358
  placeholder: "Zip",
6335
6359
  value: (_b = cardData == null ? void 0 : cardData.zipCode) != null ? _b : "",