@antscorp/antsomi-ui 1.3.7-beta.67 → 1.3.7-beta.68

package/es/components/organism/ActivityTimeline/components/Slide/styled.d.ts

@@ -1,97 +1,96 @@
-/// <reference types="react" />
 export declare const StyledBtnNavigation: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").ButtonProps & import("react").RefAttributes<HTMLElement>> & {
     Group: import("react").FC<import("antd/es/button").ButtonGroupProps>;
 }, any, {}, never>;
 export declare const StyledSwiper: import("styled-components").StyledComponent<import("react").FunctionComponent<import("react").RefAttributes<import("swiper/react").SwiperRef> & Omit<import("react").HTMLAttributes<HTMLElement>, "onKeyPress" | "onProgress" | "onResize" | "onClick" | "onDoubleClick" | "onTouchEnd" | "onTouchMove" | "onTouchStart" | "onScroll" | "onTransitionEnd"> & import("swiper/types").SwiperOptions & {
-    tag?: string | undefined;
-    wrapperTag?: string | undefined;
-    onSwiper?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
-    onAutoplayStart?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
-    onAutoplayStop?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
-    onAutoplayPause?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
-    onAutoplayResume?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
-    onAutoplayTimeLeft?: ((swiper: import("swiper/react").SwiperClass, timeLeft: number, percentage: number) => void) | undefined;
-    onAutoplay?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
-    onHashChange?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
-    onHashSet?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
-    onKeyPress?: ((swiper: import("swiper/react").SwiperClass, keyCode: string) => void) | undefined;
-    onNavigationHide?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
-    onNavigationShow?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
-    onNavigationPrev?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
-    onNavigationNext?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
-    onPaginationRender?: ((swiper: import("swiper/react").SwiperClass, paginationEl: HTMLElement) => void) | undefined;
-    onPaginationUpdate?: ((swiper: import("swiper/react").SwiperClass, paginationEl: HTMLElement) => void) | undefined;
-    onPaginationHide?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
-    onPaginationShow?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
-    onScrollbarDragStart?: ((swiper: import("swiper/react").SwiperClass, event: MouseEvent | PointerEvent | TouchEvent) => void) | undefined;
-    onScrollbarDragMove?: ((swiper: import("swiper/react").SwiperClass, event: MouseEvent | PointerEvent | TouchEvent) => void) | undefined;
-    onScrollbarDragEnd?: ((swiper: import("swiper/react").SwiperClass, event: MouseEvent | PointerEvent | TouchEvent) => void) | undefined;
-    onZoomChange?: ((swiper: import("swiper/react").SwiperClass, scale: number, imageEl: HTMLElement, slideEl: HTMLElement) => void) | undefined;
-    onScroll?: ((swiper: import("swiper/react").SwiperClass, event: WheelEvent) => void) | undefined;
-    onInit?: ((swiper: import("swiper/react").SwiperClass) => any) | undefined;
-    onBeforeDestroy?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
-    onSlidesUpdated?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
-    onSlideChange?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
-    onSlideChangeTransitionStart?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
-    onSlideChangeTransitionEnd?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
-    onSlideNextTransitionStart?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
-    onSlideNextTransitionEnd?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
-    onSlidePrevTransitionStart?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
-    onSlidePrevTransitionEnd?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
-    onTransitionStart?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
-    onTransitionEnd?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
-    onTouchStart?: ((swiper: import("swiper/react").SwiperClass, event: MouseEvent | PointerEvent | TouchEvent) => void) | undefined;
-    onTouchMove?: ((swiper: import("swiper/react").SwiperClass, event: MouseEvent | PointerEvent | TouchEvent) => void) | undefined;
-    onTouchMoveOpposite?: ((swiper: import("swiper/react").SwiperClass, event: MouseEvent | PointerEvent | TouchEvent) => void) | undefined;
-    onSliderMove?: ((swiper: import("swiper/react").SwiperClass, event: MouseEvent | PointerEvent | TouchEvent) => void) | undefined;
-    onTouchEnd?: ((swiper: import("swiper/react").SwiperClass, event: MouseEvent | PointerEvent | TouchEvent) => void) | undefined;
-    onClick?: ((swiper: import("swiper/react").SwiperClass, event: MouseEvent | PointerEvent | TouchEvent) => void) | undefined;
-    onTap?: ((swiper: import("swiper/react").SwiperClass, event: MouseEvent | PointerEvent | TouchEvent) => void) | undefined;
-    onDoubleTap?: ((swiper: import("swiper/react").SwiperClass, event: MouseEvent | PointerEvent | TouchEvent) => void) | undefined;
-    onProgress?: ((swiper: import("swiper/react").SwiperClass, progress: number) => void) | undefined;
-    onReachBeginning?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
-    onReachEnd?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
-    onToEdge?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
-    onFromEdge?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
-    onSetTranslate?: ((swiper: import("swiper/react").SwiperClass, translate: number) => void) | undefined;
-    onSetTransition?: ((swiper: import("swiper/react").SwiperClass, transition: number) => void) | undefined;
-    onResize?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
-    onObserverUpdate?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
-    onBeforeLoopFix?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
-    onLoopFix?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
-    onBreakpoint?: ((swiper: import("swiper/react").SwiperClass, breakpointParams: import("swiper/types").SwiperOptions) => void) | undefined;
-    _beforeBreakpoint?: ((swiper: import("swiper/react").SwiperClass, breakpointParams: import("swiper/types").SwiperOptions) => void) | undefined;
-    _containerClasses?: ((swiper: import("swiper/react").SwiperClass, classNames: string) => void) | undefined;
-    _slideClass?: ((swiper: import("swiper/react").SwiperClass, slideEl: HTMLElement, classNames: string) => void) | undefined;
-    _slideClasses?: ((swiper: import("swiper/react").SwiperClass, slides: {
+    tag?: string;
+    wrapperTag?: string;
+    onSwiper?: (swiper: import("swiper").default) => void;
+    onAutoplayStart?: (swiper: import("swiper").default) => void;
+    onAutoplayStop?: (swiper: import("swiper").default) => void;
+    onAutoplayPause?: (swiper: import("swiper").default) => void;
+    onAutoplayResume?: (swiper: import("swiper").default) => void;
+    onAutoplayTimeLeft?: (swiper: import("swiper").default, timeLeft: number, percentage: number) => void;
+    onAutoplay?: (swiper: import("swiper").default) => void;
+    onHashChange?: (swiper: import("swiper").default) => void;
+    onHashSet?: (swiper: import("swiper").default) => void;
+    onKeyPress?: (swiper: import("swiper").default, keyCode: string) => void;
+    onNavigationHide?: (swiper: import("swiper").default) => void;
+    onNavigationShow?: (swiper: import("swiper").default) => void;
+    onNavigationPrev?: (swiper: import("swiper").default) => void;
+    onNavigationNext?: (swiper: import("swiper").default) => void;
+    onPaginationRender?: (swiper: import("swiper").default, paginationEl: HTMLElement) => void;
+    onPaginationUpdate?: (swiper: import("swiper").default, paginationEl: HTMLElement) => void;
+    onPaginationHide?: (swiper: import("swiper").default) => void;
+    onPaginationShow?: (swiper: import("swiper").default) => void;
+    onScrollbarDragStart?: (swiper: import("swiper").default, event: MouseEvent | TouchEvent | PointerEvent) => void;
+    onScrollbarDragMove?: (swiper: import("swiper").default, event: MouseEvent | TouchEvent | PointerEvent) => void;
+    onScrollbarDragEnd?: (swiper: import("swiper").default, event: MouseEvent | TouchEvent | PointerEvent) => void;
+    onZoomChange?: (swiper: import("swiper").default, scale: number, imageEl: HTMLElement, slideEl: HTMLElement) => void;
+    onScroll?: (swiper: import("swiper").default, event: WheelEvent) => void;
+    onInit?: (swiper: import("swiper").default) => any;
+    onBeforeDestroy?: (swiper: import("swiper").default) => void;
+    onSlidesUpdated?: (swiper: import("swiper").default) => void;
+    onSlideChange?: (swiper: import("swiper").default) => void;
+    onSlideChangeTransitionStart?: (swiper: import("swiper").default) => void;
+    onSlideChangeTransitionEnd?: (swiper: import("swiper").default) => void;
+    onSlideNextTransitionStart?: (swiper: import("swiper").default) => void;
+    onSlideNextTransitionEnd?: (swiper: import("swiper").default) => void;
+    onSlidePrevTransitionStart?: (swiper: import("swiper").default) => void;
+    onSlidePrevTransitionEnd?: (swiper: import("swiper").default) => void;
+    onTransitionStart?: (swiper: import("swiper").default) => void;
+    onTransitionEnd?: (swiper: import("swiper").default) => void;
+    onTouchStart?: (swiper: import("swiper").default, event: MouseEvent | TouchEvent | PointerEvent) => void;
+    onTouchMove?: (swiper: import("swiper").default, event: MouseEvent | TouchEvent | PointerEvent) => void;
+    onTouchMoveOpposite?: (swiper: import("swiper").default, event: MouseEvent | TouchEvent | PointerEvent) => void;
+    onSliderMove?: (swiper: import("swiper").default, event: MouseEvent | TouchEvent | PointerEvent) => void;
+    onTouchEnd?: (swiper: import("swiper").default, event: MouseEvent | TouchEvent | PointerEvent) => void;
+    onClick?: (swiper: import("swiper").default, event: MouseEvent | TouchEvent | PointerEvent) => void;
+    onTap?: (swiper: import("swiper").default, event: MouseEvent | TouchEvent | PointerEvent) => void;
+    onDoubleTap?: (swiper: import("swiper").default, event: MouseEvent | TouchEvent | PointerEvent) => void;
+    onProgress?: (swiper: import("swiper").default, progress: number) => void;
+    onReachBeginning?: (swiper: import("swiper").default) => void;
+    onReachEnd?: (swiper: import("swiper").default) => void;
+    onToEdge?: (swiper: import("swiper").default) => void;
+    onFromEdge?: (swiper: import("swiper").default) => void;
+    onSetTranslate?: (swiper: import("swiper").default, translate: number) => void;
+    onSetTransition?: (swiper: import("swiper").default, transition: number) => void;
+    onResize?: (swiper: import("swiper").default) => void;
+    onObserverUpdate?: (swiper: import("swiper").default) => void;
+    onBeforeLoopFix?: (swiper: import("swiper").default) => void;
+    onLoopFix?: (swiper: import("swiper").default) => void;
+    onBreakpoint?: (swiper: import("swiper").default, breakpointParams: import("swiper/types").SwiperOptions) => void;
+    _beforeBreakpoint?: (swiper: import("swiper").default, breakpointParams: import("swiper/types").SwiperOptions) => void;
+    _containerClasses?: (swiper: import("swiper").default, classNames: string) => void;
+    _slideClass?: (swiper: import("swiper").default, slideEl: HTMLElement, classNames: string) => void;
+    _slideClasses?: (swiper: import("swiper").default, slides: {
         slideEl: HTMLElement;
         classNames: string;
         index: number;
-    }[]) => void) | undefined;
-    _swiper?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
-    _freeModeNoMomentumRelease?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
-    onActiveIndexChange?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
-    onSnapIndexChange?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
-    onRealIndexChange?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
-    onAfterInit?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
-    onBeforeInit?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
-    onBeforeResize?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
-    onBeforeSlideChangeStart?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
-    onBeforeTransitionStart?: ((swiper: import("swiper/react").SwiperClass, speed: number, internal: any) => void) | undefined;
-    onChangeDirection?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
-    onDoubleClick?: ((swiper: import("swiper/react").SwiperClass, event: MouseEvent | PointerEvent | TouchEvent) => void) | undefined;
-    onDestroy?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
-    onMomentumBounce?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
-    onOrientationchange?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
-    onSlideResetTransitionStart?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
-    onSlideResetTransitionEnd?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
-    onSliderFirstMove?: ((swiper: import("swiper/react").SwiperClass, event: TouchEvent) => void) | undefined;
-    onSlidesLengthChange?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
-    onSlidesGridLengthChange?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
-    onSnapGridLengthChange?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
-    onUpdate?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
-    onLock?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
-    onUnlock?: ((swiper: import("swiper/react").SwiperClass) => void) | undefined;
+    }[]) => void;
+    _swiper?: (swiper: import("swiper").default) => void;
+    _freeModeNoMomentumRelease?: (swiper: import("swiper").default) => void;
+    onActiveIndexChange?: (swiper: import("swiper").default) => void;
+    onSnapIndexChange?: (swiper: import("swiper").default) => void;
+    onRealIndexChange?: (swiper: import("swiper").default) => void;
+    onAfterInit?: (swiper: import("swiper").default) => void;
+    onBeforeInit?: (swiper: import("swiper").default) => void;
+    onBeforeResize?: (swiper: import("swiper").default) => void;
+    onBeforeSlideChangeStart?: (swiper: import("swiper").default) => void;
+    onBeforeTransitionStart?: (swiper: import("swiper").default, speed: number, internal: any) => void;
+    onChangeDirection?: (swiper: import("swiper").default) => void;
+    onDoubleClick?: (swiper: import("swiper").default, event: MouseEvent | TouchEvent | PointerEvent) => void;
+    onDestroy?: (swiper: import("swiper").default) => void;
+    onMomentumBounce?: (swiper: import("swiper").default) => void;
+    onOrientationchange?: (swiper: import("swiper").default) => void;
+    onSlideResetTransitionStart?: (swiper: import("swiper").default) => void;
+    onSlideResetTransitionEnd?: (swiper: import("swiper").default) => void;
+    onSliderFirstMove?: (swiper: import("swiper").default, event: TouchEvent) => void;
+    onSlidesLengthChange?: (swiper: import("swiper").default) => void;
+    onSlidesGridLengthChange?: (swiper: import("swiper").default) => void;
+    onSnapGridLengthChange?: (swiper: import("swiper").default) => void;
+    onUpdate?: (swiper: import("swiper").default) => void;
+    onLock?: (swiper: import("swiper").default) => void;
+    onUnlock?: (swiper: import("swiper").default) => void;
 } & {
-    children?: import("react").ReactNode;
+    children?: import("react").ReactNode | undefined;
 }>, any, {}, never>;

