@verifiedinc-public/shared-ui-elements 12.8.4 → 12.9.1-rc.10

package/dist/components/NetworkRules/hooks/useNetworkRuleSourceSearch.mjs

@@ -0,0 +1 @@
+"use strict";import{useMemo as M}from"react";import{useInfiniteQuery as N,keepPreviousData as k}from"@tanstack/react-query";import{useDebounceValue as w}from"../../../hooks/useDebounceValue.mjs";import{useNetworkRulesServices as x}from"../NetworkRules.context.mjs";function b(t,g,{limit:i=20,debounceMs:m=300,enabled:p=!0}={}){const{scope:v,sources:u}=x(),r=t?u?.[t]:void 0,n=w(g.trim(),m),s=N({queryKey:["network-rules",v,"source",t,n,i],queryFn:async({pageParam:a,signal:e})=>r?await r.search({search:n||void 0,limit:i,skip:a},e):[],initialPageParam:0,getNextPageParam:(a,e)=>a.length<i?void 0:e.reduce((o,y)=>o+y.length,0),enabled:p&&r!==void 0,placeholderData:k}),h=M(()=>{var a;const e=new Map;for(const o of((a=s.data)==null?void 0:a.pages.flat())??[])e.has(o.value)||e.set(o.value,o);return[...e.values()]},[s.data]),{hasNextPage:c,isFetching:l,isFetchingNextPage:d,fetchNextPage:f,refetch:P}=s;return{options:h,isLoading:l&&!d,isLoadingMore:d,hasMore:c,loadMore:()=>{c&&!l&&f()},isSupported:r!==void 0,service:r,error:s.error,retry:()=>{P()}}}export{b as useNetworkRuleSourceSearch};

package/dist/components/NetworkRules/hooks/useNetworkRulesCatalog.d.ts

@@ -0,0 +1,3 @@
+import { UseQueryResult } from '@tanstack/react-query';
+import { NetworkRuleCatalog } from '../types';
+export declare function useNetworkRulesCatalog(): UseQueryResult<NetworkRuleCatalog>;

package/dist/components/NetworkRules/hooks/useNetworkRulesCatalog.mjs

@@ -0,0 +1 @@
+"use strict";import{useQuery as r}from"@tanstack/react-query";import{useNetworkRulesServices as o}from"../NetworkRules.context.mjs";const a=300*1e3;function u(){const{scope:e,getCatalog:s}=o();return r({queryKey:["network-rules",e,"catalog"],queryFn:async({signal:t})=>await s(t),staleTime:a})}export{u as useNetworkRulesCatalog};

package/dist/components/NetworkRules/hooks/useNetworkRulesDialogs.d.ts

@@ -0,0 +1,41 @@
+import { NetworkRuleDeleteDialogProps } from '../dialog/NetworkRuleDeleteDialog';
+import { NetworkRuleEditorDialogProps } from '../editor/NetworkRuleEditorDialog';
+import { NetworkRuleRowHandlers } from '../table/NetworkRuleExpandedPanel';
+import { NetworkRule, NetworkRuleServerError } from '../types';
+export interface NetworkRulesEditorState {
+    open: boolean;
+    /** Undefined for a new rule. */
+    rule?: NetworkRule;
+    appendEmptyCondition: boolean;
+    focusConditionIndex?: number;
+}
+export interface NetworkRulesDeletionState {
+    open: boolean;
+    rule?: NetworkRule;
+    /** Set when one condition is being deleted rather than the rule. */
+    conditionIndex?: number;
+}
+/** Table callbacks wired to the dialogs; `onToggleEnabled` stays with the consumer. */
+export type NetworkRulesDialogTableHandlers = Required<Pick<NetworkRuleRowHandlers, 'onEdit' | 'onDelete' | 'onAddCondition' | 'onEditCondition' | 'onDeleteCondition'>>;
+export type NetworkRulesEditorDialogProps = Pick<NetworkRuleEditorDialogProps, 'open' | 'rule' | 'appendEmptyCondition' | 'focusConditionIndex' | 'serverErrors' | 'onClose'>;
+export type NetworkRulesDeleteDialogProps = Pick<NetworkRuleDeleteDialogProps, 'open' | 'rule' | 'conditionIndex' | 'onClose'>;
+export interface UseNetworkRulesDialogsResult {
+    editor: NetworkRulesEditorState;
+    deletion: NetworkRulesDeletionState;
+    /** Cleared on open and close. */
+    serverErrors: NetworkRuleServerError[] | undefined;
+    setServerErrors: (errors: NetworkRuleServerError[] | undefined) => void;
+    openCreate: () => void;
+    openEdit: (rule: NetworkRule) => void;
+    openAddCondition: (rule: NetworkRule) => void;
+    openEditCondition: (rule: NetworkRule, index: number) => void;
+    closeEditor: () => void;
+    requestDeleteRule: (rule: NetworkRule) => void;
+    requestDeleteCondition: (rule: NetworkRule, index: number) => void;
+    closeDeletion: () => void;
+    tableHandlers: NetworkRulesDialogTableHandlers;
+    editorDialogProps: NetworkRulesEditorDialogProps;
+    deleteDialogProps: NetworkRulesDeleteDialogProps;
+}
+/** Which dialog is open and about what. Data stays with the consumer. */
+export declare function useNetworkRulesDialogs(): UseNetworkRulesDialogsResult;

package/dist/components/NetworkRules/hooks/useNetworkRulesDialogs.mjs

@@ -0,0 +1 @@
+"use strict";import{useState as v,useCallback as e,useMemo as D}from"react";function b(){const[n,t]=v({open:!1,appendEmptyCondition:!1}),[d,p]=v({open:!1}),[r,i]=v(),x=e(()=>{i(void 0),t({open:!0,appendEmptyCondition:!1})},[]),l=e(o=>{i(void 0),t({open:!0,rule:o,appendEmptyCondition:!1})},[]),s=e(o=>{i(void 0),t({open:!0,rule:o,appendEmptyCondition:!0})},[]),u=e((o,m)=>{i(void 0),t({open:!0,rule:o,appendEmptyCondition:!1,focusConditionIndex:m})},[]),a=e(()=>{i(void 0),t(o=>({...o,open:!1}))},[]),C=e(o=>{p({open:!0,rule:o})},[]),E=e((o,m)=>{p({open:!0,rule:o,conditionIndex:m})},[]),c=e(()=>{p(o=>({...o,open:!1}))},[]),y=D(()=>({onEdit:l,onDelete:C,onAddCondition:s,onEditCondition:u,onDeleteCondition:E}),[l,C,s,u,E]),I=D(()=>({open:n.open,rule:n.rule,appendEmptyCondition:n.appendEmptyCondition,focusConditionIndex:n.focusConditionIndex,serverErrors:r,onClose:a}),[n,r,a]),f=D(()=>({open:d.open,rule:d.rule,conditionIndex:d.conditionIndex,onClose:c}),[d,c]);return{editor:n,deletion:d,serverErrors:r,setServerErrors:i,openCreate:x,openEdit:l,openAddCondition:s,openEditCondition:u,closeEditor:a,requestDeleteRule:C,requestDeleteCondition:E,closeDeletion:c,tableHandlers:y,editorDialogProps:I,deleteDialogProps:f}}export{b as useNetworkRulesDialogs};

