@1money/component-ui 0.0.61-alpha.0 → 0.0.61-alpha.3

package/es/business/Select/PaymentMethod/interface.d.ts

@@ -0,0 +1,70 @@
+import type { SelectProps } from "../../../components/Select";
+/**
+ * Per-payment-method fee block as returned by 1money's `/private/currencies`
+ * fiat list. All numeric fields are strings to preserve precision across the wire.
+ */
+export interface PaymentMethodFee {
+    /** Numeric transaction fee, e.g. `"10.00"`. */
+    transactionFee: string;
+    /** Asset the fee is denominated in, e.g. `"USD"`. */
+    transactionFeeAsset?: string;
+    /** Settlement time value, e.g. `"1-3"`. */
+    transactionTime?: string;
+    /** Unit paired with `transactionTime`, e.g. `"business days"`. */
+    transactionUnit?: string;
+}
+/**
+ * Single fiat payment method entry as returned by 1money's
+ * `/private/currencies` endpoint (`data.fiat[i].paymentMethods[j]`).
+ */
+export interface PaymentMethodItem {
+    /** Stable identifier — bound to the Select `value`, e.g. `"ACH"` / `"WIRE"`. */
+    paymentMethodType: string;
+    /** Display description, typically `"<Name> - <SLA>"`, e.g. `"ACH Transfer - 1-3 business days"`. */
+    paymentMethodTypeDesc: string;
+    /** Public URL of the payment method icon. */
+    paymentMethodIconUrl?: string;
+    /** Optional badges rendered next to the option label in the dropdown. */
+    tags?: string[];
+    /** Minimum deposit amount, as a numeric string. */
+    depositAmtMin?: string;
+    /** Minimum withdrawal amount, as a numeric string. */
+    withdrawAmtMin?: string;
+    /** Fee + settlement info; absent for methods without a configured fee. */
+    fee?: PaymentMethodFee;
+}
+export interface PaymentMethodSelectProps extends Omit<SelectProps, 'options' | 'renderValue' | 'renderOption' | 'renderOptionContent'> {
+    /**
+     * Fiat payment methods returned by 1money's `/private/currencies` endpoint
+     * (`data.fiat[i].paymentMethods`). Pass through as-is — the component
+     * derives label / description / fee row internally.
+     *
+     * @example
+     * ```ts
+     * const paymentMethods: PaymentMethodItem[] = [
+     *   {
+     *     paymentMethodIconUrl: 'https://static.1money.com/images/payment-methods/Icon-ACH.svg',
+     *     paymentMethodType: 'ACH',
+     *     paymentMethodTypeDesc: 'ACH Transfer - 1-3 business days',
+     *     tags: [],
+     *     depositAmtMin: '1.00',
+     *     withdrawAmtMin: '1.00',
+     *     fee: {
+     *       transactionFee: '0.55',
+     *       transactionFeeAsset: 'USD',
+     *       transactionTime: '1-3',
+     *       transactionUnit: 'business days',
+     *     },
+     *   },
+     * ];
+     *
+     * <PaymentMethodSelect options={paymentMethods} />
+     * ```
+     */
+    options: PaymentMethodItem[];
+    /**
+     * Bold the payment method name in the trigger and the dropdown options.
+     * @default true
+     */
+    strong?: boolean;
+}

package/es/business/Select/PaymentMethod/interface.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnVzaW5lc3MvU2VsZWN0L1BheW1lbnRNZXRob2QvaW50ZXJmYWNlLmpzIiwibmFtZXMiOltdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIiwic291cmNlcyI6WyJidXNpbmVzcy9TZWxlY3QvUGF5bWVudE1ldGhvZC9pbnRlcmZhY2UuanMiXSwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHt9OyJdLCJtYXBwaW5ncyI6IkFBQUEiLCJpZ25vcmVMaXN0IjpbXX0=

package/es/business/Select/PaymentMethod/style/PaymentMethodSelect.css

