@miden-npm/vue 0.0.2

package/dist/types/components/base/radio-group.vue.d.ts

@@ -0,0 +1,29 @@
+type Layout = "vertical" | "horizontal";
+interface Option {
+    label: string;
+    value: string;
+}
+interface IBaseRadioGroupProps {
+    options: Option[];
+    type?: Layout;
+    /** Controlled value (v-model) */
+    modelValue?: string;
+    /** Uncontrolled initial value */
+    defaultValue?: string;
+    /** Extra classes for the container */
+    className?: string;
+}
+declare const _default: import("vue").DefineComponent<IBaseRadioGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (v: string) => any;
+    selectedChange: (v: string) => any;
+}, string, import("vue").PublicProps, Readonly<IBaseRadioGroupProps> & Readonly<{
+    "onUpdate:modelValue"?: ((v: string) => any) | undefined;
+    onSelectedChange?: ((v: string) => any) | undefined;
+}>, {
+    className: string;
+    type: Layout;
+    options: Option[];
+    modelValue: string;
+    defaultValue: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/types/components/base/select.vue.d.ts

@@ -0,0 +1,57 @@
+type ImageType = "country" | "bank" | null;
+export interface SelectOption {
+    label: string;
+    value: string;
+    countryCode?: string;
+    bankCode?: string;
+}
+interface IBaseSelectProps {
+    options: SelectOption[];
+    /** Controlled value (v-model) */
+    modelValue?: string;
+    /** Uncontrolled initial value */
+    defaultValue?: string;
+    /** Emits change when selection changes */
+    className?: string;
+    placeholder?: string;
+    hasSearch?: boolean;
+    disabled?: boolean;
+    loading?: boolean;
+    validationError?: string;
+    label?: string;
+    hint?: string;
+    required?: boolean;
+    itemImageType?: ImageType;
+}
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    prefix?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<IBaseSelectProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (v: string) => any;
+    change: (v: string) => any;
+}, string, import("vue").PublicProps, Readonly<IBaseSelectProps> & Readonly<{
+    "onUpdate:modelValue"?: ((v: string) => any) | undefined;
+    onChange?: ((v: string) => any) | undefined;
+}>, {
+    className: string;
+    label: string;
+    loading: boolean;
+    disabled: boolean;
+    required: boolean;
+    placeholder: string;
+    options: SelectOption[];
+    modelValue: string;
+    defaultValue: string;
+    validationError: string;
+    hint: string;
+    hasSearch: boolean;
+    itemImageType: ImageType;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/components/base/success.vue.d.ts

@@ -0,0 +1,4 @@
+interface IBaseSuccessProps {
+}
+declare const _default: import("vue").DefineComponent<IBaseSuccessProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IBaseSuccessProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/types/components/icons/icon-arrow-swap.vue.d.ts

@@ -0,0 +1,11 @@
+interface IIconProps {
+    width?: number | string;
+    height?: number | string;
+    color?: string;
+}
+declare const _default: import("vue").DefineComponent<IIconProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IIconProps> & Readonly<{}>, {
+    color: string;
+    width: number | string;
+    height: number | string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/types/components/icons/icon-buzapay-icon.vue.d.ts

@@ -0,0 +1,11 @@
+interface IIconProps {
+    width?: number | string;
+    height?: number | string;
+    color?: string;
+}
+declare const _default: import("vue").DefineComponent<IIconProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IIconProps> & Readonly<{}>, {
+    color: string;
+    width: number | string;
+    height: number | string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/types/components/icons/icon-check-circle.vue.d.ts

@@ -0,0 +1,11 @@
+interface IIconProps {
+    width?: number | string;
+    height?: number | string;
+    color?: string;
+}
+declare const _default: import("vue").DefineComponent<IIconProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IIconProps> & Readonly<{}>, {
+    color: string;
+    width: number | string;
+    height: number | string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/types/components/icons/icon-chevron-down.vue.d.ts

@@ -0,0 +1,11 @@
+interface IIconProps {
+    width?: number | string;
+    height?: number | string;
+    color?: string;
+}
+declare const _default: import("vue").DefineComponent<IIconProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IIconProps> & Readonly<{}>, {
+    color: string;
+    width: number | string;
+    height: number | string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/types/components/icons/icon-chevron-left.vue.d.ts

@@ -0,0 +1,11 @@
+interface IIconProps {
+    width?: number | string;
+    height?: number | string;
+    color?: string;
+}
+declare const _default: import("vue").DefineComponent<IIconProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IIconProps> & Readonly<{}>, {
+    color: string;
+    width: number | string;
+    height: number | string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/types/components/icons/icon-chevron-up.vue.d.ts

@@ -0,0 +1,11 @@
+interface IIconProps {
+    width?: number | string;
+    height?: number | string;
+    color?: string;
+}
+declare const _default: import("vue").DefineComponent<IIconProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IIconProps> & Readonly<{}>, {
+    color: string;
+    width: number | string;
+    height: number | string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/types/components/icons/icon-copy-success.vue.d.ts

@@ -0,0 +1,11 @@
+interface IIconProps {
+    width?: number | string;
+    height?: number | string;
+    color?: string;
+}
+declare const _default: import("vue").DefineComponent<IIconProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IIconProps> & Readonly<{}>, {
+    color: string;
+    width: number | string;
+    height: number | string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/types/components/icons/icon-loader.vue.d.ts

@@ -0,0 +1,11 @@
+interface IIconProps {
+    size?: number | string;
+    color?: string;
+    className?: string;
+}
+declare const _default: import("vue").DefineComponent<IIconProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IIconProps> & Readonly<{}>, {
+    size: number | string;
+    color: string;
+    className: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/types/components/icons/icon-usdc.vue.d.ts

@@ -0,0 +1,11 @@
+interface IIconProps {
+    width?: number | string;
+    height?: number | string;
+    color?: string;
+}
+declare const _default: import("vue").DefineComponent<IIconProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IIconProps> & Readonly<{}>, {
+    color: string;
+    width: number | string;
+    height: number | string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/types/components/icons/icon-usdt.vue.d.ts

@@ -0,0 +1,11 @@
+interface IIconProps {
+    width?: number | string;
+    height?: number | string;
+    color?: string;
+}
+declare const _default: import("vue").DefineComponent<IIconProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IIconProps> & Readonly<{}>, {
+    color: string;
+    width: number | string;
+    height: number | string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/types/components/icons/index.d.ts

@@ -0,0 +1,10 @@
+export * from "./icon-arrow-swap.vue";
+export * from "./icon-buzapay-icon.vue";
+export * from "./icon-check-circle.vue";
+export * from "./icon-chevron-down.vue";
+export * from "./icon-chevron-left.vue";
+export * from "./icon-chevron-up.vue";
+export * from "./icon-copy-success.vue";
+export * from "./icon-loader.vue";
+export * from "./icon-usdc.vue";
+export * from "./icon-usdt.vue";

package/dist/types/components/pay-by-card.vue.d.ts

@@ -0,0 +1,4 @@
+interface IPayByCardProps {
+}
+declare const _default: import("vue").DefineComponent<IPayByCardProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IPayByCardProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/types/components/pay-by-stable-coin.vue.d.ts

@@ -0,0 +1,8 @@
+interface IPayByStableCoinProps {
+}
+declare const _default: import("vue").DefineComponent<IPayByStableCoinProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    proceed: () => any;
+}, string, import("vue").PublicProps, Readonly<IPayByStableCoinProps> & Readonly<{
+    onProceed?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/types/components/pay-by-transfer.vue.d.ts

@@ -0,0 +1,20 @@
+interface IPayByTransferProps {
+    amountDisplay?: string;
+    bankName?: string;
+    accountNumber?: string;
+    /** Initial countdown seconds (defaults to 30 minutes) */
+    initialSeconds?: number;
+}
+declare const _default: import("vue").DefineComponent<IPayByTransferProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    cancel: () => any;
+    confirm: () => any;
+}, string, import("vue").PublicProps, Readonly<IPayByTransferProps> & Readonly<{
+    onCancel?: (() => any) | undefined;
+    onConfirm?: (() => any) | undefined;
+}>, {
+    amountDisplay: string;
+    bankName: string;
+    accountNumber: string;
+    initialSeconds: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/types/index.d.ts

@@ -0,0 +1,5 @@
+export { createMidenPG, useMidenPG } from "./plugin";
+export { default as BzpCheckoutButton } from "./buzapay-checkout/checkout-button.vue";
+export { default as BzpCheckoutIframe } from "./buzapay-checkout/checkout-iframe.vue";
+export { default as BzpCheckoutCard } from "./buzapay-checkout/checkout-card.vue";
+export * from "./types";

package/dist/types/plugin.d.ts

@@ -0,0 +1,6 @@
+import type { App } from "vue";
+import type { MidenPGConfig } from "./types";
+export declare function createMidenPG(config: MidenPGConfig): {
+    install(app: App): void;
+};
+export declare function useMidenPG(): MidenPGConfig;

package/dist/types/types/checkout.type.d.ts

@@ -0,0 +1,8 @@
+export interface IPaymentObject {
+    amount: number;
+    currency: string;
+    email: string;
+    phoneNumber: string;
+    narration: string;
+    redirectUrl: string;
+}

package/dist/types/types/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./checkout.type";
+export * from "./resource.type";

package/dist/types/types/resource.type.d.ts

@@ -0,0 +1,29 @@
+export interface IPagination {
+    currentPage?: number;
+    totalCount?: number;
+    pageSize?: number;
+    totalPages?: number;
+}
+export interface IApiResponse<T> extends IPagination {
+    isSuccessful: boolean;
+    launchUrl?: string;
+    loginSuccessful?: boolean;
+    responseMessage: string;
+    responseCode: string;
+    data: T | null;
+    user?: T;
+    merchant?: T;
+    transactions?: T[];
+    beneficiary?: T[];
+    refunds?: T;
+    batches?: T[];
+    checkouts?: T[];
+    collections?: T[];
+    disputes?: T[];
+    invoices?: T[];
+    invoice?: T;
+    networks?: T;
+    totalCreditTransactions?: string;
+    totalDebitTransactions?: string;
+    totalTransactions?: string;
+}

package/dist/types/types.d.ts

@@ -0,0 +1,10 @@
+export type Currency = "NGN" | "USD" | "GHS" | "KES" | string;
+export interface MidenPGConfig {
+    publishableKey: string;
+    apiBaseUrl?: string;
+}
+export interface CheckoutParams {
+    amount: number;
+    currency: Currency;
+    metadata?: Record<string, unknown>;
+}

package/dist/types/utils/api.util.d.ts

@@ -0,0 +1 @@
+export declare const getBaseUrl: (mode: string) => string;

package/dist/types/utils/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./object.util";
+export * from "./api.util";
+export * from "./string.util";
+export * from "./input.util";

package/dist/types/utils/input.util.d.ts

@@ -0,0 +1 @@
+export declare const restrictToNumericKeys: (event: KeyboardEvent) => void;

package/dist/types/utils/object.util.d.ts

@@ -0,0 +1 @@
+export declare const checkObjectTruthy: <T extends object>(obj: T) => boolean;

package/dist/types/utils/string.util.d.ts

@@ -0,0 +1,3 @@
+export declare const currencySign: (currency: string) => string;
+export declare const formatAmount: (value: number | string, currency?: string) => string;
+export declare const truncateString: (str: string, num: number) => string;

package/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "@miden-npm/vue",
+  "version": "0.0.2",
+  "private": false,
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org",
+    "access": "public"
+  },
+  "description": "Miden Payment Gateway Vue SDK",
+  "type": "module",
+  "main": "dist/index.cjs.js",
+  "module": "dist/index.es.js",
+  "unpkg": "dist/index.umd.js",
+  "types": "dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/index.es.js",
+      "require": "./dist/index.cjs.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "sideEffects": false,
+  "peerDependencies": {
+    "vue": "^3.4.0"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^5.2.4",
+    "rimraf": "^6.0.1",
+    "typescript": "^5.9.2",
+    "vite": "^5.4.19",
+    "vue": "^3.5.20",
+    "vue-tsc": "^2.2.12"
+  },
+  "scripts": {
+    "build": "rimraf dist && vite build && vue-tsc -p tsconfig.build.json",
+    "build:watch": "vite build --watch",
+    "types:watch": "vue-tsc -w -p tsconfig.build.json",
+    "dev": "vite"
+  }
+}