package/dist/components/NetworkRules/hooks/useResolvedConditionOptions.d.ts

@@ -0,0 +1,16 @@
+import { NetworkRuleKeyDef, NetworkRuleOption, NetworkRuleSourceService } from '../types';
+export interface UseResolvedConditionOptionsParams {
+    /** Options already known to the caller; never sent to `resolve`. */
+    known?: readonly NetworkRuleOption[];
+}
+export interface UseResolvedConditionOptionsResult {
+    /** One option per stored value, in the stored order. */
+    options: NetworkRuleOption[];
+    isLoading: boolean;
+    service: NetworkRuleSourceService | undefined;
+}
+/**
+ * Stored values → displayable options: matched from inline options, resolved
+ * through the key's remote source, or labelled by themselves.
+ */
+export declare function useResolvedConditionOptions(keyDef: NetworkRuleKeyDef | undefined, values: string[], { known }?: UseResolvedConditionOptionsParams): UseResolvedConditionOptionsResult;

package/dist/components/NetworkRules/hooks/useResolvedConditionOptions.mjs

@@ -0,0 +1 @@
+"use strict";import{useMemo as m}from"react";import{useQuery as y,keepPreviousData as g}from"@tanstack/react-query";import{useNetworkRulesServices as h}from"../NetworkRules.context.mjs";import{hasInlineOptions as k,hasRemoteSource as w,toOptions as c}from"../utils/catalog.mjs";const O=300*1e3;function R(e,s,{known:a=[]}={}){const{scope:f,sources:p}=h(),v=k(e),i=w(e)?e.values.source:void 0,n=i?p?.[i]:void 0,t=n?.resolve,r=m(()=>s.filter(o=>!a.some(u=>u.value===o)).sort((o,u)=>o.localeCompare(u)),[s,a]),d=t!==void 0&&r.length>0,l=y({queryKey:["network-rules",f,"resolve",i,r],queryFn:async({signal:o})=>t?await t(r,o):[],enabled:d,staleTime:O,placeholderData:g});return{options:m(()=>v?c(s,e.values.options):c(s,[...a,...l.data??[]]),[v,e,s,a,l.data]),isLoading:d&&l.isPending,service:n}}export{R as useResolvedConditionOptions};

package/dist/components/NetworkRules/index.d.ts

@@ -0,0 +1,9 @@
+export * from './types';
+export * from './statuses';
+export * from './NetworkRules.context';
+export * from './hooks';
+export * from './utils';
+export * from './shared';
+export * from './table';
+export * from './editor';
+export * from './dialog';

package/dist/components/NetworkRules/index.mjs

@@ -0,0 +1 @@
+"use strict";import{NETWORK_RULE_STATUSES as e,getStatusPresentation as o}from"./statuses.mjs";import{NetworkRulesProvider as a,useNetworkRuleStatuses as s,useNetworkRulesServices as t}from"./NetworkRules.context.mjs";import{ConditionValuesInput as r}from"./editor/fields/ConditionValuesInput.mjs";import{DateField as l}from"./editor/fields/DateField.mjs";import{NETWORK_RULES_COLUMN_IDS as i,buildNetworkRulesColumns as u}from"./table/columns.mjs";import{NetworkRuleConditionsTable as m}from"./table/NetworkRuleConditionsTable.mjs";import{NetworkRuleDeleteDialog as R}from"./dialog/NetworkRuleDeleteDialog.mjs";import{NetworkRuleDiscardDialog as n}from"./dialog/NetworkRuleDiscardDialog.mjs";import{NetworkRuleEditorDialog as p}from"./editor/NetworkRuleEditorDialog.mjs";import{NetworkRuleEditorForm as N}from"./editor/NetworkRuleEditorForm.mjs";import{NetworkRuleExpandedPanel as w}from"./table/NetworkRuleExpandedPanel.mjs";import{NetworkRuleRow as k}from"./table/NetworkRuleRow.mjs";import{NetworkRulesTable as d}from"./table/NetworkRulesTable.mjs";import{NetworkStatusChip as f}from"./shared/NetworkStatusChip.mjs";import{OptionChips as S}from"./shared/OptionChips.mjs";import{dayToRuleDate as D,formatRuleDate as C,ruleDateToDay as g}from"./utils/date.mjs";import{dedupeValues as O,emptyConditionFormValues as h,fromNetworkRuleFormValues as T,normalizeConditionValues as E,toNetworkRuleFormValues as F}from"./utils/condition.mjs";import{getKeyDef as c,getKeyLabel as L,getOperatorLabel as b,getStatusLabel as V,hasInlineOptions as y,hasRemoteSource as _,isOperatorMulti as K,toOptions as U}from"./utils/catalog.mjs";import{networkRuleConditionFormSchema as v,networkRuleFormSchema as I}from"./editor/schema.mjs";import{useHeldWhileClosed as P}from"./hooks/useHeldWhileClosed.mjs";import{useNetworkRuleSourceSearch as W}from"./hooks/useNetworkRuleSourceSearch.mjs";import{useNetworkRulesCatalog as M}from"./hooks/useNetworkRulesCatalog.mjs";import{useNetworkRulesDialogs as x}from"./hooks/useNetworkRulesDialogs.mjs";import{useResolvedConditionOptions as z}from"./hooks/useResolvedConditionOptions.mjs";export{r as ConditionValuesInput,l as DateField,i as NETWORK_RULES_COLUMN_IDS,e as NETWORK_RULE_STATUSES,m as NetworkRuleConditionsTable,R as NetworkRuleDeleteDialog,n as NetworkRuleDiscardDialog,p as NetworkRuleEditorDialog,N as NetworkRuleEditorForm,w as NetworkRuleExpandedPanel,k as NetworkRuleRow,a as NetworkRulesProvider,d as NetworkRulesTable,f as NetworkStatusChip,S as OptionChips,u as buildNetworkRulesColumns,D as dayToRuleDate,O as dedupeValues,h as emptyConditionFormValues,C as formatRuleDate,T as fromNetworkRuleFormValues,c as getKeyDef,L as getKeyLabel,b as getOperatorLabel,V as getStatusLabel,o as getStatusPresentation,y as hasInlineOptions,_ as hasRemoteSource,K as isOperatorMulti,v as networkRuleConditionFormSchema,I as networkRuleFormSchema,E as normalizeConditionValues,g as ruleDateToDay,F as toNetworkRuleFormValues,U as toOptions,P as useHeldWhileClosed,W as useNetworkRuleSourceSearch,s as useNetworkRuleStatuses,M as useNetworkRulesCatalog,x as useNetworkRulesDialogs,t as useNetworkRulesServices,z as useResolvedConditionOptions};

