@spot-flow/checkout-inline-js 0.1.49-dev.3 → 0.1.49-dev.5

package/dist/constants.d.ts

@@ -1,112 +1,120 @@
-export declare const rawPrimaryGeneralData: {
-    select_payment_method_text: string;
-    powered: string;
-    terms: string;
-    privacy: string;
-    contact: string;
-    "error-occured": string;
-    "transaction-limit": string;
-    "merchant-email-required": string;
-    "no-local-currency": string;
-    "rate-not-found": string;
-    "error-description": string;
-    "something-wrong": string;
-    "merchant-back": string;
-    "test-card": string;
-    amount: string;
-    "to-pay": string;
-    translating: string;
-};
-export declare const rawSecondaryGeneralData: {
-    "try-again": string;
-    "confirming-txn-status": string;
-    "few-minutes": string;
-    "please-wait-for": string;
-    minutes: string;
-    "what-is-this": string;
-    "rate-reflect-note": string;
-    "rate-please-note": string;
-    "we-processed": string;
-    charge: string;
-    "payment-success": string;
-    "payment-failed": string;
-    "error-with-payment": string;
-    "maximum-retries": string;
-    "maximum-retries-desc": string;
-    copy: string;
-    copied: string;
-    "copy-fail": string;
-    "long-processing": string;
-    "once-confirmed": string;
-    "verify-payment": string;
-};
-export declare const rawCardData: {
-    "enter-card-details": string;
-    certified: string;
-    "card-confirmation-one": string;
-    "card-confirmation-two": string;
-    "card-holder-name": string;
-    "card-number": string;
-    "continue-to": string;
-    "card-number-invalid": string;
-    "invalid-issue-card": string;
-    "card-expired": string;
-    "enable-popup": string;
-    "enter-otp": string;
-    "enter-pin": string;
-    "cancel-payment": string;
-    authorize: string;
-    card: string;
-    "proceed-3ds": string;
-};
-export declare const rawTestCardData: {
-    expiry: string;
-    "no-auth": string;
-    address: string;
-    city: string;
-    state: string;
-    country: string;
-    number: string;
-    zip: string;
-};
-export declare const rawTransferData: {
-    "bank-name": string;
-    beneficiary: string;
-    "account-details": string;
-    "error-fetching": string;
-    "account-expired": string;
-    "account-expired-desc": string;
-    "transfer-header": string;
-    "account-number": string;
-    "made-transfer": string;
-    "expiration-text": string;
-};
-export declare const rawMomoData: {
-    "header-text": string;
-    network: string;
-    "cancel-payment": string;
-    "generate-otp": string;
-    certified: string;
-    "select-network": string;
-    "enter-otp": string;
-    "enter-number": string;
-    "continue-to": string;
-    "unable-fetch": string;
-    "valid-number-message": string;
-    "enter-phone-otp": string;
-    authorize: string;
-};
-export declare const rawEftData: {
-    "unable-redirect-url": string;
-    "payment-cancelled": string;
-    "cancel-payment-desc": string;
-    "authenticate-request": string;
-    authenticate: string;
-};
-export declare const rawOpayData: {
-    "unable-redirect-url": string;
-    "payment-cancelled": string;
-    "cancel-payment-desc": string;
-    "authenticate-request": string;
-    authenticate: string;
-};
+export declare const rawPrimaryGeneralData: {
+    select_payment_method_text: string;
+    powered: string;
+    terms: string;
+    privacy: string;
+    contact: string;
+    "error-occured": string;
+    "transaction-limit": string;
+    "merchant-email-required": string;
+    "no-local-currency": string;
+    "rate-not-found": string;
+    "error-description": string;
+    "something-wrong": string;
+    "merchant-back": string;
+    "test-card": string;
+    amount: string;
+    "to-pay": string;
+    translating: string;
+};
+export declare const rawPaymentMethodTexts: {
+    "pay-card": string;
+    "pay-transfer": string;
+    "pay-momo": string;
+    "pay-eft": string;
+    "pay-with-opay": string;
+};
+export declare const rawSecondaryGeneralData: {
+    "try-again": string;
+    "confirming-txn-status": string;
+    "few-minutes": string;
+    "please-wait-for": string;
+    minutes: string;
+    "what-is-this": string;
+    "rate-reflect-note": string;
+    "rate-please-note": string;
+    "we-processed": string;
+    charge: string;
+    "payment-success": string;
+    "payment-failed": string;
+    "error-with-payment": string;
+    "maximum-retries": string;
+    "maximum-retries-desc": string;
+    copy: string;
+    copied: string;
+    "copy-fail": string;
+    "long-processing": string;
+    "once-confirmed": string;
+    "verify-payment": string;
+};
+export declare const rawCardData: {
+    "enter-card-details": string;
+    certified: string;
+    "card-confirmation-one": string;
+    "card-confirmation-two": string;
+    "card-holder-name": string;
+    "card-number": string;
+    "continue-to": string;
+    "card-number-invalid": string;
+    "invalid-issue-card": string;
+    "card-expired": string;
+    "enable-popup": string;
+    "enter-otp": string;
+    "enter-pin": string;
+    "cancel-payment": string;
+    authorize: string;
+    card: string;
+    "proceed-3ds": string;
+};
+export declare const rawTestCardData: {
+    expiry: string;
+    "no-auth": string;
+    address: string;
+    city: string;
+    state: string;
+    country: string;
+    number: string;
+    zip: string;
+};
+export declare const rawTransferData: {
+    "bank-name": string;
+    beneficiary: string;
+    "account-details": string;
+    "error-fetching": string;
+    "account-expired": string;
+    "account-expired-desc": string;
+    "transfer-header": string;
+    "account-number": string;
+    "made-transfer": string;
+    "expiration-text": string;
+};
+export declare const rawMomoData: {
+    "header-text": string;
+    network: string;
+    "cancel-payment": string;
+    "generate-otp": string;
+    certified: string;
+    "select-network": string;
+    "enter-otp": string;
+    "enter-number": string;
+    "continue-to": string;
+    "unable-fetch": string;
+    "valid-number-message": string;
+    "enter-phone-otp": string;
+    authorize: string;
+    "please-wait": string;
+};
+export declare const rawEftData: {
+    "unable-redirect-url": string;
+    "payment-cancelled": string;
+    "cancel-payment-desc": string;
+    "authenticate-request": string;
+    authenticate: string;
+};
+export declare const rawOpayData: {
+    "unable-redirect-url": string;
+    "payment-cancelled": string;
+    "cancel-payment-desc": string;
+    "authenticate-request": string;
+    authenticate: string;
+};

