xcel-paygate-sdk 1.0.0

package/dist/components/XcelPaymentScreen.d.ts

@@ -0,0 +1,67 @@
+/**
+ * XcelPaymentScreen - Complete Payment UI Component
+ *
+ * Drop-in payment screen with full UI and logic.
+ * Just import and use - handles everything!
+ *
+ * @example
+ * ```tsx
+ * import { XcelPaymentScreen } from '@xcelapp/paygate-sdk';
+ *
+ * export default function PaymentPage() {
+ *   return (
+ *     <XcelPaymentScreen
+ *       config={{
+ *         merchantId: 'your-merchant-id',
+ *         publicKey: 'your-public-key',
+ *       }}
+ *       onPaymentComplete={(result) => {
+ *         console.log('Payment complete:', result);
+ *       }}
+ *     />
+ *   );
+ * }
+ * ```
+ */
+import React from 'react';
+import { ViewStyle, TextStyle } from 'react-native';
+import type { XcelPayGateConfig, PaymentRequest, TransactionData } from '../types';
+export interface XcelPaymentScreenProps {
+    /** SDK Configuration */
+    config?: XcelPayGateConfig;
+    /** Optional: Custom styles */
+    styles?: {
+        container?: ViewStyle;
+        button?: ViewStyle;
+        buttonText?: TextStyle;
+        input?: ViewStyle;
+        [key: string]: ViewStyle | TextStyle | undefined;
+    };
+    /** Optional: Pre-filled form values */
+    defaultValues?: {
+        amount?: string;
+        email?: string;
+        phone?: string;
+        description?: string;
+    };
+    /** Optional: Customize payment request */
+    paymentConfig?: Partial<Omit<PaymentRequest, 'amount' | 'currency'>>;
+    /** Called when payment link is generated */
+    onPaymentLinkGenerated?: (paymentLink: string, paymentCode: string) => void;
+    /** Called when payment is complete (success/fail) */
+    onPaymentComplete?: (transaction: TransactionData) => void;
+    /** Called on error */
+    onError?: (error: Error) => void;
+    /** Show status check button */
+    showStatusButton?: boolean;
+    /** Enable auto-polling */
+    enablePolling?: boolean;
+    /** Custom button text */
+    buttonText?: string;
+    /** Currency (default: XAF) */
+    currency?: string;
+    /** Hide form, only show button */
+    minimalMode?: boolean;
+}
+export declare function XcelPaymentScreen({ config, styles: customStyles, defaultValues, paymentConfig, onPaymentLinkGenerated, onPaymentComplete, onError, showStatusButton, enablePolling, buttonText, currency, minimalMode, }: XcelPaymentScreenProps): React.JSX.Element;
+//# sourceMappingURL=XcelPaymentScreen.d.ts.map

package/dist/components/XcelPaymentScreen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"XcelPaymentScreen.d.ts","sourceRoot":"","sources":["../../src/components/XcelPaymentScreen.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAEH,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EASL,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEnF,MAAM,WAAW,sBAAsB;IACrC,wBAAwB;IACxB,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAE3B,8BAA8B;IAC9B,MAAM,CAAC,EAAE;QACP,SAAS,CAAC,EAAE,SAAS,CAAC;QACtB,MAAM,CAAC,EAAE,SAAS,CAAC;QACnB,UAAU,CAAC,EAAE,SAAS,CAAC;QACvB,KAAK,CAAC,EAAE,SAAS,CAAC;QAClB,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;KAClD,CAAC;IAEF,uCAAuC;IACvC,aAAa,CAAC,EAAE;QACd,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC;IAEF,0CAA0C;IAC1C,aAAa,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,QAAQ,GAAG,UAAU,CAAC,CAAC,CAAC;IAErE,4CAA4C;IAC5C,sBAAsB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAE5E,qDAAqD;IACrD,iBAAiB,CAAC,EAAE,CAAC,WAAW,EAAE,eAAe,KAAK,IAAI,CAAC;IAE3D,sBAAsB;IACtB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAEjC,+BAA+B;IAC/B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,0BAA0B;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,yBAAyB;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,kCAAkC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,MAAM,EAAE,YAAiB,EACzB,aAAkB,EAClB,aAAkB,EAClB,sBAAsB,EACtB,iBAAiB,EACjB,OAAO,EACP,gBAAuB,EACvB,aAAqB,EACrB,UAAoC,EACpC,QAAgB,EAChB,WAAmB,GACpB,EAAE,sBAAsB,qBAiPxB"}