package/dist/components/NetworkRules/shared/NetworkStatusChip.d.ts

@@ -0,0 +1,5 @@
+import { ChipProps } from '@mui/material';
+export interface NetworkStatusChipProps extends Omit<ChipProps, 'label' | 'color' | 'icon'> {
+    status: string;
+}
+export declare function NetworkStatusChip({ status, size, sx, ...chipProps }: Readonly<NetworkStatusChipProps>): import("react").JSX.Element;

package/dist/components/NetworkRules/shared/NetworkStatusChip.mjs

@@ -0,0 +1 @@
+"use strict";import{Chip as i}from"@mui/material";import{getStatusPresentation as e}from"../statuses.mjs";import{jsx as l}from"react/jsx-runtime";function n({status:r,size:s="small",sx:o,...a}){const t=e(r);return l(i,{size:s,label:t.label,color:t.color??"default",icon:t.icon,sx:[{"& .MuiChip-label":{fontWeight:700}},...Array.isArray(o)?o:[o]],...a})}export{n as NetworkStatusChip};

package/dist/components/NetworkRules/shared/OptionChips.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { NetworkRuleOption, NetworkRuleRenderChip } from '../types';
+export interface OptionChipsProps {
+    options: readonly NetworkRuleOption[];
+    renderChip?: NetworkRuleRenderChip;
+    emptyPlaceholder?: ReactNode;
+}
+/** Condition values as a wrapping row of chips. */
+export declare function OptionChips({ options, renderChip, emptyPlaceholder, }: Readonly<OptionChipsProps>): import("react").JSX.Element;

package/dist/components/NetworkRules/shared/OptionChips.mjs

@@ -0,0 +1 @@
+"use strict";import{Fragment as i}from"react";import{Stack as o,Chip as t}from"@mui/material";import{jsx as r,Fragment as s}from"react/jsx-runtime";function m({options:a,renderChip:l,emptyPlaceholder:p="-"}){return a.length===0?r(s,{children:p}):r(o,{direction:"row",flexWrap:"wrap",useFlexGap:!0,gap:.75,children:a.map(e=>{const n={size:"small",label:e.label};return r(i,{children:l?l(e,n):r(t,{...n})},e.value)})})}export{m as OptionChips};

package/dist/components/NetworkRules/shared/index.d.ts

@@ -0,0 +1,2 @@
+export * from './NetworkStatusChip';
+export * from './OptionChips';

package/dist/components/NetworkRules/statuses.d.ts

@@ -0,0 +1,3 @@
+import { NetworkRuleStatusPresentation } from './types';
+export declare const NETWORK_RULE_STATUSES: Record<string, NetworkRuleStatusPresentation>;
+export declare function getStatusPresentation(status: string): NetworkRuleStatusPresentation;

package/dist/components/NetworkRules/statuses.mjs

@@ -0,0 +1 @@
+"use strict";import{Close as r,QuestionMark as t,Check as a}from"@mui/icons-material";import{jsx as e}from"react/jsx-runtime";const l={IN_NETWORK:{label:"In Network",color:"success",icon:e(a,{fontSize:"small"})},INDETERMINATE:{label:"Indeterminate",color:"warning",icon:e(t,{fontSize:"small"})},OUT_OF_NETWORK:{label:"Out of Network",color:"error",icon:e(r,{fontSize:"small"})}},n=o=>o.toLowerCase().split(/[_\s]+/).filter(Boolean).map(s=>s[0].toUpperCase()+s.slice(1)).join(" ");function i(o){return l[o]??{label:n(o)}}export{l as NETWORK_RULE_STATUSES,i as getStatusPresentation};

package/dist/components/NetworkRules/table/NetworkRuleConditionsTable.d.ts

@@ -0,0 +1,9 @@
+import { NetworkRule, NetworkRuleCatalog } from '../types';
+export interface NetworkRuleConditionsTableProps {
+    rule: NetworkRule;
+    catalog?: NetworkRuleCatalog;
+    readOnly?: boolean;
+    onEditCondition?: (rule: NetworkRule, index: number) => void;
+    onDeleteCondition?: (rule: NetworkRule, index: number) => void;
+}
+export declare function NetworkRuleConditionsTable({ rule, catalog, readOnly, onEditCondition, onDeleteCondition, }: Readonly<NetworkRuleConditionsTableProps>): import("react").JSX.Element;

package/dist/components/NetworkRules/table/NetworkRuleConditionsTable.mjs