package/dist/contexts/translate-context.d.ts

@@ -1,17 +1,25 @@
-export declare const useTranslateText: (text: string | string[], targetLang?: string) => Promise<any>;
-export declare let translatedGeneralData: Record<string, string>;
-export declare const translateFunc: (targetLang?: string) => Promise<void>;
-export declare let translatedSecGeneralData: Record<string, string>;
-export declare const translateSecFunc: (targetLang?: string) => Promise<void>;
-export declare let translatedCardData: Record<string, string>;
-export declare const translateCardFunc: (targetLang?: string) => Promise<void>;
-export declare let translatedTestCardData: Record<string, string>;
-export declare const translateTestCardFunc: (targetLang?: string) => Promise<void>;
-export declare let translatedTransferData: Record<string, string>;
-export declare const translateTransferFunc: (targetLang?: string) => Promise<void>;
-export declare let translatedMomoData: Record<string, string>;
-export declare const translateMomoFunc: (targetLang?: string) => Promise<void>;
-export declare let translatedEftData: Record<string, string>;
-export declare const translateEftFunc: (targetLang?: string) => Promise<void>;
-export declare let translatedOpayData: Record<string, string>;
-export declare const translateOpayFunc: (targetLang?: string) => Promise<void>;
+export declare const browserLanguage: string;
+export declare const setCurrentLanguage: (lang: string) => void;
+export declare const getCurrentLanguage: () => string;
+export declare const computeCurrentLanguage: (currency: string, countryCode?: string) => void;
+export declare const useTranslateText: (text: string | string[], targetLang?: string) => Promise<string>;
+export declare let translatedPaymentMethodData: Record<string, string>;
+export declare const translatePaymentMethods: (targetLang?: string) => Promise<Record<string, string>>;
+export declare let translatedGeneralData: Record<string, string>;
+export declare const translateFunc: (targetLang?: string) => Promise<void>;
+export declare let translatedSecGeneralData: Record<string, string>;
+export declare const translateSecFunc: (targetLang?: string) => Promise<void>;
+export declare let translatedCardData: Record<string, string>;
+export declare const translateCardFunc: (targetLang?: string) => Promise<void>;
+export declare let translatedTestCardData: Record<string, string>;
+export declare const translateTestCardFunc: (targetLang?: string) => Promise<void>;
+export declare let translatedTransferData: Record<string, string>;
+export declare const translateTransferFunc: (targetLang?: string) => Promise<void>;
+export declare let translatedMomoData: Record<string, string>;
+export declare const translateMomoFunc: (targetLang?: string) => Promise<void>;
+export declare let translatedEftData: Record<string, string>;
+export declare const translateEftFunc: (targetLang?: string) => Promise<void>;
+export declare let translatedOpayData: Record<string, string>;
+export declare const translateOpayFunc: (targetLang?: string) => Promise<void>;
+export declare function getTranslation(key: string): string | undefined;
+export declare function updateUI(): void;