package/dist/components/XcelPaymentScreen.js

@@ -0,0 +1,356 @@
+"use strict";
+/**
+ * XcelPaymentScreen - Complete Payment UI Component
+ *
+ * Drop-in payment screen with full UI and logic.
+ * Just import and use - handles everything!
+ *
+ * @example
+ * ```tsx
+ * import { XcelPaymentScreen } from '@xcelapp/paygate-sdk';
+ *
+ * export default function PaymentPage() {
+ *   return (
+ *     <XcelPaymentScreen
+ *       config={{
+ *         merchantId: 'your-merchant-id',
+ *         publicKey: 'your-public-key',
+ *       }}
+ *       onPaymentComplete={(result) => {
+ *         console.log('Payment complete:', result);
+ *       }}
+ *     />
+ *   );
+ * }
+ * ```
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.XcelPaymentScreen = XcelPaymentScreen;
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const use_xcel_paygate_1 = require("../hooks/use-xcel-paygate");
+function XcelPaymentScreen({ config, styles: customStyles = {}, defaultValues = {}, paymentConfig = {}, onPaymentLinkGenerated, onPaymentComplete, onError, showStatusButton = true, enablePolling = false, buttonText = 'Generate Payment Link', currency = 'XAF', minimalMode = false, }) {
+    // Form state
+    const [amount, setAmount] = (0, react_1.useState)(defaultValues.amount || '1000');
+    const [email, setEmail] = (0, react_1.useState)(defaultValues.email || '');
+    const [phone, setPhone] = (0, react_1.useState)(defaultValues.phone || '');
+    const [description, setDescription] = (0, react_1.useState)(defaultValues.description || '');
+    // SDK Hook
+    const { initiatePayment, checkStatus, loading, error, paymentLink, paymentCode, transaction, } = (0, use_xcel_paygate_1.useCheckout)(config || undefined);
+    // Optional polling - only if enabled
+    const pollingEnabled = enablePolling && !!paymentCode;
+    const pollingResult = pollingEnabled
+        ? (0, use_xcel_paygate_1.usePaymentPolling)(config || null, paymentCode, {
+            enabled: true,
+            maxAttempts: 24,
+            intervalMs: 5000,
+        })
+        : { result: null, isPolling: false };
+    const { result, isPolling } = pollingResult;
+    // Handle payment initiation
+    const handlePay = async () => {
+        try {
+            const response = await initiatePayment({
+                amount,
+                currency,
+                client_transaction_id: `TXN-${Date.now()}`,
+                customer_email: email,
+                customer_phone: phone,
+                description: description,
+                channel: 'WEB',
+                redirect_url: 'https://business.xcelapp.com/#/auth',
+                ...paymentConfig,
+            });
+            const link = response.data.payment_link;
+            const code = response.data.payment_code;
+            console.log('✓ Payment Link Generated:', link);
+            console.log('✓ Payment Code:', code);
+            onPaymentLinkGenerated === null || onPaymentLinkGenerated === void 0 ? void 0 : onPaymentLinkGenerated(link, code);
+        }
+        catch (err) {
+            const errorObj = err instanceof Error ? err : new Error('Payment failed');
+            console.error('Payment Error:', errorObj);
+            onError === null || onError === void 0 ? void 0 : onError(errorObj);
+            react_native_1.Alert.alert('Error', errorObj.message);
+        }
+    };
+    // Handle status check
+    const handleCheckStatus = async () => {
+        if (!paymentCode) {
+            react_native_1.Alert.alert('Error', 'No payment code available');
+            return;
+        }
+        try {
+            const txn = await checkStatus();
+            react_native_1.Alert.alert('Payment Status', `Status: ${txn.status}\nAmount: ${txn.amount} ${txn.currency}`);
+            if (onPaymentComplete && (txn.status === 'SUCCESS' || txn.status === 'FAILED')) {
+                onPaymentComplete(txn);
+            }
+        }
+        catch (err) {
+            const errorObj = err instanceof Error ? err : new Error('Status check failed');
+            onError === null || onError === void 0 ? void 0 : onError(errorObj);
+            react_native_1.Alert.alert('Error', errorObj.message);
+        }
+    };
+    // Handle polling result - result is PaymentResult, not TransactionData
+    // We don't call onPaymentComplete here since it expects TransactionData
+    // User should use check status manually if using polling
+    // Minimal mode - just show payment link if available
+    if (minimalMode && paymentLink) {
+        return (<react_native_1.View style={[styles.container, customStyles.container]}>
+        <react_native_1.Text style={styles.title}>Payment Link Ready</react_native_1.Text>
+        <react_native_1.Text style={styles.paymentLink}>{paymentLink}</react_native_1.Text>
+        <react_native_1.Text style={styles.label}>Payment Code: {paymentCode}</react_native_1.Text>
+        {showStatusButton && (<react_native_1.Pressable style={[styles.secondaryButton, customStyles.button]} onPress={handleCheckStatus}>
+            <react_native_1.Text style={[styles.secondaryButtonText, customStyles.buttonText]}>
+              Check Status
+            </react_native_1.Text>
+          </react_native_1.Pressable>)}
+      </react_native_1.View>);
+    }
+    return (<react_native_1.ScrollView style={[styles.container, customStyles.container]}>
+      <react_native_1.View style={styles.content}>
+        <react_native_1.Text style={styles.title}>XCEL PayGate</react_native_1.Text>
+        <react_native_1.Text style={styles.subtitle}>Secure Payment Processing</react_native_1.Text>
+
+        {/* Payment Form */}
+        {!minimalMode && (<react_native_1.View style={styles.section}>
+            <react_native_1.Text style={styles.sectionTitle}>Payment Details</react_native_1.Text>
+
+            <react_native_1.Text style={styles.label}>Amount ({currency})</react_native_1.Text>
+            <react_native_1.TextInput style={[styles.input, customStyles.input]} value={amount} onChangeText={setAmount} placeholder="1000" keyboardType="decimal-pad"/>
+
+            <react_native_1.Text style={styles.label}>Customer Email (Optional)</react_native_1.Text>
+            <react_native_1.TextInput style={[styles.input, customStyles.input]} value={email} onChangeText={setEmail} placeholder="customer@example.com" keyboardType="email-address" autoCapitalize="none"/>
+
+            <react_native_1.Text style={styles.label}>Customer Phone (Optional)</react_native_1.Text>
+            <react_native_1.TextInput style={[styles.input, customStyles.input]} value={phone} onChangeText={setPhone} placeholder="237233429972" keyboardType="phone-pad"/>
+
+            <react_native_1.Text style={styles.label}>Description (Optional)</react_native_1.Text>
+            <react_native_1.TextInput style={[styles.input, customStyles.input]} value={description} onChangeText={setDescription} placeholder="Payment description"/>
+          </react_native_1.View>)}
+
+        {/* Generate Payment Button */}
+        <react_native_1.Pressable style={[
+            styles.button,
+            customStyles.button,
+            loading && styles.buttonDisabled,
+        ]} onPress={handlePay} disabled={loading}>
+          {loading ? (<react_native_1.ActivityIndicator color="#fff"/>) : (<react_native_1.Text style={[styles.buttonText, customStyles.buttonText]}>
+              {buttonText}
+            </react_native_1.Text>)}
+        </react_native_1.Pressable>
+
+        {/* Payment Result Section */}
+        {paymentCode && (<react_native_1.View style={styles.resultSection}>
+            <react_native_1.Text style={styles.resultTitle}>✓ Payment Created</react_native_1.Text>
+
+            <react_native_1.View style={styles.resultRow}>
+              <react_native_1.Text style={styles.resultLabel}>Payment Code:</react_native_1.Text>
+              <react_native_1.Text style={styles.resultValue}>{paymentCode}</react_native_1.Text>
+            </react_native_1.View>
+
+            {paymentLink && (<react_native_1.View style={styles.resultRow}>
+                <react_native_1.Text style={styles.resultLabel}>Payment Link:</react_native_1.Text>
+                <react_native_1.Text style={[styles.resultValue, styles.linkText]} numberOfLines={1}>
+                  {paymentLink}
+                </react_native_1.Text>
+              </react_native_1.View>)}
+
+            {transaction && (<>
+                <react_native_1.View style={styles.resultRow}>
+                  <react_native_1.Text style={styles.resultLabel}>Status:</react_native_1.Text>
+                  <react_native_1.Text style={[styles.resultValue, styles.statusText]}>
+                    {transaction.status}
+                  </react_native_1.Text>
+                </react_native_1.View>
+
+                <react_native_1.View style={styles.resultRow}>
+                  <react_native_1.Text style={styles.resultLabel}>Transaction ID:</react_native_1.Text>
+                  <react_native_1.Text style={styles.resultValue}>
+                    {transaction.transaction_id}
+                  </react_native_1.Text>
+                </react_native_1.View>
+              </>)}
+
+            {isPolling && (<react_native_1.Text style={styles.pollingText}>Checking payment status...</react_native_1.Text>)}
+
+            {/* Manual Status Check */}
+            {showStatusButton && (<react_native_1.Pressable style={[styles.secondaryButton, customStyles.button]} onPress={handleCheckStatus}>
+                <react_native_1.Text style={[styles.secondaryButtonText, customStyles.buttonText]}>
+                  Check Status Manually
+                </react_native_1.Text>
+              </react_native_1.Pressable>)}
+          </react_native_1.View>)}
+
+        {/* Error Display */}
+        {error && (<react_native_1.View style={styles.errorBox}>
+            <react_native_1.Text style={styles.errorText}>⚠️ {error.message}</react_native_1.Text>
+          </react_native_1.View>)}
+      </react_native_1.View>
+    </react_native_1.ScrollView>);
+}
+const styles = react_native_1.StyleSheet.create({
+    container: {
+        flex: 1,
+        backgroundColor: '#fff',
+    },
+    content: {
+        padding: 20,
+    },
+    title: {
+        fontSize: 24,
+        fontWeight: 'bold',
+        marginBottom: 8,
+        textAlign: 'center',
+        color: '#000',
+    },
+    subtitle: {
+        fontSize: 16,
+        marginBottom: 24,
+        textAlign: 'center',
+        color: '#666',
+    },
+    section: {
+        marginBottom: 24,
+        padding: 16,
+        borderRadius: 8,
+        backgroundColor: '#f5f5f5',
+    },
+    sectionTitle: {
+        fontSize: 18,
+        fontWeight: '600',
+        marginBottom: 16,
+        color: '#000',
+    },
+    label: {
+        marginBottom: 8,
+        fontWeight: '600',
+        color: '#333',
+    },
+    input: {
+        backgroundColor: '#fff',
+        borderWidth: 1,
+        borderColor: '#ddd',
+        borderRadius: 8,
+        padding: 12,
+        marginBottom: 16,
+        fontSize: 16,
+    },
+    button: {
+        backgroundColor: '#007AFF',
+        padding: 16,
+        borderRadius: 8,
+        alignItems: 'center',
+        marginBottom: 16,
+    },
+    buttonDisabled: {
+        opacity: 0.6,
+    },
+    buttonText: {
+        color: '#fff',
+        fontSize: 16,
+        fontWeight: '600',
+    },
+    secondaryButton: {
+        backgroundColor: '#f0f0f0',
+        padding: 12,
+        borderRadius: 8,
+        alignItems: 'center',
+        marginTop: 8,
+    },
+    secondaryButtonText: {
+        color: '#007AFF',
+        fontSize: 14,
+        fontWeight: '600',
+    },
+    resultSection: {
+        padding: 16,
+        borderRadius: 8,
+        backgroundColor: '#e8f5e9',
+        marginBottom: 16,
+    },
+    resultTitle: {
+        fontSize: 18,
+        fontWeight: 'bold',
+        marginBottom: 16,
+        color: '#2e7d32',
+    },
+    resultRow: {
+        marginBottom: 12,
+    },
+    resultLabel: {
+        fontWeight: '600',
+        marginBottom: 4,
+        color: '#333',
+    },
+    resultValue: {
+        fontSize: 14,
+        color: '#000',
+    },
+    linkText: {
+        fontSize: 12,
+        color: '#007AFF',
+    },
+    statusText: {
+        fontWeight: 'bold',
+        fontSize: 16,
+    },
+    pollingText: {
+        marginTop: 12,
+        fontStyle: 'italic',
+        color: '#666',
+    },
+    errorBox: {
+        backgroundColor: '#ffebee',
+        padding: 16,
+        borderRadius: 8,
+        marginBottom: 16,
+    },
+    errorText: {
+        color: '#c62828',
+        fontWeight: '500',
+    },
+    paymentLink: {
+        fontSize: 12,
+        color: '#007AFF',
+        marginBottom: 16,
+        padding: 12,
+        backgroundColor: '#f5f5f5',
+        borderRadius: 8,
+    },
+});