@@ -0,0 +1 @@
+"use strict";import{useMemo as f}from"react";import{Typography as g,Table as y,TableHead as w,TableRow as p,TableCell as i,TableBody as x,Chip as v,Skeleton as k,IconButton as m}from"@mui/material";import{Edit as T,Delete as S}from"@mui/icons-material";import{useResolvedConditionOptions as $}from"../hooks/useResolvedConditionOptions.mjs";import{OptionChips as z}from"../shared/OptionChips.mjs";import{getKeyDef as D,getKeyLabel as O,getOperatorLabel as E}from"../utils/catalog.mjs";import{normalizeConditionValues as K}from"../utils/condition.mjs";import{jsx as o,jsxs as c}from"react/jsx-runtime";function L({rule:e,condition:n,index:t,catalog:a,showActions:s,onEditCondition:l,onDeleteCondition:r}){const d=D(a,n.key),C=f(()=>K(n.value),[n.value]),{options:u,isLoading:b,service:h}=$(d,C);return c(p,{children:[o(i,{sx:{whiteSpace:"nowrap"},children:o(v,{label:O(a,n.key)})}),o(i,{sx:{whiteSpace:"nowrap"},children:E(a,n.operator)}),o(i,{sx:{width:"100%"},children:b?o(k,{variant:"text",width:160}):o(z,{options:u,renderChip:h?.renderChip})}),s&&c(i,{align:"right",sx:{whiteSpace:"nowrap"},children:[l&&o(m,{size:"small",color:"primary","aria-label":`Edit condition ${t+1}`,onClick:()=>l(e,t),children:o(T,{fontSize:"small"})}),r&&o(m,{size:"small",color:"error","aria-label":`Delete condition ${t+1}`,disabled:e.conditions.length<=1,onClick:()=>r(e,t),children:o(S,{fontSize:"small"})})]})]})}function R({rule:e,catalog:n,readOnly:t=!1,onEditCondition:a,onDeleteCondition:s}){const l=!t&&(a!==void 0||s!==void 0);return e.conditions.length===0?o(g,{variant:"body2",color:"text.secondary",children:"No conditions"}):c(y,{"aria-label":`Conditions for ${e.name}`,children:[o(w,{children:c(p,{children:[o(i,{children:"Key"}),o(i,{children:"Operator"}),o(i,{children:"Values"}),l&&o(i,{align:"right",children:"Actions"})]})}),o(x,{children:e.conditions.map((r,d)=>o(L,{rule:e,condition:r,index:d,catalog:n,showActions:l,onEditCondition:a,onDeleteCondition:s},`${r.key}-${r.operator}-${d}`))})]})}export{R as NetworkRuleConditionsTable};

package/dist/components/NetworkRules/table/NetworkRuleExpandedPanel.d.ts

@@ -0,0 +1,15 @@
+import { NetworkRule, NetworkRuleCatalog } from '../types';
+export interface NetworkRuleRowHandlers {
+    onToggleEnabled?: (rule: NetworkRule, enabled: boolean) => void;
+    onEdit?: (rule: NetworkRule) => void;
+    onDelete?: (rule: NetworkRule) => void;
+    onAddCondition?: (rule: NetworkRule) => void;
+    onEditCondition?: (rule: NetworkRule, index: number) => void;
+    onDeleteCondition?: (rule: NetworkRule, index: number) => void;
+}
+export interface NetworkRuleExpandedPanelProps extends NetworkRuleRowHandlers {
+    rule: NetworkRule;
+    catalog?: NetworkRuleCatalog;
+    readOnly?: boolean;
+}
+export declare function NetworkRuleExpandedPanel({ rule, catalog, readOnly, onEdit, onDelete, onAddCondition, onEditCondition, onDeleteCondition, }: Readonly<NetworkRuleExpandedPanelProps>): import("react").JSX.Element;

package/dist/components/NetworkRules/table/NetworkRuleExpandedPanel.mjs

@@ -0,0 +1 @@
+"use strict";import{Stack as o,Button as l,Typography as i}from"@mui/material";import{Edit as u,Add as h,Delete as m}from"@mui/icons-material";import{CopyableUuid as C}from"../../CopyableUuid/index.mjs";import{NetworkRuleConditionsTable as f}from"./NetworkRuleConditionsTable.mjs";import{jsxs as e,jsx as n}from"react/jsx-runtime";function g({rule:t,catalog:s,readOnly:c=!1,onEdit:r,onDelete:a,onAddCondition:d,onEditCondition:p,onDeleteCondition:x}){return e(o,{spacing:2,useFlexGap:!0,sx:{px:3,py:2},children:[!c&&(r!==void 0||d!==void 0||a!==void 0)&&e(o,{direction:"row",spacing:2,alignItems:"center",children:[r&&n(l,{variant:"text",startIcon:n(u,{}),onClick:()=>r(t),children:"Edit"}),d&&n(l,{variant:"text",startIcon:n(h,{}),onClick:()=>d(t),children:"Add Condition"}),a&&n(l,{variant:"text",color:"error",startIcon:n(m,{}),onClick:()=>a(t),children:"Delete"})]}),e(o,{direction:"row",spacing:4,alignItems:"flex-start",children:[e(o,{children:[n(i,{variant:"caption",color:"text.secondary",children:"Rule UUID"}),n(C,{uuid:t.uuid,label:"Rule UUID",variant:"button",head:36,tail:0,mono:!0,iconSx:{fontSize:14,p:.125}})]}),t.notes&&e(o,{sx:{maxWidth:480},children:[n(i,{variant:"caption",color:"text.secondary",children:"Notes"}),n(i,{variant:"body2",children:t.notes})]})]}),e(o,{spacing:1,children:[n(i,{sx:{fontSize:11,fontWeight:700,letterSpacing:.6,textTransform:"uppercase"},children:"Conditions"}),n(f,{rule:t,catalog:s,readOnly:c,onEditCondition:p,onDeleteCondition:x})]})]})}export{g as NetworkRuleExpandedPanel};

package/dist/components/NetworkRules/table/NetworkRuleRow.d.ts

@@ -0,0 +1,9 @@
+import { DataTableRowContext } from '../../DataTable/DataTable.types';
+import { NetworkRule, NetworkRuleCatalog } from '../types';
+import { NetworkRuleRowHandlers } from './NetworkRuleExpandedPanel';
+export interface NetworkRuleRowProps extends DataTableRowContext<NetworkRule>, NetworkRuleRowHandlers {
+    catalog?: NetworkRuleCatalog;
+    readOnly?: boolean;
+}
+/** A rule row plus its collapsible detail row, for `DataTable`'s `renderRow`. */
+export declare function NetworkRuleRow({ row, rowProps, getCellProps, catalog, readOnly, onToggleEnabled, ...handlers }: Readonly<NetworkRuleRowProps>): import("react").JSX.Element;

package/dist/components/NetworkRules/table/NetworkRuleRow.mjs

