@fat-zebra/sdk 1.0.2 → 1.0.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fat-zebra/sdk",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "description": "",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/index.ts

@@ -1,9 +0,0 @@
-import { Payment, PaymentIntent, VerificationConfig, Handlers, PublicEvent } from "../src/shared/types"
-
-export {
-  type Payment,
-  type PaymentIntent,
-  type VerificationConfig,
-  type Handlers,
-  PublicEvent,
-}

package/src/react/VerifyCard.tsx

@@ -1,36 +0,0 @@
-import React from "react";
-import useFatZebra from "./useFatZebra";
-import * as FatZebra from "../shared/types";
-
-type FrameProps = {
-  handlers: FatZebra.Handlers;
-  username: string;
-  accessToken: string;
-  config: FatZebra.VerificationConfig;
-};
-
-const Frame = ({ username, handlers, config }: FrameProps) => {
-  const bridgeRef = React.useRef<HTMLIFrameElement>(null);
-
-  const { url } = useFatZebra({
-    username: username,
-    config,
-    handlers: handlers,
-    bridge: bridgeRef,
-  });
-
-  return (
-    <div>
-      <iframe src={url} width="100%" height="700px" title="verification-form" />
-      <iframe
-        title="bridge-form"
-        src="http://paynow.test:3004/sdk/bridge"
-        width="100%"
-        height="700px"
-        ref={bridgeRef}
-      />
-    </div>
-  );
-};
-
-export default Frame;

package/src/react/index.ts

@@ -1,3 +0,0 @@
-import VerifyCard from "./VerifyCard";
-
-export { VerifyCard }

package/src/react/url.ts

@@ -1,97 +0,0 @@
-import { parseTemplate } from 'url-template';
-type RequiredURLValues = {
-  merchant: string;
-  hash: string;
-  reference: string;
-  amount: number;
-  currency: string;
-}
-
-type VerificationURLValues = OptionalURLValues & {
-  merchant: string;
-  timestamp: string;
-  verification: string;
-};
-
-type OptionalURLValues = Partial<{
-  hide_card_holder: string;
-  return_path: string
-  card_types: Array<string>;
-  surcharge_enabled: string;
-  sca_enabled: boolean;
-  css: string;
-  css_signature: string;
-  tokenize_only: boolean;
-}>
-
-type UrlValues = RequiredURLValues & OptionalURLValues
-
-const generatePaymentURL = (values: UrlValues) => {
-  const queryParts = [
-    "tokenize_only",
-    "css",
-    "css_signature",
-    "iframe",
-    "postmessage",
-    "hide_card_holder",
-    "return_path",
-    "card_types",
-    "surcharge_enabled",
-    "sca_enabled",
-  ]
-
-  const urlTemplate = parseTemplate(
-    `http://paynow.test:3004/sdk/v3/{merchant}/{reference}/{currency}/{amount}/{verification}{?${queryParts.join(",")}}`
-  );
-
-  const url = urlTemplate.expand({
-    merchant: values.merchant,
-    reference: values.reference,
-    currency: values.currency,
-    amount: values.amount,
-    verification: values.hash,
-    sca_enabled: values.sca_enabled,
-    css: values.css,
-    css_signature: values.css_signature,
-    iframe: true,
-    postmessage: true,
-    tokenize_only: values.tokenize_only,
-  });
-
-  return url;
-};
-
-const generateVerificationURL = (values: VerificationURLValues) => {
-  const queryParts = [
-    "tokenize_only",
-    "css",
-    "css_signature",
-    "iframe",
-    "postmessage",
-    "hide_card_holder",
-    "return_path",
-    "card_types",
-    "surcharge_enabled",
-    "sca_enabled",
-  ]
-
-  const urlTemplate = parseTemplate(
-    `http://paynow.test:3004/sdk/v3/{merchant}/verification/{timestamp}/{verification}{?${queryParts.join(",")}}`
-  );
-
-  const url = urlTemplate.expand({
-    merchant: values.merchant,
-    timestamp: values.timestamp,
-    verification: values.verification,
-    sca_enabled: values.sca_enabled,
-    css: values.css,
-    css_signature: values.css_signature,
-    iframe: true,
-    postmessage: true,
-    tokenize_only: values.tokenize_only,
-  });
-
-  return url;
-};
-
-export { generatePaymentURL, generateVerificationURL };

package/src/react/useFatZebra.ts

