@fat-zebra/sdk 1.5.8 → 1.5.10-beta.0

package/dist/production/fatzebra.js.LICENSE.txt

@@ -1 +0,0 @@
-/*! Axios v1.9.0 Copyright (c) 2025 Matt Zabriskie and contributors */

package/dist/react/ApplePay.d.ts

@@ -1,9 +0,0 @@
-import React, { HTMLProps } from "react";
-import * as FatZebra from "../shared/types";
-type FrameProps = {
-    handlers: FatZebra.Handlers;
-    config: FatZebra.PaymentConfig;
-    iframeProps?: HTMLProps<HTMLIFrameElement>;
-};
-declare const ApplePay: ({ handlers, config, iframeProps }: FrameProps) => React.JSX.Element;
-export default ApplePay;

package/dist/react/ApplePay.js

@@ -1,11 +0,0 @@
-import React from "react";
-import useFatZebra from "./useFatZebra";
-const ApplePay = ({ handlers, config, iframeProps }) => {
-    const { applePayUrl } = useFatZebra({
-        config: Object.assign(Object.assign({}, config), { options: Object.assign(Object.assign({}, config.options), { applepay: true }) }),
-        handlers: handlers,
-    });
-    return (React.createElement("div", null,
-        React.createElement("iframe", Object.assign({ src: applePayUrl, allow: "payment", "data-test-id": "apple-pay", title: "apple-pay-button" }, iframeProps))));
-};
-export default ApplePay;

package/dist/react/applePayUrl.d.ts

@@ -1,12 +0,0 @@
-import { Environment } from "../shared/env";
-import { OptionalUrlValues } from '../shared/types';
-type RequiredURLValues = {
-    merchant: string;
-    hash: string;
-    reference: string;
-    amount: number;
-    currency: string;
-};
-type UrlValues = RequiredURLValues & OptionalUrlValues;
-declare const generateApplePayUrl: (values: UrlValues, environment?: Environment) => string;
-export { generateApplePayUrl };

package/dist/react/applePayUrl.js

@@ -1,19 +0,0 @@
-import { parseTemplate } from 'url-template';
-import env, { Environment } from "../shared/env";
-const generateApplePayUrl = (values, environment) => {
-    const queryParts = [
-        "applepay"
-    ];
-    const environmentConfig = env[environment || Environment.sandbox];
-    const urlTemplate = parseTemplate(`${environmentConfig.payNowUrl}/sdk/{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,
-        applepay: values.applepay
-    });
-    return url;
-};
-export { generateApplePayUrl };

package/dist/react/useNotification.d.ts

@@ -1,11 +0,0 @@
-import { Environment } from "../shared/env";
-import { PublicEvent } from "../shared/types";
-type UseMessageProps = {
-    username: string;
-    environment: Environment;
-    subscriptions: Array<PublicEvent>;
-};
-declare const useNotification: ({ username, environment, subscriptions }: UseMessageProps) => {
-    events: any[];
-};
-export default useNotification;

package/dist/react/useNotification.js

@@ -1,26 +0,0 @@
-import { useEffect, useState } from "react";
-import FatZebra from "../main";
-import { Environment } from "../shared/env";
-const useNotification = ({ username, environment, subscriptions }) => {
-    const [events, setEvents] = useState([]);
-    // Generic handler for all events
-    const handleEvent = (event) => {
-        console.log("this is the event", event);
-        if (event === null || event === void 0 ? void 0 : event.type) {
-            setEvents((prev) => [...prev, event]);
-        }
-    };
-    useEffect(() => {
-        const fz = new FatZebra({ username, test: environment === Environment.test });
-        subscriptions.forEach((event) => {
-            fz.on(event, handleEvent);
-        });
-        return () => {
-            subscriptions.forEach((event) => {
-                fz.off(event, handleEvent); // if off is supported with a handler ref
-            });
-        };
-    }, [username, environment, subscriptions]);
-    return { events };
-};
-export default useNotification;

package/dist/sandbox/fatzebra.css

@@ -1,91 +0,0 @@
-.checkout-button-wrapper {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    height: 200px;
-}
-
-.iframe-checkout {
-    flex: 1;
-    border: none;
-    width: 100%;
-    height: 100%;
-    min-height: 0;
-    overflow: auto;
-    -webkit-overflow-scrolling: touch;
-}
-
-.iframe-foreground,
-.iframe-background {
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    flex-direction: column;
-}
-
-.iframe-foreground,
-.iframe-background {
-    position: fixed;
-}
-
-.iframe-foreground {
-    z-index: -1;
-}
-
-.iframe-background {
-    background: rgba(0, 0, 0, 0.5);
-}
-
-.iframe-foreground {
-    flex-grow: 1;
-    top: auto;
-    width: 100%;
-    max-width: 480px;
-    height: 80vh;
-    background-color: #ffffff;
-    border-radius: 25px 25px 0 0;
-}
-
-.slide-in .iframe-foreground {
-    transform: translateY(100vh);
-    transition: transform 0.4s ease, z-index 0.3s ease 0.4s;
-    z-index: -1;
-}
-
-.slide-in .iframe-background {
-    opacity: 0;
-    z-index: -1;
-    transition: opacity 0.3s ease, z-index 0.3s ease 0.3s;
-}
-
-.slide-in.show .iframe-foreground {
-    transform: none;
-    transition: transform 0.4s ease;
-    z-index: 100;
-}
-
-.slide-in.show .iframe-background {
-    opacity: 1;
-    z-index: 0;
-    transition: opacity 0.3s ease;
-}
-
-@media only screen and (min-width: 480px) {
-    .iframe-foreground {
-        margin: 0 auto;
-    }
-}
-
-@media only screen and (min-width: 768px) {
-    .iframe-foreground {
-        margin: 0;
-        width: 400px;
-        height: 100vh;
-        left: 0;
-    }
-
-    .slide-in .iframe-foreground {
-        transform: translateX(-400px);
-    }
-}