@@ -0,0 +1 @@
+"use strict";import{TableRow as u,TableCell as c,Collapse as R,Box as C,Switch as _}from"@mui/material";import{flexRender as D}from"@tanstack/react-table";import{useResizeObserver as O}from"../../../hooks/useResizeObserver.mjs";import{useDataTableContext as P}from"../../DataTable/DataTable.context.mjs";import{EXPAND_TRANSITION_MS as S,EXPANDED_ROW_PANEL_SX as v,EXPAND_COLUMN_ID as T,ExpandRowToggle as A}from"../../DataTable/DataTableExpandRow.mjs";import{NetworkStatusChip as I}from"../shared/NetworkStatusChip.mjs";import{NETWORK_RULES_COLUMN_IDS as p}from"./columns.mjs";import{NetworkRuleExpandedPanel as k}from"./NetworkRuleExpandedPanel.mjs";import{jsxs as L,Fragment as X,jsx as e}from"react/jsx-runtime";function y({row:o,rowProps:h,getCellProps:x,catalog:f,readOnly:s=!1,onToggleEnabled:l,...g}){var n;const E=o.getIsExpanded(),a=o.original,i=a.enabled??!0,d=o.getVisibleCells(),{scrollContainerRef:m}=P();O(m);const t=(n=m.current)==null?void 0:n.clientWidth,b=t!==void 0&&t>0?t:"100%",w=r=>{switch(r.column.id){case T:return e(A,{row:o});case p.enabled:return e(_,{size:"small",checked:i,disabled:s||l===void 0,onChange:(M,N)=>l?.(a,N),inputProps:{"aria-label":`${i?"Disable":"Enable"} rule ${a.name}`}});case p.status:return e(I,{status:a.status});default:return D(r.column.columnDef.cell,r.getContext())}};return L(X,{children:[e(u,{...h,hover:!0,sx:{"& > td":{borderBottom:"unset"}},children:d.map(r=>e(c,{...x(r),children:w(r)},r.id))}),e(u,{children:e(c,{sx:{py:0,px:0},colSpan:d.length,children:e(R,{in:E,timeout:S,unmountOnExit:!0,children:e(C,{sx:{...v,width:b},children:e(k,{rule:a,catalog:f,readOnly:s,...g})})})})})]})}export{y as NetworkRuleRow};

package/dist/components/NetworkRules/table/NetworkRulesTable.d.ts

@@ -0,0 +1,21 @@
+import { NetworkRule } from '../types';
+import { NetworkRuleRowHandlers } from './NetworkRuleExpandedPanel';
+export interface NetworkRulesTableProps extends NetworkRuleRowHandlers {
+    rules: NetworkRule[];
+    isLoading?: boolean;
+    /** No toggle, no row or condition actions. */
+    readOnly?: boolean;
+    emptyMessage?: string;
+    /** Defaults to 640. `'100%'` fills a parent with a definite height. */
+    maxHeight?: number | string;
+    /** Defaults to 900. */
+    minWidth?: number | string;
+    /** Defaults to 'network-rules'. */
+    exportFilename?: string;
+}
+/**
+ * One expandable row per rule. Presentation only: every change is reported
+ * through a callback. Rows render once the catalog is available, so codes
+ * never flash before their labels.
+ */
+export declare function NetworkRulesTable({ rules, isLoading, readOnly, emptyMessage, maxHeight, minWidth, exportFilename, ...handlers }: Readonly<NetworkRulesTableProps>): import("react").JSX.Element;

package/dist/components/NetworkRules/table/NetworkRulesTable.mjs

@@ -0,0 +1 @@
+"use strict";import{useMemo as m}from"react";import{Alert as w,Button as k,Box as x,TableRow as y,TableCell as L,Skeleton as N}from"@mui/material";import{DataTable as v}from"../../DataTable/DataTable.mjs";import{EXPAND_COLUMN_ID as E}from"../../DataTable/DataTableExpandRow.mjs";import{useNetworkRuleStatuses as S}from"../NetworkRules.context.mjs";import{useNetworkRulesCatalog as T}from"../hooks/useNetworkRulesCatalog.mjs";import{getStatusLabel as D,getKeyLabel as I,getOperatorLabel as M}from"../utils/catalog.mjs";import{normalizeConditionValues as O}from"../utils/condition.mjs";import{buildNetworkRulesColumns as U,NETWORK_RULES_COLUMN_IDS as r}from"./columns.mjs";import{NetworkRuleRow as _}from"./NetworkRuleRow.mjs";import{jsx as o,Fragment as A}from"react/jsx-runtime";const F=4;function P({columnCount:t}){return o(A,{children:Array.from({length:F},(a,e)=>o(y,{children:Array.from({length:t},(d,i)=>o(L,{children:o(N,{variant:"text"})},i))},e))})}function j(t){return[{id:r.status,label:"Status",kind:"multiSelect",columnId:r.status,options:t.map(a=>{const e=D(a);return{label:e,value:e}})},{id:r.enabled,label:"Enabled",kind:"boolean",columnId:r.enabled}]}function z(t){return[{header:"Rule UUID",value:a=>a.uuid},{header:"Condition Details",value:a=>a.conditions.map(e=>`${I(t,e.key)} ${M(t,e.operator)} ${O(e.value).join(" | ")}`).join("; ")}]}function H({rules:t,isLoading:a=!1,readOnly:e=!1,emptyMessage:d="No network rules yet",maxHeight:i=640,minWidth:b=900,exportFilename:g="network-rules",...h}){const s=T(),n=s.data,c=S()??n?.statuses??[],u=n!==void 0,p=m(()=>U(),[]),f=m(()=>j(c),[c]),C=m(()=>z(n),[n]),R=i==="100%";return!u&&s.isError?o(w,{severity:"error",action:o(k,{color:"inherit",size:"small",onClick:()=>{s.refetch()},children:"Retry"}),children:"The rule catalog could not be loaded, so rules cannot be shown."}):o(x,{sx:R?{height:"100%",minHeight:0}:void 0,children:o(v,{data:u?t:[],columns:p,getRowId:l=>l.uuid,isLoading:a||!u,disablePagination:!0,showToolbar:!0,enableColumnMenu:!0,enableColumnResizing:!0,enableColumnPinning:!0,initialColumnPinning:{left:[E,r.enabled,r.name],right:[]},filterFields:f,enableExport:!0,exportFilename:g,additionalExportColumns:C,tableLayout:"fixed",minWidth:b,maxHeight:i,emptyMessage:d,renderRow:l=>o(_,{...l,catalog:n,readOnly:e,...h}),renderLoading:l=>o(P,{columnCount:l})})})}export{H as NetworkRulesTable};

package/dist/components/NetworkRules/table/columns.d.ts