@@ -0,0 +1,38 @@
+/**
+  * Retrieves the spacing value for a given token key.
+  *
+  * @param {string} $key - The spacing token key (e.g., '100', '200').
+  * @return {length|null} The computed spacing value or null if the key is invalid.
+  * @example
+  *   .element {
+  *     padding: om-spacing-token('200'); // Returns 8px if $om-sys-spacing-unit is 4px
+  *   }
+  */
+/**
+  * Computes the spacing value based on a token key or a direct length value.
+  *
+  * @param {string|length} $value - The spacing token key (e.g., '100') or a direct length value (e.g., '16px').
+  * @return {length} The computed spacing value.
+  * @example
+  *   .element {
+  *     margin: om-spacing-value('300'); // Returns 12px if $om-sys-spacing-unit is 4px
+  *     padding: om-spacing-value(16px); // Returns 16px
+  *     gap: om-spacing-value(2); // Returns 8px if $om-sys-spacing-unit is 4px
+  *   }
+  */
+.om-payment-method-select .om-component-ui-select-trigger-large {
+  height: 56px;
+}
+.om-payment-method-select .om-component-ui-select-trigger-small {
+  height: 44px;
+}
+.om-payment-method-select .om-component-ui-select-value {
+  overflow: visible;
+  white-space: normal;
+}
+.om-payment-method-select .om-component-ui-select-value-large {
+  height: 22px;
+}
+.om-payment-method-select .om-component-ui-select-value-small {
+  height: 18px;
+}

package/es/business/Select/PaymentMethod/style/css.js

@@ -0,0 +1,2 @@
+import './PaymentMethodSelect.css';
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJ1c2luZXNzL1NlbGVjdC9QYXltZW50TWV0aG9kL3NyYy9idXNpbmVzcy9TZWxlY3QvUGF5bWVudE1ldGhvZC9zdHlsZS9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLDRCQUE0QiIsImZpbGUiOiJidXNpbmVzcy9TZWxlY3QvUGF5bWVudE1ldGhvZC9zdHlsZS9jc3MuanMiLCJzb3VyY2VzQ29udGVudCI6W251bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=

package/es/business/Select/PaymentMethod/style/index.d.ts

@@ -0,0 +1 @@
+import './PaymentMethodSelect.css';

package/es/business/Select/PaymentMethod/style/index.js

@@ -0,0 +1,2 @@
+import './PaymentMethodSelect.css';
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJ1c2luZXNzL1NlbGVjdC9QYXltZW50TWV0aG9kL3NyYy9idXNpbmVzcy9TZWxlY3QvUGF5bWVudE1ldGhvZC9zdHlsZS9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLDRCQUE0QiIsImZpbGUiOiJidXNpbmVzcy9TZWxlY3QvUGF5bWVudE1ldGhvZC9zdHlsZS9pbmRleC5qcyIsInNvdXJjZXNDb250ZW50IjpbbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==

package/es/business/Select/index.d.ts

@@ -1 +1,3 @@
 export * from './Country';
+export * from './Network';
+export * from './PaymentMethod';

package/es/business/Select/index.js

@@ -1,2 +1,4 @@
 export * from './Country';
-//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJ1c2luZXNzL3NyYy9idXNpbmVzcy9TZWxlY3QvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxXQUFXIiwiZmlsZSI6ImJ1c2luZXNzL1NlbGVjdC9pbmRleC5qcyIsInNvdXJjZXNDb250ZW50IjpbbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==
+export * from './Network';
+export * from './PaymentMethod';
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJ1c2luZXNzL3NyYy9idXNpbmVzcy9TZWxlY3QvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxXQUFXO0FBQ3pCLGNBQWMsV0FBVztBQUN6QixjQUFjLGlCQUFpQiIsImZpbGUiOiJidXNpbmVzcy9TZWxlY3QvaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6W251bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=

package/es/components/Input/Input/Input.css

@@ -49,6 +49,7 @@
   line-height: var(--om-body-lg-line-height);
   letter-spacing: var(--om-body-lg-letter-spacing);
   font-weight: var(--om-body-lg-font-weight);
+  font-weight: 500;
   flex: 1 1 auto;
   width: 100%;
   color: var(--om-text-default, #131313);
@@ -58,15 +59,11 @@
 }
 .om-component-ui-input-field::-moz-placeholder {
   color: var(--om-text-neutral-secondary, #9fa3a3);
+  font-weight: 400;
 }
 .om-component-ui-input-field::placeholder {
   color: var(--om-text-neutral-secondary, #9fa3a3);
-}
-.om-component-ui-input-field:not(:-moz-placeholder) {
-  font-weight: 500;
-}
-.om-component-ui-input-field:not(:placeholder-shown) {
-  font-weight: 500;
+  font-weight: 400;
 }
 .om-component-ui-input-prefix, .om-component-ui-input-suffix {
   display: inline-flex;
@@ -100,6 +97,7 @@
   line-height: var(--om-body-md-line-height);
   letter-spacing: var(--om-body-md-letter-spacing);
   font-weight: var(--om-body-md-font-weight);
+  font-weight: 500;
 }
 .om-component-ui-input-error .om-component-ui-input-control, .om-component-ui-input-error .om-component-ui-input-control:hover, .om-component-ui-input-error .om-component-ui-input-control:focus-within {
   box-shadow: inset 0 0 0 1px var(--om-border-danger, #ae0000);