package/dist/components/XcelPaymentWebView.d.ts

@@ -0,0 +1,76 @@
+/**
+ * XcelPaymentWebView - WebView Payment Handler Component
+ *
+ * Handles payment flow in a WebView with automatic status detection.
+ * Drop this component in your navigation stack and it handles everything!
+ *
+ * @example
+ * ```tsx
+ * import { XcelPaymentWebView } from '@xcelapp/paygate-sdk';
+ *
+ * export default function PaymentWebViewScreen({ route }) {
+ *   const { paymentLink, paymentCode } = route.params;
+ *
+ *   return (
+ *     <XcelPaymentWebView
+ *       paymentLink={paymentLink}
+ *       paymentCode={paymentCode}
+ *       onSuccess={(result) => {
+ *         console.log('Payment successful!', result);
+ *         navigation.navigate('Receipt', { result });
+ *       }}
+ *       onFailure={(result) => {
+ *         console.log('Payment failed', result);
+ *         navigation.goBack();
+ *       }}
+ *     />
+ *   );
+ * }
+ * ```
+ */
+import React from 'react';
+import { ViewStyle, TextStyle } from 'react-native';
+export interface PaymentResult {
+    status: 'SUCCESS' | 'FAILED' | 'PENDING';
+    paymentCode?: string;
+    transactionId?: string;
+    url?: string;
+    bodyText?: string;
+}
+export interface XcelPaymentWebViewProps {
+    /** Payment link URL */
+    paymentLink: string;
+    /** Payment code for tracking */
+    paymentCode?: string;
+    /** Additional payment details */
+    amount?: string;
+    currency?: string;
+    description?: string;
+    /** Called when payment succeeds */
+    onSuccess?: (result: PaymentResult) => void;
+    /** Called when payment fails */
+    onFailure?: (result: PaymentResult) => void;
+    /** Called when payment is pending */
+    onPending?: (result: PaymentResult) => void;
+    /** Called when user closes/cancels */
+    onCancel?: () => void;
+    /** Custom header component */
+    renderHeader?: () => React.ReactNode;
+    /** Custom loading component */
+    renderLoading?: () => React.ReactNode;
+    /** Custom styles */
+    styles?: {
+        container?: ViewStyle;
+        header?: ViewStyle;
+        backButton?: ViewStyle;
+        backButtonText?: TextStyle;
+        webview?: ViewStyle;
+        [key: string]: ViewStyle | TextStyle | undefined;
+    };
+    /** Success detection timeout (ms) */
+    successTimeout?: number;
+    /** Show back button */
+    showBackButton?: boolean;
+}
+export declare function XcelPaymentWebView({ paymentLink, paymentCode, amount, currency, description, onSuccess, onFailure, onPending, onCancel, renderHeader, renderLoading, styles: customStyles, successTimeout, showBackButton, }: XcelPaymentWebViewProps): React.JSX.Element;
+//# sourceMappingURL=XcelPaymentWebView.d.ts.map