@@ -0,0 +1,12 @@
+import { ColumnDef } from '@tanstack/react-table';
+import { NetworkRule } from '../types';
+export declare const NETWORK_RULES_COLUMN_IDS: {
+    readonly enabled: "enabled";
+    readonly name: "name";
+    readonly conditions: "conditions";
+    readonly status: "status";
+    readonly startDate: "startDate";
+    readonly endDate: "endDate";
+    readonly notes: "notes";
+};
+export declare function buildNetworkRulesColumns(): Array<ColumnDef<NetworkRule, unknown>>;

package/dist/components/NetworkRules/table/columns.mjs

@@ -0,0 +1 @@
+"use strict";import{expandColumn as l}from"../../DataTable/DataTableExpandRow.mjs";import{getStatusLabel as r}from"../utils/catalog.mjs";import{formatRuleDate as n}from"../utils/date.mjs";const t={enabled:"enabled",name:"name",conditions:"conditions",status:"status",startDate:"startDate",endDate:"endDate",notes:"notes"};function a(e){return(i,s)=>(e(i.original)??"").localeCompare(e(s.original)??"")}const o=({getValue:e})=>e()??"-";function d(){return[l(),{id:t.enabled,header:"Enabled",accessorFn:e=>e.enabled??!0,enableSorting:!1,enableColumnFilter:!1,enableResizing:!1,meta:{width:100,disableColumnMenu:!0}},{id:t.name,header:"Rule Name",accessorFn:e=>e.name,enableSorting:!0,enableColumnFilter:!1,meta:{width:300}},{id:t.conditions,header:"Conditions",accessorFn:e=>e.conditions.length,enableSorting:!0,enableColumnFilter:!1,meta:{width:140}},{id:t.status,header:"Status",accessorFn:e=>r(e.status),enableSorting:!0,enableColumnFilter:!1,meta:{width:200}},{id:t.startDate,header:"Starts",accessorFn:e=>n(e.startDate)??void 0,cell:o,sortingFn:a(e=>e.startDate),sortUndefined:"last",enableSorting:!0,enableColumnFilter:!1,meta:{width:280}},{id:t.endDate,header:"Ends",accessorFn:e=>n(e.endDate)??void 0,cell:o,sortingFn:a(e=>e.endDate),sortUndefined:"last",enableSorting:!0,enableColumnFilter:!1,meta:{width:280}},{id:t.notes,header:"Notes",accessorFn:e=>e.notes??"-",enableSorting:!1,enableColumnFilter:!1,meta:{width:300}}]}export{t as NETWORK_RULES_COLUMN_IDS,d as buildNetworkRulesColumns};

package/dist/components/NetworkRules/table/index.d.ts

@@ -0,0 +1,5 @@
+export * from './columns';
+export * from './NetworkRulesTable';
+export * from './NetworkRuleRow';
+export * from './NetworkRuleExpandedPanel';
+export * from './NetworkRuleConditionsTable';

package/dist/components/NetworkRules/types.d.ts

@@ -0,0 +1,111 @@
+import { ReactElement, ReactNode } from 'react';
+import { ChipProps } from '@mui/material';
+import { QueryClient } from '@tanstack/react-query';
+export type NetworkRuleOption<TData = unknown> = {
+    value: string;
+    label: string;
+    /** The raw record a remote source returned; read only by that source's renderers. */
+    data?: TData;
+};
+export type NetworkRuleStatusPresentation = {
+    label: string;
+    color?: ChipProps['color'];
+    icon?: ReactElement;
+};
+export type NetworkRuleOperatorDef = {
+    label: string;
+    /** Accepts several values. Defaults to true. */
+    multi?: boolean;
+};
+export type NetworkRuleKeyValues = {
+    source: string;
+    options?: NetworkRuleOption[];
+};
+/**
+ * `values.options` → pick-list; `values.source` alone → search through
+ * `services.sources[source]`; no `values` → free text.
+ */
+export type NetworkRuleKeyDef = {
+    key: string;
+    label: string;
+    operators: string[];
+    type?: string;
+    values?: NetworkRuleKeyValues;
+};
+export type NetworkRuleCatalog = {
+    statuses: string[];
+    operators: Record<string, NetworkRuleOperatorDef>;
+    keys: NetworkRuleKeyDef[];
+};
+/** `value` is one string or several (inclusive OR). */
+export type NetworkRuleCondition = {
+    key: string;
+    operator: string;
+    value: string | string[];
+};
+/** Dates are calendar days, `YYYY-MM-DD`: from the start day up to, not including, the end day. */
+export type NetworkRule = {
+    uuid: string;
+    name: string;
+    status: string;
+    notes?: string | null;
+    /** Defaults to true. */
+    enabled?: boolean;
+    startDate?: string | null;
+    endDate?: string | null;
+    conditions: NetworkRuleCondition[];
+};
+/** What the editor emits: a rule without its id. */
+export type NetworkRuleData = Omit<NetworkRule, 'uuid'>;
+export type NetworkRuleConditionFormValues = {
+    key: string;
+    operator: string;
+    values: string[];
+};
+export type NetworkRuleFormValues = {
+    name: string;
+    status: string;
+    notes: string | null;
+    enabled: boolean;
+    startDate: string | null;
+    endDate: string | null;
+    conditions: NetworkRuleConditionFormValues[];
+};
+/** Handed back with the submitted rule. */
+export type NetworkRuleSubmitExtras = {
+    /** Note presets added while editing, not yet in `notePresets`. */
+    newNotePresets: string[];
+};
+/** A server validation error; `index` points at the offending condition. */
+export type NetworkRuleServerError = {
+    index?: number;
+    key?: string;
+    operator?: string;
+    code: string;
+    message?: string;
+};
+export type NetworkRuleSourceSearchParams = {
+    search?: string;
+    limit?: number;
+    skip?: number;
+};
+export type NetworkRuleRenderOption<TData = unknown> = (option: NetworkRuleOption<TData>) => ReactNode;
+/** Receives the props the default chip would get; spread them to keep size, deletion and keyboard behaviour. */
+export type NetworkRuleRenderChip<TData = unknown> = (option: NetworkRuleOption<TData>, chipProps: ChipProps) => ReactNode;
+/** One remote option source, keyed by `NetworkRuleKeyDef.values.source`. */
+export type NetworkRuleSourceService<TData = unknown> = {
+    search: (params: NetworkRuleSourceSearchParams, signal?: AbortSignal) => Promise<Array<NetworkRuleOption<TData>>>;
+    /** Labels for stored values. Without it they render as their raw string. */
+    resolve?: (values: string[], signal?: AbortSignal) => Promise<Array<NetworkRuleOption<TData>>>;
+    renderOption?: NetworkRuleRenderOption<TData>;
+    renderChip?: NetworkRuleRenderChip<TData>;
+    searchPlaceholder?: string;
+};
+export type NetworkRulesServices = {
+    /** Namespaces the query keys when several providers share one query client, e.g. `${env}:${brandUuid}`. */
+    scope?: string;
+    getCatalog: (signal?: AbortSignal) => Promise<NetworkRuleCatalog>;
+    sources?: Record<string, NetworkRuleSourceService<any>>;
+    /** Shared with the host app; otherwise the provider creates its own. */
+    queryClient?: QueryClient;
+};

