@strabl-engineering/strabl-pay 1.0.0

package/dist/lib/GetTranslations.d.ts

@@ -0,0 +1,50 @@
+export declare const getTranslatedText: (lang: string) => {
+    choosePaymentMethodText: string;
+    enterCardDetailsText: string;
+    submitButtonText: string;
+    labels: {
+        cardNumber: string;
+        cardHolderName: string;
+        expiry: string;
+        cvc: string;
+    };
+    or: string;
+    invalid_card_number: string;
+    invalid_expiry: string;
+    expiry_cannot_be_in_the_past: string;
+    invalid_length: string;
+    failed_to_encrypt_card_data: string;
+    validating_card: string;
+    please_dont_close_or_refresh: string;
+    stay_safe_dont_share: string;
+    strab_and_its_team_will_never_ask_for_your_otp: string;
+    united_against_fraud: string;
+    required_field: string;
+    payment_error: string;
+    something_went_wrong_while_loading_the_payment_form: string;
+} | {
+    choosePaymentMethodText: string;
+    enterCardDetailsText: string;
+    invalid_card_number: string;
+    invalid_expiry: string;
+    expiry_cannot_be_in_the_past: string;
+    invalid_length: string;
+    failed_to_encrypt_card_data: string;
+    required_field: string;
+    payment_error: string;
+    something_went_wrong_while_loading_the_payment_form: string;
+    submitButtonText: string;
+    labels: {
+        cardNumber: string;
+        cardHolderName: string;
+        expiry: string;
+        cvc: string;
+    };
+    or: string;
+    validating_card: string;
+    please_dont_close_or_refresh: string;
+    stay_safe_dont_share: string;
+    strab_and_its_team_will_never_ask_for_your_otp: string;
+    united_against_fraud: string;
+};
+export declare const isRTL: (lang: string) => lang is "ar";

package/dist/lib/ThreeDsAuth.d.ts

@@ -0,0 +1,9 @@
+export declare class ThreeDsAuth {
+    handleMessage: (event: MessageEvent) => Promise<void>;
+    performMpgsThreeDsAuth({ orderShortCode, token, threeDsUrl, threeDsToken, }: {
+        orderShortCode: string;
+        token: string;
+        threeDsUrl?: string;
+        threeDsToken?: string;
+    }): Promise<void>;
+}

package/dist/lib/UserMetaData.d.ts

@@ -0,0 +1,19 @@
+export declare class UserMetaData {
+    private static readonly STORAGE_KEY;
+    static fetchAndStoreMetaData(): Promise<void>;
+    static getBrowserType(): "Opera" | "Microsoft Edge" | "Google Chrome" | "Mozilla Firefox" | "Apple Safari" | "Microsoft Internet Explorer" | "UC Browser" | "Samsung Browser" | "Unknown browser";
+    static getOsName(): "Windows" | "MacOS" | "Android" | "iOS" | "Linux" | "Unknown OS";
+    static getMetaData(): {
+        referrer: string;
+        ipAddress: any;
+        lat: any;
+        lng: any;
+        countryName: any;
+        cityName: any;
+        regionName: any;
+        asnOrganization: any;
+        isProxy: any;
+        browser: string;
+        platform: string;
+    };
+}

package/dist/lib/Validations.d.ts

@@ -0,0 +1 @@
+export declare const isValidUrl: (str: string) => boolean;

package/dist/mount.d.ts

@@ -0,0 +1,15 @@
+import { StrablCardForm, type StrablCardFormProps } from "./components/strabl-card-form.element.js";
+export interface MountOptions extends Partial<StrablCardFormProps> {
+    selector: string;
+    onPaymentSubmission?: () => Promise<boolean>;
+    onPaymentSuccess?: (orderShortCode: string) => void;
+    onPaymentFailed?: (failureReason: string) => void;
+    replace?: boolean;
+}
+export interface MountedCardForm {
+    element: StrablCardForm;
+    update: (options: Partial<Omit<MountOptions, "selector" | "replace">>) => void;
+    submit: () => void;
+    destroy: () => void;
+}
+export declare function mountCardForm(options: MountOptions): MountedCardForm;