package/dist/controllers/LoadingStateManager.d.ts

@@ -0,0 +1,96 @@
+type LoadingStyle = "skeleton" | "shimmer" | "spinner" | "fade" | "none";
+type LoadingScope = "global" | "section" | "element";
+interface SmartLoadingOptions {
+    defaultStyle?: LoadingStyle;
+    skeletonClass?: string;
+    shimmerClass?: string;
+    fadeOpacity?: number;
+}
+interface SectionLoadingConfig {
+    sectionId: string;
+    style: LoadingStyle;
+    translateFunctions: Array<() => Promise<void>>;
+}
+declare class SmartLoadingManager {
+    private options;
+    private activeSections;
+    private loadingElements;
+    private sectionConfigs;
+    constructor(options?: SmartLoadingOptions);
+    /**
+     * Register a section with its translation functions
+     * Only translates when the section is visible/active
+     */
+    registerSection(config: SectionLoadingConfig): void;
+    /**
+     * Translate a specific section when it becomes active
+     */
+    translateSection(sectionId: string): Promise<void>;
+    /**
+     * Start loading state for a specific section
+     */
+    private startSectionLoading;
+    /**
+     * Stop loading state for a specific section
+     */
+    private stopSectionLoading;
+    /**
+     * Update translated content for a specific section
+     */
+    private updateSectionUI;
+    /**
+     * Apply loading state to specific elements
+     */
+    applyLoadingStyle(element: Element, style?: LoadingStyle): void;
+    /**
+     * Remove loading state from element
+     */
+    removeLoadingStyle(element: Element): void;
+    private applySkeletonLoading;
+    private applyShimmerLoading;
+    private applySpinnerLoading;
+    private removeSpinner;
+    /**
+     * Apply loading to all translatable elements
+     */
+    startGlobalLoading(style?: LoadingStyle): void;
+    /**
+     * Remove loading from all elements
+     */
+    stopGlobalLoading(): void;
+    /**
+     * Apply custom loading to elements matching a selector
+     */
+    applyCustomLoading(selector: string, style: LoadingStyle): void;
+    /**
+     * Remove loading from elements matching a selector
+     */
+    removeCustomLoading(selector: string): void;
+    /**
+     * Apply different loading styles to different element types
+     */
+    startSmartLoading(config?: {
+        headings?: LoadingStyle;
+        paragraphs?: LoadingStyle;
+        buttons?: LoadingStyle;
+        inputs?: LoadingStyle;
+        default?: LoadingStyle;
+        container?: LoadingStyle;
+    }): void;
+    private injectStyles;
+    /**
+     * Check if any section is currently loading
+     */
+    isLoading(): boolean;
+    /**
+     * Get all currently loading sections
+     */
+    getLoadingSections(): string[];
+    /**
+     * Clear all loading states (useful for error recovery)
+     */
+    clearAll(): void;
+}
+declare const smartLoadingManager: SmartLoadingManager;
+export default smartLoadingManager;
+export { SmartLoadingManager, type LoadingStyle, type LoadingScope, type SectionLoadingConfig, };

package/dist/controllers/TranslationManager.d.ts

@@ -0,0 +1,14 @@
+type Language = string;
+type TranslationText = string | string[];
+type ObserverCallback = (language: Language) => void;
+type Unsubscribe = () => void;
+interface TranslationManagerInterface {
+    setLanguage: (lang: Language) => void;
+    getLanguage: () => Language;
+    translate: (text: string | string[], targetLang?: Language) => Promise<string[]>;
+    subscribe: (callback: ObserverCallback) => Unsubscribe;
+    translateRecord: <T extends Record<string, string>>(rawData: T, targetLang?: Language) => Promise<T>;
+}
+declare const TranslationManager: TranslationManagerInterface;
+export default TranslationManager;
+export type { Language, TranslationText, ObserverCallback, Unsubscribe, TranslationManagerInterface, };