package/dist/components/NetworkRules/utils/catalog.d.ts

@@ -0,0 +1,20 @@
+import { NetworkRuleCatalog, NetworkRuleKeyDef, NetworkRuleOption } from '../types';
+export declare function getKeyDef(catalog: NetworkRuleCatalog | undefined, key: string): NetworkRuleKeyDef | undefined;
+export declare function getKeyLabel(catalog: NetworkRuleCatalog | undefined, key: string): string;
+export declare function getOperatorLabel(catalog: NetworkRuleCatalog | undefined, operator: string): string;
+/** Unknown operators count as multi, so the editor is never stricter than the catalog. */
+export declare function isOperatorMulti(catalog: NetworkRuleCatalog | undefined, operator: string): boolean;
+export declare function getStatusLabel(status: string): string;
+export declare function hasInlineOptions(keyDef: NetworkRuleKeyDef | undefined): keyDef is NetworkRuleKeyDef & {
+    values: {
+        source: string;
+        options: NetworkRuleOption[];
+    };
+};
+export declare function hasRemoteSource(keyDef: NetworkRuleKeyDef | undefined): keyDef is NetworkRuleKeyDef & {
+    values: {
+        source: string;
+    };
+};
+/** One option per value, in order; a value `options` lacks is labelled by itself. */
+export declare function toOptions(values: readonly string[], options: readonly NetworkRuleOption[]): NetworkRuleOption[];

package/dist/components/NetworkRules/utils/catalog.mjs

@@ -0,0 +1 @@
+"use strict";import{getStatusPresentation as o}from"../statuses.mjs";function r(e,t){return e?.keys.find(l=>l.key===t)}function u(e,t){var l;return((l=r(e,t))==null?void 0:l.label)??t}function i(e,t){var l;return((l=e?.operators[t])==null?void 0:l.label)??t}function s(e,t){var l;return((l=e?.operators[t])==null?void 0:l.multi)??!0}function v(e){return o(e).label}function a(e){var t;return Array.isArray((t=e?.values)==null?void 0:t.options)}function f(e){var t;return!a(e)&&typeof((t=e?.values)==null?void 0:t.source)=="string"&&e.values.source.length>0}function d(e,t){return e.map(l=>t.find(n=>n.value===l)??{value:l,label:l})}export{r as getKeyDef,u as getKeyLabel,i as getOperatorLabel,v as getStatusLabel,a as hasInlineOptions,f as hasRemoteSource,s as isOperatorMulti,d as toOptions};

package/dist/components/NetworkRules/utils/condition.d.ts

@@ -0,0 +1,7 @@
+import { NetworkRule, NetworkRuleConditionFormValues, NetworkRuleData, NetworkRuleFormValues } from '../types';
+export declare function normalizeConditionValues(value: string | string[] | null | undefined): string[];
+export declare function emptyConditionFormValues(): NetworkRuleConditionFormValues;
+export declare function toNetworkRuleFormValues(rule?: Partial<NetworkRule> | null): NetworkRuleFormValues;
+export declare function fromNetworkRuleFormValues(values: NetworkRuleFormValues): NetworkRuleData;
+/** Case-insensitive, trimmed, blanks dropped; keeps the first spelling seen. */
+export declare function dedupeValues(values: readonly string[]): string[];

package/dist/components/NetworkRules/utils/condition.mjs

@@ -0,0 +1 @@
+"use strict";function l(e){return Array.isArray(e)?e:e==null||e===""?[]:[e]}function t(){return{key:"",operator:"",values:[]}}function u(e){return{name:e?.name??"",status:e?.status??"",notes:e?.notes??null,enabled:e?.enabled??!0,startDate:e?.startDate??null,endDate:e?.endDate??null,conditions:(e?.conditions??[]).map(n=>({key:n.key,operator:n.operator,values:l(n.value)}))}}function i(e){var n;return{name:e.name.trim(),status:e.status,notes:(n=e.notes)!=null&&n.trim()?e.notes.trim():null,enabled:e.enabled,startDate:e.startDate,endDate:e.endDate,conditions:e.conditions.map(o=>({key:o.key,operator:o.operator,value:o.values}))}}function d(e){const n=new Set,o=[];for(const s of e){const a=s.trim();if(!a)continue;const r=a.toLowerCase();n.has(r)||(n.add(r),o.push(a))}return o}export{d as dedupeValues,t as emptyConditionFormValues,i as fromNetworkRuleFormValues,l as normalizeConditionValues,u as toNetworkRuleFormValues};

package/dist/components/NetworkRules/utils/date.d.ts

@@ -0,0 +1,6 @@
+/** `YYYY-MM-DD` → a local Date on that day, for pickers. */
+export declare function ruleDateToDay(value?: string | null): Date | null;
+/** A picked Date → `YYYY-MM-DD` from its local calendar fields. */
+export declare function dayToRuleDate(date?: Date | null): string | null;
+/** `YYYY-MM-DD` → "October 1, 2026". */
+export declare function formatRuleDate(value?: string | null): string | null;

package/dist/components/NetworkRules/utils/date.mjs

@@ -0,0 +1 @@
+"use strict";import{format as l}from"date-fns";const s=/^(\d{4})-(\d{2})-(\d{2})$/;function o(e){const n=e?s.exec(e):null;if(!n)return null;const[u,r,a]=n.slice(1).map(Number),t=new Date(u,r-1,a);return t.getFullYear()===u&&t.getMonth()===r-1&&t.getDate()===a?t:null}function y(e){return!e||Number.isNaN(e.getTime())?null:l(e,"yyyy-MM-dd")}function c(e){const n=o(e);return n?l(n,"MMMM d, yyyy"):null}export{y as dayToRuleDate,c as formatRuleDate,o as ruleDateToDay};