package/dist/network/HttpClient.d.ts

@@ -0,0 +1,19 @@
+type RequestOptions = {
+    headers?: Record<string, string>;
+    queryParams?: Record<string, string | number | boolean>;
+    body?: any;
+    timeout?: number;
+};
+export declare class HttpClient {
+    private baseUrl;
+    private defaultHeaders;
+    constructor(apiKey: string, defaultHeaders?: Record<string, string>);
+    private buildUrl;
+    private request;
+    get<T>(url: string, options?: RequestOptions): Promise<T>;
+    post<T>(url: string, body?: any, options?: RequestOptions): Promise<T>;
+    put<T>(url: string, body?: any, options?: RequestOptions): Promise<T>;
+    patch<T>(url: string, body?: any, options?: RequestOptions): Promise<T>;
+    delete<T>(url: string, options?: RequestOptions): Promise<T>;
+}
+export {};

package/dist/network/PaymentService.d.ts

@@ -0,0 +1,75 @@
+import { HttpClient } from "./HttpClient";
+type GenerateCardTokenResponse = {
+    success: boolean;
+    message?: string;
+    data: {
+        token: string;
+    };
+};
+type CreatePaymentIntentResponse = {
+    code: string;
+    message: string;
+    data: {
+        status: "CAPTURED" | "CAPTURE_FAILED" | "AUTHORIZED";
+        amount: number;
+        capturedAmount: number;
+        currency: string;
+        cardLastFour: string;
+        cardFirstSix: string;
+        customerName: string;
+        orderShortCode: string;
+        redirectUrl: string;
+        cardToken: string;
+        paymentGateway: string;
+        paymentReference: string;
+        failureReason?: string;
+        createdAt: string;
+        updatedAt: string;
+        additionalRedirectParams?: {
+            "3dsToken"?: string;
+            "3dsUrl"?: string;
+        };
+    };
+};
+type ConfirmPaymentResponse = {
+    code: string;
+    message: string;
+    data: {
+        transactionId: string;
+        status: "CAPTURED" | "CAPTURE_FAILED" | "AUTHORIZED";
+        orderShortCode: string;
+        failureReason: string;
+    };
+};
+export declare class PaymentService {
+    private api;
+    constructor(api: HttpClient);
+    generateCardToken({ key, iv, payload, }: {
+        key: string;
+        iv: string;
+        payload: string;
+    }): Promise<GenerateCardTokenResponse>;
+    createPaymentIntent({ amount, currency, customerEmail, customerName, cvv, ipAddress, redirectUrl, cardToken, isApplePay, tokenData, metadata, }: {
+        cardToken?: string;
+        customerName?: string;
+        amount: number;
+        currency: string;
+        customerEmail?: string;
+        redirectUrl: string;
+        cvv?: string;
+        ipAddress?: string;
+        isApplePay?: boolean;
+        tokenData?: any;
+        metadata?: {
+            [key: string]: string;
+        };
+    }): Promise<CreatePaymentIntentResponse>;
+    confirmPayment({ transactionId, }: {
+        transactionId: string;
+    }): Promise<ConfirmPaymentResponse>;
+    createApplePaySession({ validationUrl, }: {
+        validationUrl: string;
+    }): Promise<any>;
+    reportSdkUage(): Promise<void>;
+}
+export {};

package/dist/network/ReportSdkUsage.d.ts

@@ -0,0 +1,8 @@
+import { HttpClient } from "./HttpClient";
+export declare class ReportSdkUsage {
+    private api;
+    private REPORT_KEY;
+    private THROTTLE_MINUTES;
+    constructor(api: HttpClient);
+    reportSdkUsage(): Promise<void>;
+}

package/dist/react.d.ts