@@ -1,154 +0,0 @@
-import { useEffect, useMemo } from "react";
-import * as FatZebra from "../shared/types"
-import { generatePaymentURL } from "./url";
-import Sca from "../sca"
-import GatewayClient from "../shared/api-gateway-client";
-
-
-interface SuccessEventDetail {
-  message: string;
-  data: any;
-}
-
-interface ErrorEventDetail {
-  errors: string[];
-  data: any;
-}
-
-type UseFatZebraProps = {
-  username: string,
-  handlers: FatZebra.Handlers,
-  config: FatZebra.VerificationConfig,
-  bridge: React.MutableRefObject<HTMLIFrameElement>,
-}
-
-
-const useFatZebra = ({ username, config, handlers, bridge }: UseFatZebraProps) => {
-  const { options, accessToken, paymentIntent, verification } = config;
-
-  const sca = useMemo(() => {
-    const gatewayClient = new GatewayClient({ accessToken, username })
-    return new Sca({ gatewayClient })
-  }, [config, username])
-
-
-  const emit = (
-    event: FatZebra.PublicEvent,
-    data: SuccessEventDetail | ErrorEventDetail
-  ) => {
-    const handler = handlers[event]
-    if (handler) {
-      handler(new CustomEvent(event, { detail: data }))
-    }
-  };
-
-  const handleCreatePaymentResponse = (data: FatZebra.CreatePaymentResponse) => {
-    const transactionPayload: FatZebra.TransactionPayload = {
-      transactionId: data.transaction_id,
-      responseCode: data.response_code,
-      message: data.message,
-      amount: data.amount,
-      currency: data.currency,
-      reference: data.reference,
-      cardNumber: data.card_number,
-      cardHolder: data.card_holder,
-      cardExpiry: data.card_expiry,
-      cardType: data.card_type,
-      verification: data.v,
-    }
-
-    if (data.errors) {
-      emit(FatZebra.PublicEvent.PAYMENT_ERROR, {
-        message: 'Payment failed.',
-        errors: data.errors,
-        data: transactionPayload,
-      })
-    } else {
-      emit(FatZebra.PublicEvent.PAYMENT_SUCCESS, {
-        message: 'Payment successful.',
-        data: transactionPayload,
-      })
-    }
-  }
-
-  const handleTokenizeCardResponse = (data: FatZebra.TokenizeCardResponse) => {
-    if (data.errors) {
-      emit(FatZebra.PublicEvent.TOKENIZATION_ERROR, {
-        message: "Card tokenization failed.",
-        errors: data.errors,
-        data: null,
-      });
-      return;
-    } else {
-      emit(FatZebra.PublicEvent.TOKENIZATION_SUCCESS, {
-        message: "Card tokenization success.",
-        data: {
-          token: data.token,
-        },
-      });
-    }
-
-    if (options.tokenizeOnly) return
-
-    if (options.enableSca) {
-      sca.run({ paymentIntent, bin: data.bin, cardToken: data.token })
-    }
-  }
-
-  const messageHandler = (event: any) => {
-    if (
-      event.data &&
-      event.data.source &&
-      event.data.source.includes("react-devtools")
-    )
-      return;
-    if (event.data.subject === FatZebra.BridgeEvent.BIN_LOOKUP) return;
-
-    if (event.data.subject === FatZebra.BridgeEvent.FORM_VALIDATION_ERROR) {
-      emit(FatZebra.PublicEvent.FORM_VALIDATION_ERROR, {
-        errors: event.data.data,
-        data: null,
-      });
-      return;
-    }
-
-    if (event.data.subject === FatZebra.BridgeEvent.FORM_VALIDATION_SUCCESS) {
-      emit(FatZebra.PublicEvent.FORM_VALIDATION_SUCCESS, {
-        errors: event.data.data,
-        data: null,
-      });
-      return;
-    }
-
-    if (event.data.subject === FatZebra.BridgeEvent.CREATE_PAYMENT_RESPONSE) {
-      handleCreatePaymentResponse(event.data.data)
-    }
-
-    if (event.data.subject === FatZebra.BridgeEvent.TOKENIZE_CARD_RESPONSE) {
-      handleTokenizeCardResponse(event.data.data)
-    }
-  };
-
-  useEffect(() => {
-    window.addEventListener("message", messageHandler);
-
-    return () => {
-      window.removeEventListener("message", messageHandler);
-    };
-  }, []);
-
-  const payment = paymentIntent.payment
-
-  const url = generatePaymentURL({
-    ...options,
-    merchant: username,
-    reference: payment.reference,
-    amount: payment.amount,
-    currency: payment.currency,
-    hash: verification,
-  })
-
-  return { url }
-};
-
-export default useFatZebra;

package/src/sca/__tests__/eci-mappings.test.ts

@@ -1,35 +0,0 @@
-import { eciMappings, toFzSli } from '../eci-mappings'
-
-describe ('toFzSli', () => {
-  describe ('ECI mapping exists', () => {
-    it ('sli mapping => cardinal: 00, fz: 07', () => {
-      expect(toFzSli('00')).toEqual('07')
-    })
-
-    it ('sli mapping => cardinal: 01, fz: 06', () => {
-      expect(toFzSli('01')).toEqual('06')
-    })
-
-    it ('sli mapping => cardinal: 02, fz: 05', () => {
-      expect(toFzSli('02')).toEqual('05')
-    })
-
-    it ('sli mapping => cardinal: 05, fz: 05', () => {
-      expect(toFzSli('05')).toEqual('05')
-    })
-
-    it ('sli mapping => cardinal: 06, fz: 06', () => {
-      expect(toFzSli('06')).toEqual('06')
-    })
-
-    it ('sli mapping => cardinal: 07, fz: 07', () => {
-      expect(toFzSli('07')).toEqual('07')
-    })
-  })
-
-  describe ('ECI mapping does not exist', () => {
-    it ('sli mapping => cardinal: 09, fz: 09', () => {
-      expect(toFzSli('09')).toEqual('09')
-    })
-  })
-})