package/dist/components/NetworkRules/utils/index.d.ts

@@ -0,0 +1,3 @@
+export * from './catalog';
+export * from './condition';
+export * from './date';

package/dist/components/UI/LogoAvatar.d.ts

@@ -0,0 +1,14 @@
+import { AvatarProps } from '@mui/material';
+export interface LogoAvatarProps extends Omit<AvatarProps, 'src' | 'children'> {
+    /** Entity name; its first letter is the fallback when there is no (working) logo. */
+    name: string;
+    logoUrl?: string | null;
+    /** Width and height in px. Defaults to 32. */
+    size?: number;
+}
+/**
+ * Rounded-square avatar showing an entity's logo, falling back to its initial
+ * on a primary background when the logo is missing or fails to load. Matches
+ * the payer avatar in the 1-Click health insurance field.
+ */
+export declare function LogoAvatar({ name, logoUrl, size, sx, slotProps, ...avatarProps }: Readonly<LogoAvatarProps>): import("react").JSX.Element;

package/dist/components/UI/LogoAvatar.mjs

@@ -0,0 +1 @@
+"use strict";import{useState as u}from"react";import{Avatar as d}from"@mui/material";import{jsx as p}from"react/jsx-runtime";function g({name:s,logoUrl:r,size:o=32,sx:a,slotProps:t,...l}){var i;const[e,m]=u(null),n=r&&r!==e?r:void 0;return p(d,{src:n,alt:`${s} logo`,variant:"rounded",...l,sx:[{width:o,height:o,fontSize:Math.round(o*.5),borderRadius:1,bgcolor:n?"transparent":"primary.main"},...Array.isArray(a)?a:[a]],slotProps:{...t,img:{...t?.img,onError:()=>{m(r??null)}}},children:(i=s.trim()[0])==null?void 0:i.toUpperCase()})}export{g as LogoAvatar};

package/dist/components/UI/LogoChip.d.ts

@@ -0,0 +1,14 @@
+import { ChipProps } from '@mui/material';
+export interface LogoChipProps extends Omit<ChipProps, 'avatar'> {
+    /** Entity name; drives the avatar's fallback initial. Pass `label` separately for the chip text. */
+    name: string;
+    logoUrl?: string | null;
+}
+/**
+ * A chip carrying a `LogoAvatar`. The avatar is a rounded square, so it is
+ * inset a little further than MUI's default round avatar to keep the pill's
+ * curve from clipping its corners. MUI paints chip avatars in gray text, which
+ * would swallow the fallback initial on its primary background, so the initial
+ * is pinned to the primary contrast color.
+ */
+export declare function LogoChip({ name, logoUrl, label, sx, ...chipProps }: Readonly<LogoChipProps>): import("react").JSX.Element;

package/dist/components/UI/LogoChip.mjs

@@ -0,0 +1 @@
+"use strict";import{Chip as l}from"@mui/material";import{LogoAvatar as p}from"./LogoAvatar.mjs";import{jsx as o}from"react/jsx-runtime";function s({name:r,logoUrl:t,label:i,sx:a,...m}){return o(l,{...m,label:i??r,avatar:o(p,{name:r,logoUrl:t}),sx:[{"& .MuiChip-avatar":{marginLeft:"10px",color:"primary.contrastText"}},...Array.isArray(a)?a:[a]]})}export{s as LogoChip};

package/dist/components/UI/index.d.ts

@@ -1,2 +1,4 @@
 export * from './AdaptativeBox';
 export * from './ContentWithLoader';
+export * from './LogoAvatar';
+export * from './LogoChip';

package/dist/components/form/PhoneInput.d.ts

@@ -1,11 +1,16 @@
-import { BasePhoneInputProps } from '.';
+import { PrettyPhoneInputProps } from './PrettyPhoneInput';
+export interface PhoneInputProps extends PrettyPhoneInputProps {
+    /**
+     * Whether to render the phone input in a pretty way (animated gradient border). Defaults to false.
+     */
+    pretty?: boolean;
+}
 /**
  * Renders a phone input component.
  *
  * @param props - The props for the phone input component.
  * @param props.pretty - Whether to render the phone input in a pretty way.
+ * @param props.loading - Whether to show the loading indicator. Only the pretty variant renders one.
  * @returns The phone input component.
  */
-export declare function PhoneInput(props: Readonly<BasePhoneInputProps & {
-    pretty?: boolean;
-}>): import("react").JSX.Element;
+export declare function PhoneInput({ pretty, loading, ...props }: Readonly<PhoneInputProps>): React.JSX.Element;

package/dist/components/form/PhoneInput.mjs

@@ -1 +1 @@
-"use strict";import{jsx as o}from"react/jsx-runtime";import{PrettyPhoneInput as t}from"./PrettyPhoneInput.mjs";import{BasePhoneInput as n}from"./BasePhoneInput.mjs";function e(r){return r.pretty?o(t,{...r}):o(n,{...r})}export{e as PhoneInput};
+"use strict";import{BasePhoneInput as e}from"./BasePhoneInput.mjs";import{PrettyPhoneInput as p}from"./PrettyPhoneInput.mjs";import{jsx as r}from"react/jsx-runtime";function a({pretty:t=!1,loading:n,...o}){return t?r(p,{...o,loading:n}):r(e,{...o})}export{a as PhoneInput};

package/dist/components/form/PrettyPhoneInput.d.ts

@@ -1,2 +1,16 @@
 import { BasePhoneInputProps } from './BasePhoneInput';
-export declare function PrettyPhoneInput(props: Readonly<BasePhoneInputProps>): React.JSX.Element;
+export interface PrettyPhoneInputProps extends BasePhoneInputProps {
+    /**
+     * Whether the input is waiting on something (e.g. a lookup triggered by the typed number).
+     * The beam lapping the border speeds up while true so it reads as a loading indicator. Defaults to false.
+     */
+    loading?: boolean;
+}
+/**
+ * Renders the phone input wrapped in a gradient border with a beam of light lapping it at a constant
+ * speed: slowly while idle, quickly while loading.
+ *
+ * @param loading - Whether to show the loading indicator (the beam laps the border quickly). Defaults to false.
+ * @param props - Every other prop is forwarded to `BasePhoneInput`.
+ */
+export declare function PrettyPhoneInput({ loading, ...props }: Readonly<PrettyPhoneInputProps>): React.JSX.Element;