@@ -0,0 +1,35 @@
+import * as React from "react";
+import { StrablCardForm } from "./components/strabl-card-form.element.js";
+import "./components/strabl-input.element.js";
+export interface StrablCardFormProps {
+    platformUuid: string;
+    apiKey: string;
+    currencyCode: string;
+    amount: number;
+    language?: "en" | "ar";
+    fieldInputStyle?: "floating-label" | "outlined";
+    paymentMethods?: ("card" | "applepay")[];
+    customstyles?: {
+        textColor?: string;
+        errorColor?: string;
+        btnRadius?: string;
+        btnPadding?: string;
+        backgroundColor?: string;
+        accentColor?: string;
+        continerMaxWidth?: string;
+        inputRadius?: string;
+        inputBorderColor?: string;
+        inputBorderWidth?: string;
+        fontFamily?: string;
+    };
+    customer?: {
+        name?: string;
+        email?: string;
+    };
+    className?: string;
+    style?: React.CSSProperties;
+    onPaymentSubmission?: () => Promise<boolean>;
+    onPaymentSuccess?: (orderShortCode: string) => void;
+    onPaymentFailed?: (failureReason: string) => void;
+}
+export declare const StrablCardPaymentForm: React.ForwardRefExoticComponent<StrablCardFormProps & React.RefAttributes<StrablCardForm>>;

package/dist/react.js

@@ -0,0 +1,26 @@
+import * as s from "react";
+import { S as u, a as c } from "./strabl-input.element-DeXtiSuj.js";
+typeof customElements < "u" && !customElements.get("strabl-card-form") && customElements.define("strabl-card-form", u);
+typeof customElements < "u" && !customElements.get("strabl-input") && customElements.define("strabl-input", c);
+const f = s.forwardRef(function(m, n) {
+  const { className: a, style: r, ...t } = m, o = s.useRef(null);
+  return s.useLayoutEffect(() => {
+    const e = o.current;
+    e && (e.paymentMethods = t.paymentMethods ?? ["card"], e.customstyles = t.customstyles ?? {}, e.customer = t.customer ?? {}, e.onPaymentSubmission = t.onPaymentSubmission, e.onPaymentSuccess = t.onPaymentSuccess, e.onPaymentFailed = t.onPaymentFailed);
+  }, [t]), s.createElement("strabl-card-form", {
+    ref: (e) => {
+      o.current = e, typeof n == "function" ? n(e) : n && (n.current = e);
+    },
+    class: a,
+    style: r,
+    platformUuid: t.platformUuid,
+    apiKey: t.apiKey,
+    currencyCode: t.currencyCode,
+    amount: t.amount,
+    language: t.language || "en",
+    fieldInputStyle: t.fieldInputStyle || "outlined"
+  });
+});
+export {
+  f as StrablCardPaymentForm
+};

package/dist/react.umd.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react"),c=require("./strabl-input.element-CbrtvlUF.cjs");function i(o){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const n in o)if(n!=="default"){const s=Object.getOwnPropertyDescriptor(o,n);Object.defineProperty(r,n,s.get?s:{enumerable:!0,get:()=>o[n]})}}return r.default=o,Object.freeze(r)}const a=i(m);typeof customElements<"u"&&!customElements.get("strabl-card-form")&&customElements.define("strabl-card-form",c.StrablCardForm);typeof customElements<"u"&&!customElements.get("strabl-input")&&customElements.define("strabl-input",c.StrablInput);const f=a.forwardRef(function(r,n){const{className:s,style:l,...e}=r,u=a.useRef(null);return a.useLayoutEffect(()=>{const t=u.current;t&&(t.paymentMethods=e.paymentMethods??["card"],t.customstyles=e.customstyles??{},t.customer=e.customer??{},t.onPaymentSubmission=e.onPaymentSubmission,t.onPaymentSuccess=e.onPaymentSuccess,t.onPaymentFailed=e.onPaymentFailed)},[e]),a.createElement("strabl-card-form",{ref:t=>{u.current=t,typeof n=="function"?n(t):n&&(n.current=t)},class:s,style:l,platformUuid:e.platformUuid,apiKey:e.apiKey,currencyCode:e.currencyCode,amount:e.amount,language:e.language||"en",fieldInputStyle:e.fieldInputStyle||"outlined"})});exports.StrablCardPaymentForm=f;