package/es/components/organism/ActivityTimeline/components/TimeLineTitle/styled.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 export declare const TimelineTitleRoot: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const DateTitle: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/typography/Text").TextProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;

package/es/components/organism/ActivityTimeline/components/TimelineSection/styled.d.ts

@@ -7,7 +7,7 @@ export declare const TimelineContainer: import("styled-components").StyledCompon
 export declare const TimelinePanel: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const TimelineHead: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const WrapIcon: import("styled-components").StyledComponent<"div", any, {
-    bgIcon?: string | undefined;
+    bgIcon?: string;
 }, never>;
 export declare const TimelineDate: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const TitleTimeline: import("styled-components").StyledComponent<"div", any, {}, never>;

package/es/components/organism/ActivityTimeline/index.d.ts

@@ -1,26 +1,12 @@
-/// <reference types="react" />
 export type { ActivityTimeLineProps } from './types';
-export declare const ActivityTimeline: ((props: Partial<{
-    isLoading: boolean;
-    timelines: import("./types").Timeline[];
-    timelineAvailable: boolean;
-    timezone: string;
-    title: string;
-    objectName: string;
-    eventTracking: import("./types").EventTracking[];
-    onFetchMore: () => Promise<void>;
-    longDateTimeFormat: string;
-    header: import("react").ReactNode;
-    className: string;
-    threshold?: number | undefined;
-}>) => import("react/jsx-runtime").JSX.Element) & {
+export declare const ActivityTimeline: ((props: import("./types").ActivityTimeLineProps) => import("react/jsx-runtime").JSX.Element) & {
     Utils: Readonly<{
         getInfoEvent: (params: {
             eType: string;
             itemEvent: Record<string, any>;
             eventTracking: import("./types").EventTrackingWithMap;
             config: import("../../..").AppConfigProviderProps;
-            customerName?: string | undefined;
+            customerName?: string;
         }) => {
             titleEvent: string;
             fullContentEvent: string;

package/es/components/organism/ActivityTimeline/styled.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const StyledRoot: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyldTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledNoData: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").FlexProps<import("antd/es/_util/type").AnyObject> & import("react").RefAttributes<HTMLElement>>, any, {}, never>;

package/es/components/organism/ActivityTimeline/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type Timeline = Record<string, any>;
 export type EventTracking = Record<string, any>;
 export type EventTrackingWithMap = {

package/es/components/organism/AlgorithmsSetting/styled.d.ts

@@ -1,10 +1,9 @@
-/// <reference types="react" />
 import type { ContentSourceModeView } from '../ContentSources/types';
 export declare const AlgorithmsSettingWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledTabs: import("styled-components").StyledComponent<import("react").FC<import("antd/es/tabs").TabsProps> & {
+export declare const StyledTabs: import("styled-components").StyledComponent<import("react").FC<import("antd").TabsProps> & {
     TabPane: import("react").FC<import("antd").TabPaneProps>;
 }, any, {
-    shadow?: boolean | undefined;
+    shadow?: boolean;
 }, never>;
 export declare const AlgorithmWrapper: import("styled-components").StyledComponent<"div", any, {
     mode: ContentSourceModeView;

package/es/components/organism/AllocateCoupon/AllocateCoupon.d.ts

@@ -0,0 +1,31 @@
+import React from 'react';
+import { EventRefDisplay } from './components/EventRefDisplay';
+import './styles.scss';
+import type { AllocateCouponState, ConditionOperatorOptionsResolver, ConditionValueRenderer, SlotStyleProps, SourceEventGroupResolver } from './types';
+export type AllocateCouponSlot = 'root' | 'pool' | 'quantity' | 'identifier' | 'refresh';
+export interface AllocateCouponProps extends Partial<AllocateCouponState>, SlotStyleProps<AllocateCouponSlot> {
+    /** Forwarded to the default `QuantityField` → `ConditionsField` composition — see
+     * `ConditionValueRenderer`. Only applies when using the default `children`. */
+    renderValue?: ConditionValueRenderer;
+    /** Forwarded to the default `QuantityField` → `ConditionsField` composition — see
+     * `ConditionOperatorOptionsResolver`. Only applies when using the default `children`. */
+    getOperatorOptions?: ConditionOperatorOptionsResolver;
+    /** Forwarded to the default `QuantityField` → `SourceEventField` composition — see
+     * `SourceEventGroupResolver`. Only applies when using the default `children`. */
+    getSourceEventGroup?: SourceEventGroupResolver;
+    /** Opt-in, mirroring `showIdentifierField` — renders `RefreshButton` above the default
+     * composition. Defaults to `false` so existing consumers' default-children output doesn't
+     * change shape on upgrade. Only applies when using the default `children`. */
+    showRefreshButton?: boolean;
+    children?: React.ReactNode;
+}
+export declare const AllocateCoupon: React.FC<AllocateCouponProps> & {
+    Root: React.FC<React.PropsWithChildren<import(".").AllocateCouponRootProps>>;
+    PoolField: React.FC<import(".").PoolFieldProps>;
+    QuantityField: React.FC<import(".").QuantityFieldProps>;
+    SourceEventField: React.FC<import(".").SourceEventFieldProps>;
+    ConditionsField: React.FC<import(".").ConditionsFieldProps>;
+    IdentifierField: React.FC<import(".").IdentifierFieldProps>;
+    RefreshButton: React.FC<import(".").RefreshButtonProps>;
+};
+export { EventRefDisplay };

package/es/components/organism/AllocateCoupon/AllocateCoupon.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from 'clsx';
+// Components
+import { Root } from './components/Root';
+import { PoolField } from './components/PoolField';
+import { QuantityField } from './components/QuantityField';
+import { SourceEventField } from './components/SourceEventField';
+import { ConditionsField } from './components/ConditionsField';
+import { IdentifierField } from './components/IdentifierField';
+import { EventRefDisplay } from './components/EventRefDisplay';
+import { RefreshButton } from './components/RefreshButton';
+// Styles
+import './styles.scss';
+/**
+ * Default composition: Pool → Identifier → Quantity, matching the feature spec's field order.
+ * Pass explicit `children` (composed from the `AllocateCoupon.*` compound subcomponents below)
+ * to reorder or omit blocks — none of these subcomponents fetch, they read from context.
+ */
+const AllocateCouponComponent = props => {
+    const { children, renderValue, getOperatorOptions, getSourceEventGroup, showRefreshButton = false, className, style, classNames, styles, ...rootProps } = props;
+    const rootClassName = clsx('antsomi-allocate-coupon-field-stack', className, classNames?.root);
+    return (_jsx(Root, { ...rootProps, children: _jsx("div", { className: rootClassName, style: { ...style, ...styles?.root }, children: children ?? (_jsxs(_Fragment, { children: [showRefreshButton && (_jsx("div", { className: "antsomi-allocate-coupon-refresh-button-row", children: _jsx(RefreshButton, { className: classNames?.refresh, style: styles?.refresh }) })), _jsx(PoolField, { className: classNames?.pool, style: styles?.pool }), _jsx(IdentifierField, { className: classNames?.identifier, style: styles?.identifier }), _jsx(QuantityField, { className: classNames?.quantity, style: styles?.quantity, renderValue: renderValue, getOperatorOptions: getOperatorOptions, getSourceEventGroup: getSourceEventGroup })] })) }) }));
+};
+export const AllocateCoupon = Object.assign(AllocateCouponComponent, {
+    Root,
+    PoolField,
+    QuantityField,
+    SourceEventField,
+    ConditionsField,
+    IdentifierField,
+    RefreshButton,
+});
+export { EventRefDisplay };

package/es/components/organism/AllocateCoupon/components/ConditionRow.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import type { AllocateCouponConditionItem, AttributeOption, ConditionOperatorOptionsResolver, ConditionValueRenderer, SlotStyleProps } from '../types';
+export type ConditionRowSlot = 'row' | 'field' | 'operator' | 'value' | 'delete' | 'getDataFrom';
+export interface ConditionRowProps extends SlotStyleProps<ConditionRowSlot> {
+    item: AllocateCouponConditionItem;
+    fieldOptions: AttributeOption[];
+    onChange: (patch: Partial<AllocateCouponConditionItem>) => void;
+    onRemove: () => void;
+    renderValue?: ConditionValueRenderer;
+    getOperatorOptions?: ConditionOperatorOptionsResolver;
+}
+/** One "Only include data matching" row: field / operator / value / delete, plus the net-new
+ * "Get data from" toggle nested beneath it once the selected field resolves to a Business
+ * Object attribute. Purely presentational — data (fieldOptions) and mutation handlers all come
+ * from props, following the same headless-consumption pattern as the rest of this organism. */
+export declare const ConditionRow: React.FC<ConditionRowProps>;

package/es/components/organism/AllocateCoupon/components/ConditionRow.js

@@ -0,0 +1,67 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from 'clsx';
+// Components
+import { Button, Input, Radio } from '@antscorp/antsomi-ui/es/components/atoms';
+import { RadioGroup, Select } from '@antscorp/antsomi-ui/es/components/molecules';
+// Utils (antsomi-ui shared)
+import { searchStringQuery } from '@antscorp/antsomi-ui/es/utils';
+// Components (local)
+import { FieldRow } from './FieldRow';
+// Locales
+import i18nInstance from '@antscorp/antsomi-ui/es/locales/i18n';
+import { translations } from '@antscorp/antsomi-ui/es/locales/translations';
+// Constants
+import { DEFAULT_CONDITION_OPERATOR_OPTIONS, GET_DATA_FROM } from '../constants';
+// Utils
+import { toConditionFieldOptions } from '../utils';
+import { DeleteRemoveTrashIcon } from '../../../icons';
+const { t } = i18nInstance;
+const MULTI_VALUE_OPERATORS = new Set(['matches_any', 'matches', 'not_matches']);
+const selectCustomFilter = (input, option) => {
+    return searchStringQuery(String(option?.label ?? ''), input);
+};
+const fieldValueOf = (field) => field
+    ? field.itemTypeId
+        ? `${field.itemTypeId}.${field.propertyName}`
+        : field.propertyName || undefined
+    : undefined;
+/** One "Only include data matching" row: field / operator / value / delete, plus the net-new
+ * "Get data from" toggle nested beneath it once the selected field resolves to a Business
+ * Object attribute. Purely presentational — data (fieldOptions) and mutation handlers all come
+ * from props, following the same headless-consumption pattern as the rest of this organism. */
+export const ConditionRow = props => {
+    const { item, fieldOptions, onChange, onRemove, renderValue, getOperatorOptions, className, style, classNames, styles, } = props;
+    const options = toConditionFieldOptions(fieldOptions);
+    const selectedFieldValue = fieldValueOf(item.field);
+    const isBoField = !!item.field?.itemTypeId;
+    const isMultiValue = !!item.operator && MULTI_VALUE_OPERATORS.has(item.operator);
+    const operatorOptions = getOperatorOptions
+        ? getOperatorOptions({ item, fieldOptions })
+        : DEFAULT_CONDITION_OPERATOR_OPTIONS;
+    const onChangeField = (value) => {
+        const match = options.find(option => option.value === value);
+        if (!match)
+            return;
+        onChange({
+            field: {
+                itemTypeId: match.itemTypeId,
+                propertyLabel: match.label,
+                dataType: match.dataType,
+                propertyName: value.includes('.') ? value.split('.').slice(1).join('.') : value,
+            },
+            operator: null,
+            value: null,
+            getDataFrom: match.itemTypeId ? GET_DATA_FROM.BO : GET_DATA_FROM.EVENT,
+        });
+    };
+    return (_jsxs("div", { className: clsx('antsomi-allocate-coupon-condition-item', className), style: style, children: [_jsxs("div", { className: clsx('antsomi-allocate-coupon-condition-row', classNames?.row), style: styles?.row, children: [_jsx(Select, { showSearch: true, placeholder: t(translations.allocateCoupon.conditionRow.selectField), className: classNames?.field, style: styles?.field, value: selectedFieldValue, options: options, onChange: onChangeField, filterOption: selectCustomFilter }), selectedFieldValue ? (_jsx(Select, { placeholder: t(translations.allocateCoupon.conditionRow.selectOperator), className: classNames?.operator, style: styles?.operator, value: item.operator ?? undefined, options: operatorOptions, onChange: (value) => onChange({ operator: value }) })) : null, selectedFieldValue &&
+                        (renderValue ? (renderValue({
+                            item,
+                            fieldOptions,
+                            onChange,
+                            className: classNames?.value,
+                            style: styles?.value,
+                        })) : isMultiValue ? (_jsx(Select, { mode: "tags", placeholder: t(translations.allocateCoupon.conditionRow.enterValues), className: classNames?.value, style: styles?.value, value: item.value ?? [], onChange: (value) => onChange({ value }) })) : (_jsx(Input, { placeholder: t(translations.allocateCoupon.conditionRow.enterValue), className: classNames?.value, style: styles?.value, value: item.value ?? '', onChange: event => onChange({ value: event.target.value }) }))), _jsx(Button, { type: "text", className: clsx('antsomi-allocate-coupon-condition-row-delete', classNames?.delete), style: styles?.delete, icon: _jsx(DeleteRemoveTrashIcon, { size: 20 }), onClick: onRemove })] }), isBoField ? (_jsx(FieldRow, { style: styles?.getDataFrom, className: clsx(classNames?.getDataFrom, 'antsomi-allocate-coupon-get-data-from'), label: t(translations.allocateCoupon.conditionRow.getDataFrom), required: true, children: _jsxs(RadioGroup, { value: item.getDataFrom, onChange: event => onChange({ getDataFrom: event.target.value }), children: [_jsx(Radio, { value: GET_DATA_FROM.EVENT, children: t(translations.allocateCoupon.conditionRow.eventData) }), _jsx(Radio, { value: GET_DATA_FROM.BO, children: t(translations.allocateCoupon.conditionRow.dataObject, {
+                                name: item.field?.itemTypeDisplay || item.field?.itemTypeId,
+                            }) })] }) })) : null] }));
+};

package/es/components/organism/AllocateCoupon/components/ConditionsField.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { AllocateCouponConditionsState, ConditionOperatorOptionsResolver, ConditionValueRenderer, SlotStyleProps } from '../types';
+export type ConditionsFieldSlot = 'list' | 'row' | 'addButton';
+export interface ConditionsFieldProps extends SlotStyleProps<ConditionsFieldSlot> {
+    conditions?: AllocateCouponConditionsState;
+    renderValue?: ConditionValueRenderer;
+    getOperatorOptions?: ConditionOperatorOptionsResolver;
+}
+/** "Only include data matching" — a stacked list of `ConditionRow`s plus "+ Add condition".
+ * Replaces the prior `organism/Filter` wrapper, which is a compact chip-bar UI and doesn't
+ * match the design's always-expanded row builder. */
+export declare const ConditionsField: React.FC<ConditionsFieldProps>;

package/es/components/organism/AllocateCoupon/components/ConditionsField.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from 'clsx';
+// Components
+import { Button, Icon } from '@antscorp/antsomi-ui/es/components/atoms';
+import { ConditionRow } from './ConditionRow';
+// Constants
+import { THEME } from '@antscorp/antsomi-ui/es/constants';
+// Context
+import { useAllocateCouponContext } from '../contexts/AllocateCouponContext';
+// Locales
+import i18nInstance from '@antscorp/antsomi-ui/es/locales/i18n';
+import { translations } from '@antscorp/antsomi-ui/es/locales/translations';
+const { t } = i18nInstance;
+/** "Only include data matching" — a stacked list of `ConditionRow`s plus "+ Add condition".
+ * Replaces the prior `organism/Filter` wrapper, which is a compact chip-bar UI and doesn't
+ * match the design's always-expanded row builder. */
+export const ConditionsField = props => {
+    const { conditions: conditionsOverride, renderValue, getOperatorOptions, className, style, classNames, styles, } = props;
+    const contextConditions = useAllocateCouponContext(store => store.conditions);
+    const conditions = conditionsOverride ?? contextConditions;
+    return (_jsxs("div", { className: clsx('antsomi-allocate-coupon-conditions-list', className), style: style, children: [conditions.items.map(item => (_jsx(ConditionRow, { item: item, fieldOptions: conditions.fieldOptions, className: classNames?.row, style: styles?.row, onChange: patch => conditions.onChangeCondition?.(item.id, patch), onRemove: () => conditions.onRemoveCondition?.(item.id), renderValue: renderValue, getOperatorOptions: getOperatorOptions }, item.id))), _jsx(Button, { type: "default", shape: "round", className: classNames?.addButton, style: {
+                    borderColor: THEME.token?.colorPrimary,
+                    color: THEME.token?.colorPrimary,
+                    width: 'fit-content',
+                    ...styles?.addButton,
+                }, icon: _jsx(Icon, { type: "icon-ants-add", size: 10 }), onClick: () => conditions.onAddCondition?.(), children: t(translations.allocateCoupon.conditionsField.addCondition) })] }));
+};

package/es/components/organism/AllocateCoupon/components/EventRefDisplay.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import type { SlotStyleProps, SourceEventRef } from '../types';
+export type EventRefDisplaySlot = 'label' | 'icon';
+export interface EventRefDisplayProps extends SlotStyleProps<EventRefDisplaySlot> {
+    eventRef: SourceEventRef;
+    hookError?: unknown;
+    isLoading?: boolean;
+}
+/**
+ * Renders an event reference using the "resolve → saved-label fallback → error" pattern:
+ * shows the live-resolved label when available, falls back to the persisted label, and
+ * surfaces an error indicator either way when the event can't be confidently resolved.
+ * Pure/presentational — never fetches.
+ */
+export declare const EventRefDisplay: React.FC<EventRefDisplayProps>;

package/es/components/organism/AllocateCoupon/components/EventRefDisplay.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from 'clsx';
+// Components
+import { Icon, Spin, Text, Tooltip } from '@antscorp/antsomi-ui/es/components/atoms';
+// Utils
+import { resolveEventRefDisplay } from '../utils';
+/**
+ * Renders an event reference using the "resolve → saved-label fallback → error" pattern:
+ * shows the live-resolved label when available, falls back to the persisted label, and
+ * surfaces an error indicator either way when the event can't be confidently resolved.
+ * Pure/presentational — never fetches.
+ */
+export const EventRefDisplay = props => {
+    const { eventRef, hookError, isLoading, className, style, classNames, styles } = props;
+    if (isLoading) {
+        return _jsx(Spin, { indicatorSize: 14 });
+    }
+    const { label, hasError, tooltip } = resolveEventRefDisplay(eventRef, hookError);
+    const content = (_jsx(Text, { className: clsx(className, classNames?.label), style: {
+            ...style,
+            ...styles?.label,
+            color: hasError ? 'var(--color-error, #ff4d4f)' : undefined,
+        }, children: label }));
+    if (!hasError || !tooltip) {
+        return content;
+    }
+    return (_jsx(Tooltip, { title: tooltip, children: _jsxs("span", { style: { display: 'inline-flex', alignItems: 'center', gap: 4 }, children: [content, _jsx(Icon, { type: "icon-ants-warning-circle", className: classNames?.icon, style: { color: 'var(--color-error, #ff4d4f)', fontSize: 14, ...styles?.icon } })] }) }));
+};

package/es/components/organism/AllocateCoupon/components/FieldRow.d.ts

@@ -0,0 +1,15 @@
+import React, { ReactNode } from 'react';
+import type { SlotStyleProps } from '../types';
+export type FieldRowSlot = 'label' | 'control' | 'helpText';
+export interface FieldRowProps extends SlotStyleProps<FieldRowSlot> {
+    label: ReactNode;
+    required?: boolean;
+    helpText?: ReactNode;
+    children?: ReactNode;
+}
+/**
+ * Label-left / control-right settings row — the layout every field in this organism's design
+ * uses ("Promotion Pool *", "Quantity *", ...). Not exported on the public `AllocateCoupon.*`
+ * compound API — purely internal layout plumbing for the other field components.
+ */
+export declare const FieldRow: React.FC<FieldRowProps>;

package/es/components/organism/AllocateCoupon/components/FieldRow.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from 'clsx';
+// Components
+import { RequiredLabel, Text } from '@antscorp/antsomi-ui/es/components/atoms';
+/**
+ * Label-left / control-right settings row — the layout every field in this organism's design
+ * uses ("Promotion Pool *", "Quantity *", ...). Not exported on the public `AllocateCoupon.*`
+ * compound API — purely internal layout plumbing for the other field components.
+ */
+export const FieldRow = props => {
+    const { label, required, helpText, children, className, style, classNames, styles } = props;
+    return (_jsxs("div", { className: clsx('antsomi-allocate-coupon-field-row', className), style: style, children: [required ? (_jsx(RequiredLabel, { isReverseMask: true, className: classNames?.label, style: styles?.label, children: label })) : (_jsx(Text, { className: classNames?.label, style: styles?.label, children: label })), _jsxs("div", { className: clsx('antsomi-allocate-coupon-field-row-content', classNames?.control), style: styles?.control, children: [children, helpText ? (_jsx(Text, { type: "secondary", className: classNames?.helpText, style: { display: 'block', marginTop: 4, ...styles?.helpText }, children: _jsx("span", { dangerouslySetInnerHTML: {
+                                __html: helpText,
+                            } }) })) : null] })] }));
+};

package/es/components/organism/AllocateCoupon/components/IdentifierField.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { AllocateCouponIdentifierState, SlotStyleProps } from '../types';
+export type IdentifierFieldSlot = 'label' | 'select';
+export interface IdentifierFieldProps extends SlotStyleProps<IdentifierFieldSlot> {
+    identifier?: AllocateCouponIdentifierState;
+}
+/**
+ * Prop-gated field (§3 of the feature spec): Identifier ownership (Pool vs Journey) is an open
+ * product decision, so this field always exists in the data model, but only renders when the
+ * consumer opts in via `showIdentifierField`/`identifier.visible`. Renders as a `Select` over a
+ * fixed option set (`IDENTIFIER_OPTIONS`) rather than free text, matching the design.
+ */
+export declare const IdentifierField: React.FC<IdentifierFieldProps>;

package/es/components/organism/AllocateCoupon/components/IdentifierField.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// Components
+import { Select } from '@antscorp/antsomi-ui/es/components/molecules';
+import { FieldRow } from './FieldRow';
+// Context
+import { useAllocateCouponContext } from '../contexts/AllocateCouponContext';
+// Locales
+import i18nInstance from '@antscorp/antsomi-ui/es/locales/i18n';
+import { translations } from '@antscorp/antsomi-ui/es/locales/translations';
+const { t } = i18nInstance;
+/**
+ * Prop-gated field (§3 of the feature spec): Identifier ownership (Pool vs Journey) is an open
+ * product decision, so this field always exists in the data model, but only renders when the
+ * consumer opts in via `showIdentifierField`/`identifier.visible`. Renders as a `Select` over a
+ * fixed option set (`IDENTIFIER_OPTIONS`) rather than free text, matching the design.
+ */
+export const IdentifierField = props => {
+    const { identifier: identifierOverride, className, style, classNames, styles } = props;
+    const contextIdentifier = useAllocateCouponContext(store => store.identifier);
+    const identifier = identifierOverride ?? contextIdentifier;
+    if (!identifier.visible)
+        return null;
+    return (_jsx(FieldRow, { label: t(translations.allocateCoupon.identifierField.label), required: true, className: className, style: style, classNames: { label: classNames?.label }, styles: { label: styles?.label }, children: _jsx(Select, { showSearch: true, value: identifier.value ?? undefined, placeholder: t(translations.allocateCoupon.identifierField.placeholder), className: classNames?.select, style: styles?.select, options: identifier.options, onChange: identifier.onChange }) }));
+};

package/es/components/organism/AllocateCoupon/components/PoolField.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { AllocateCouponPoolState, SlotStyleProps } from '../types';
+export type PoolFieldSlot = 'label' | 'select' | 'helpText';
+export interface PoolFieldProps extends SlotStyleProps<PoolFieldSlot> {
+    /** Override the value read from context — mainly for Storybook/tests */
+    pool?: AllocateCouponPoolState;
+}
+export declare const PoolField: React.FC<PoolFieldProps>;