package/dist/components/XcelPaymentWebView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"XcelPaymentWebView.d.ts","sourceRoot":"","sources":["../../src/components/XcelPaymentWebView.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AAEH,OAAO,KAAmD,MAAM,OAAO,CAAC;AACxE,OAAO,EAML,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAEtB,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,uBAAuB;IACtC,uBAAuB;IACvB,WAAW,EAAE,MAAM,CAAC;IAEpB,gCAAgC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,iCAAiC;IACjC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,mCAAmC;IACnC,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,IAAI,CAAC;IAE5C,gCAAgC;IAChC,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,IAAI,CAAC;IAE5C,qCAAqC;IACrC,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,IAAI,CAAC;IAE5C,sCAAsC;IACtC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAEtB,8BAA8B;IAC9B,YAAY,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;IAErC,+BAA+B;IAC/B,aAAa,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;IAEtC,oBAAoB;IACpB,MAAM,CAAC,EAAE;QACP,SAAS,CAAC,EAAE,SAAS,CAAC;QACtB,MAAM,CAAC,EAAE,SAAS,CAAC;QACnB,UAAU,CAAC,EAAE,SAAS,CAAC;QACvB,cAAc,CAAC,EAAE,SAAS,CAAC;QAC3B,OAAO,CAAC,EAAE,SAAS,CAAC;QACpB,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;KAClD,CAAC;IAEF,qCAAqC;IACrC,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,uBAAuB;IACvB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,wBAAgB,kBAAkB,CAAC,EACjC,WAAW,EACX,WAAW,EACX,MAAM,EACN,QAAQ,EACR,WAAW,EACX,SAAS,EACT,SAAS,EACT,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,aAAa,EACb,MAAM,EAAE,YAAiB,EACzB,cAAsB,EACtB,cAAqB,GACtB,EAAE,uBAAuB,qBA4VzB"}