@bikdotai/bik-component-library 0.0.1 → 0.0.2--plans--beta

package/dist/cjs/components/QueryBuilder/helpers/Connector.helper.d.ts

@@ -0,0 +1,6 @@
+import { QueryBuilderConnectorType } from '../types/QueryBuilder.type';
+import { CONNECTOR_OPERATORS } from '../types/QueryBuilderOperator.type';
+export declare class ConnectorHelper {
+    static getConnectorType(datatype: QueryBuilderConnectorType): string[];
+    static getConnectorComponent(dataType: QueryBuilderConnectorType, connectorType: CONNECTOR_OPERATORS): "FreeText" | "NoInput" | "IntegerSingleValue" | "TwoNumberInputsSeperatedByAnd" | "MultiselectDropdownFreeText" | "SingleDate" | "TwoDate" | "IntegerPositiveSingle" | "NumberTime" | null;
+}

package/dist/cjs/components/QueryBuilder/helpers/Connector.helper.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../constants/connector.js");exports.ConnectorHelper=class{static getConnectorType(t){const r=e.CONNECTOR_TYPE_TO_OPERATORS[t];return r?Object.keys(r):[]}static getConnectorComponent(t,r){if(e.CONNECTOR_TYPE_TO_OPERATORS[t]){return e.CONNECTOR_TYPE_TO_COMPONENT_MAP[t][r]}return null}};

package/dist/cjs/components/QueryBuilder/hooks/useQueryBuilder.d.ts

@@ -0,0 +1,18 @@
+import { QueryBuilderJoinOperators, QueryBuilderMeta, QueryBuilderProperty, QueryBuilderRoot, QueryBuilderType } from '../types/QueryBuilder.type';
+export declare const useQueryBuilder: (selectorName: string) => {
+    init: (type: QueryBuilderType) => void;
+    createProperty: (property: Partial<QueryBuilderProperty>, nodeID: string) => void;
+    updateProperty: (property: Partial<QueryBuilderProperty>, nodeID: string) => void;
+    updateMeta: (meta: Partial<QueryBuilderMeta>, nodeID: string) => void;
+    createMeta: (meta: Partial<QueryBuilderMeta>, nodeID: string) => void;
+    createNode: (type: QueryBuilderType) => void;
+    selectType: (type: QueryBuilderType, nodeID: string) => void;
+    addNode: (type: QueryBuilderType) => void;
+    deleteNode: (nodeID: string) => void;
+    deleteProperty: (property: Partial<QueryBuilderProperty>, nodeID: string) => void;
+    clearAll: (type: QueryBuilderType) => void;
+    selectPropertyJoinOperator: (joinOperator: QueryBuilderJoinOperators, nodeID: string) => void;
+    selectJoinOperator: (joinOperator: QueryBuilderJoinOperators) => void;
+    fillState: (state: QueryBuilderRoot) => void;
+    clearProperty: (nodeID: string) => void;
+};

package/dist/cjs/components/QueryBuilder/hooks/useQueryBuilder.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react-redux"),r=require("../redux/queryBuilder.reducer.js");exports.useQueryBuilder=t=>{const o=r.queryBuilderSlice(t).actions,d=e.useDispatch(),p=e=>{d(o.initQueryBuilder({type:e}))};return{init:p,createProperty:(e,r)=>{d(o.createProperty({property:e,nodeID:r}))},updateProperty:(e,r)=>{d(o.updateProperty({property:e,nodeID:r}))},updateMeta:(e,r)=>{d(o.updateMeta({meta:e,nodeID:r}))},createMeta:(e,r)=>{d(o.createMeta({meta:e,nodeID:r}))},createNode:e=>{d(o.addNode({type:e}))},selectType:(e,r)=>{d(o.selectType({type:e,nodeID:r}))},addNode:e=>{d(o.addNode({type:e}))},deleteNode:e=>{d(o.deleteNode({nodeID:e}))},deleteProperty:(e,r)=>{d(o.deleteProperty({property:e,nodeID:r}))},clearAll:p,selectPropertyJoinOperator:(e,r)=>{d(o.selectPropertyJoinOperator({joinOperator:e,nodeID:r}))},selectJoinOperator:e=>{d(o.selectJoinOperator({joinOperator:e}))},fillState:e=>{d(o.fillState(e))},clearProperty:e=>{d(o.clearProperty({nodeID:e}))}}};

package/dist/cjs/components/QueryBuilder/hooks/useQueryBuilderCache.d.ts

@@ -0,0 +1,7 @@
+import { BaseQueryBuilderResponse } from '../types/QueryBuilderAPI.type';
+export declare const useQueryBuilderCache: () => {
+    cacheWrap: (cb: () => Promise<{
+        data?: BaseQueryBuilderResponse;
+        error?: string;
+    }>, key: string, updateCache?: boolean) => Promise<BaseQueryBuilderResponse | null>;
+};

package/dist/cjs/components/QueryBuilder/hooks/useQueryBuilderCache.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),r=require("react-redux"),u=require("../redux/queryBuilderCache.reducer.js"),i=require("../redux/selectors/useQueryBuilderCacheSelector.js");exports.useQueryBuilderCache=()=>{const t=r.useDispatch(),l=i.useQueryBuilderCacheSelector();return{cacheWrap:function(r,i){let a=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];return e.__awaiter(void 0,void 0,void 0,(function*(){if(null==l?void 0:l[i])return l[i];const e=yield r();return(null==e?void 0:e.data)?(a&&t(u.queryBuilderCacheSlice.actions.initKey({key:i,data:e.data})),null==e?void 0:e.data):null}))}}};

package/dist/cjs/components/QueryBuilder/index.d.ts

@@ -0,0 +1,6 @@
+export * from './QueryBuilder';
+export * from './components/QueryBuilderNode/Base/BaseQueryBuilderNode';
+export * from './components/QueryBuilderNode/Property/PropertyNode';
+export * from './redux/queryBuilder.reducer';
+export * from './redux/queryBuilderCache.reducer';
+export * from './types';

package/dist/cjs/components/QueryBuilder/redux/queryBuilder.reducer.d.ts

@@ -0,0 +1,51 @@
+import { PayloadAction } from '@reduxjs/toolkit';
+import { QueryBuilderJoinOperators, QueryBuilderMeta, QueryBuilderProperty, QueryBuilderRoot, QueryBuilderType } from '../types/QueryBuilder.type';
+export declare const queryBuilderSlice: (selectorName: string) => import("@reduxjs/toolkit").Slice<QueryBuilderRoot, {
+    clearProperty(state: import("immer/dist/internal").WritableDraft<QueryBuilderRoot>, action: PayloadAction<{
+        nodeID: string;
+    }>): void;
+    fillState(state: import("immer/dist/internal").WritableDraft<QueryBuilderRoot>, action: PayloadAction<QueryBuilderRoot>): import("immer/dist/internal").WritableDraft<QueryBuilderRoot>;
+    initQueryBuilder(state: import("immer/dist/internal").WritableDraft<QueryBuilderRoot>, action: PayloadAction<{
+        type: QueryBuilderType;
+    }>): void;
+    addNode(state: import("immer/dist/internal").WritableDraft<QueryBuilderRoot>, action: PayloadAction<{
+        type: QueryBuilderType;
+    }>): void;
+    deleteNode(state: import("immer/dist/internal").WritableDraft<QueryBuilderRoot>, action: PayloadAction<{
+        nodeID: string;
+    }>): void;
+    clearNode(state: import("immer/dist/internal").WritableDraft<QueryBuilderRoot>, action: PayloadAction<{
+        type: QueryBuilderType;
+    }>): void;
+    createProperty(state: import("immer/dist/internal").WritableDraft<QueryBuilderRoot>, action: PayloadAction<{
+        nodeID: string;
+        property: Partial<QueryBuilderProperty>;
+    }>): void;
+    updateProperty(state: import("immer/dist/internal").WritableDraft<QueryBuilderRoot>, action: PayloadAction<{
+        nodeID: string;
+        property: Partial<QueryBuilderProperty>;
+    }>): void;
+    deleteProperty(state: import("immer/dist/internal").WritableDraft<QueryBuilderRoot>, action: PayloadAction<{
+        nodeID: string;
+        property: Partial<QueryBuilderProperty>;
+    }>): void;
+    createMeta(state: import("immer/dist/internal").WritableDraft<QueryBuilderRoot>, action: PayloadAction<{
+        nodeID: string;
+        meta: Partial<QueryBuilderMeta>;
+    }>): void;
+    updateMeta(state: import("immer/dist/internal").WritableDraft<QueryBuilderRoot>, action: PayloadAction<{
+        nodeID: string;
+        meta: Partial<QueryBuilderMeta>;
+    }>): void;
+    selectPropertyJoinOperator(state: import("immer/dist/internal").WritableDraft<QueryBuilderRoot>, action: PayloadAction<{
+        nodeID: string;
+        joinOperator: QueryBuilderJoinOperators;
+    }>): void;
+    selectJoinOperator(state: import("immer/dist/internal").WritableDraft<QueryBuilderRoot>, action: PayloadAction<{
+        joinOperator: QueryBuilderJoinOperators;
+    }>): void;
+    selectType(state: import("immer/dist/internal").WritableDraft<QueryBuilderRoot>, action: PayloadAction<{
+        nodeID: string;
+        type: QueryBuilderType;
+    }>): void;
+}, string>;

package/dist/cjs/components/QueryBuilder/redux/queryBuilder.reducer.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/@reduxjs/toolkit/dist/redux-toolkit.esm.js"),o=require("react-native-uuid"),d=require("../types/QueryBuilder.type.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const r=t(o).default.v4,s={nodes:[{_id:r(),properties:[],metas:[]}]};exports.queryBuilderSlice=o=>e.createSlice({name:null!=o?o:"queryBuilder",initialState:s,reducers:{clearProperty(e,o){const d=e.nodes.findIndex((e=>e._id===o.payload.nodeID));d>-1&&(e.nodes[d].properties=[])},fillState:(e,o)=>Object.assign({},o.payload),initQueryBuilder(e,o){const t={type:o.payload.type,properties:[],metas:[],_id:r(),PropertyOperator:d.QueryBuilderJoinOperators.AND};e.nodes=[t],e.operator=d.QueryBuilderJoinOperators.AND},addNode(e,o){const t={type:o.payload.type,properties:[],metas:[],_id:r(),PropertyOperator:d.QueryBuilderJoinOperators.AND},s=e.nodes;e.nodes=[...s,t]},deleteNode(e,o){const d=e.nodes.filter((e=>e._id!==o.payload.nodeID));e.nodes=[...d]},clearNode(e,o){var d;const t=[...null!==(d=e.nodes)&&void 0!==d?d:[]];if(0===t.length){const e={type:o.payload.type,properties:[],metas:[],_id:r()};t.push(e)}e.nodes=t},createProperty(e,o){var d;const t=e.nodes.findIndex((e=>e._id===o.payload.nodeID));if(t>-1){const s=null!==(d=e.nodes[t].properties)&&void 0!==d?d:[],n=Object.assign(Object.assign({},o.payload.property),{_id:r()});e.nodes[t].properties=[...s,n]}},updateProperty(e,o){var d;const t=e.nodes.findIndex((e=>e._id===o.payload.nodeID));if(t>-1){const r=(null!==(d=e.nodes[t].properties)&&void 0!==d?d:[]).map((e=>e._id===o.payload.property._id?Object.assign(Object.assign({},e),o.payload.property):e));e.nodes[t].properties=[...r]}},deleteProperty(e,o){var d;const t=e.nodes.findIndex((e=>e._id===o.payload.nodeID));if(t>-1){const r=(null!==(d=e.nodes[t].properties)&&void 0!==d?d:[]).filter((e=>e._id!==o.payload.property._id));e.nodes[t].properties=[...r]}},createMeta(e,o){var d;const t=e.nodes.findIndex((e=>e._id===o.payload.nodeID));if(t>-1){const r=null!==(d=e.nodes[t].metas)&&void 0!==d?d:[],s=Object.assign({},o.payload.meta);e.nodes[t].metas=[...r,s]}},updateMeta(e,o){var d;const t=e.nodes.findIndex((e=>e._id===o.payload.nodeID));if(t>-1){const r=(null!==(d=e.nodes[t].metas)&&void 0!==d?d:[]).map((e=>e.key===o.payload.meta.key?Object.assign(Object.assign({},e),o.payload.meta):e));e.nodes[t].metas=[...r]}},selectPropertyJoinOperator(e,o){const d=e.nodes.findIndex((e=>e._id===o.payload.nodeID));if(-1!==d){const t=e.nodes[d];e.nodes[d]=Object.assign(Object.assign({},t),{PropertyOperator:o.payload.joinOperator})}},selectJoinOperator(e,o){e.operator=o.payload.joinOperator},selectType(e,o){const d=e.nodes.findIndex((e=>e._id===o.payload.nodeID));if(-1!==d){const t=e.nodes[d];e.nodes[d]={_id:t._id,type:o.payload.type,properties:[],metas:[]}}}}});

package/dist/cjs/components/QueryBuilder/redux/queryBuilderCache.reducer.d.ts

@@ -0,0 +1,17 @@
+import { PayloadAction } from '@reduxjs/toolkit';
+import { BaseQueryBuilderResponse } from '../types/QueryBuilderAPI.type';
+declare const initialState: {
+    [key in string]: BaseQueryBuilderResponse;
+};
+export type CacheStateType = typeof initialState;
+export declare const queryBuilderCacheSlice: import("@reduxjs/toolkit").Slice<{
+    [x: string]: BaseQueryBuilderResponse;
+}, {
+    initKey(state: import("immer/dist/internal").WritableDraft<{
+        [x: string]: BaseQueryBuilderResponse;
+    }>, action: PayloadAction<{
+        key: string;
+        data: BaseQueryBuilderResponse;
+    }>): void;
+}, "queryBuilderCache">;
+export {};

package/dist/cjs/components/QueryBuilder/redux/queryBuilderCache.reducer.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const e=require("../../../node_modules/@reduxjs/toolkit/dist/redux-toolkit.esm.js").createSlice({name:"queryBuilderCache",initialState:{},reducers:{initKey(e,a){Array.isArray(a.payload.data)?e[a.payload.key]=[...a.payload.data]:e[a.payload.key]=Object.assign({},a.payload.data)}}});exports.queryBuilderCacheSlice=e;

package/dist/cjs/components/QueryBuilder/redux/selectors/useQueryBuilderCacheSelector.d.ts

@@ -0,0 +1,3 @@
+export declare const useQueryBuilderCacheSelector: () => {
+    [x: string]: import("../..").BaseQueryBuilderResponse;
+};

package/dist/cjs/components/QueryBuilder/redux/selectors/useQueryBuilderCacheSelector.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react-redux");exports.useQueryBuilderCacheSelector=()=>e.useSelector((e=>e.queryBuilderCache));

package/dist/cjs/components/QueryBuilder/types/QueryBuilder.type.d.ts

@@ -0,0 +1,71 @@
+import { CONNECTOR_VALUE_TYPE } from './QueryBuilderConnector.type';
+import { CONNECTOR_OPERATORS } from './QueryBuilderOperator.type';
+export declare enum QueryBuilderType {
+    SEGMENT_FILTER = "SEGMENT_FILTER",
+    EVENT_FILTER = "EVENT_FILTER",
+    NO_EVENT_FILTER = "NO_EVENT_FILTER",
+    USER_PROPERTY_FILTER = "USER_PROPERTY_FILTER",
+    IG_TRIGGER = "IG_TRIGGER",
+    CTWA_TRIGGER = "CTWA_TRIGGER",
+    EVENTS_TRIGGER = "EVENTS_TRIGGER"
+}
+export declare enum QueryBuilderJoinOperators {
+    AND = "AND",
+    OR = "OR"
+}
+export declare enum QueryBuilderConnectorType {
+    'string' = "string",
+    'integer' = "integer",
+    'boolean' = "boolean",
+    'date' = "date",
+    'frequency' = "frequency",
+    'ig' = "ig"
+}
+export interface QueryBuilderConnector {
+    dataType: QueryBuilderConnectorType;
+    operator: CONNECTOR_OPERATORS;
+    value?: string[] | number[] | Date[] | string | number | Date;
+}
+export interface QueryBuilderProperty {
+    _id: string;
+    name?: string | number;
+    dataType?: QueryBuilderConnectorType;
+    operator?: CONNECTOR_OPERATORS;
+    value?: CONNECTOR_VALUE_TYPE;
+    /** UI Only */
+    _refresh?: boolean;
+    /** UI Only */
+    error: {
+        name?: string;
+        dataType?: string;
+        operator?: string;
+        value?: string;
+    };
+}
+export interface QueryBuilderMeta {
+    key: string;
+    value: string | QueryBuilderConnector;
+    /** UI Only */
+    refresh?: boolean;
+    /** UI Only */
+    error: {
+        key?: string;
+        value?: string | ConnectorError;
+    };
+}
+export interface BaseQueryBuilderNode {
+    _id: string;
+    type: QueryBuilderType;
+    isExclude?: boolean;
+    metas: QueryBuilderMeta[];
+    properties?: QueryBuilderProperty[];
+    PropertyOperator?: QueryBuilderJoinOperators;
+}
+export interface QueryBuilderRoot {
+    nodes: BaseQueryBuilderNode[];
+    operator?: QueryBuilderJoinOperators;
+}
+export type ConnectorError = {
+    operator: string;
+    value: string;
+};

package/dist/cjs/components/QueryBuilder/types/QueryBuilder.type.js

@@ -0,0 +1 @@
+"use strict";var e,r,E;Object.defineProperty(exports,"__esModule",{value:!0}),exports.QueryBuilderType=void 0,(e=exports.QueryBuilderType||(exports.QueryBuilderType={})).SEGMENT_FILTER="SEGMENT_FILTER",e.EVENT_FILTER="EVENT_FILTER",e.NO_EVENT_FILTER="NO_EVENT_FILTER",e.USER_PROPERTY_FILTER="USER_PROPERTY_FILTER",e.IG_TRIGGER="IG_TRIGGER",e.CTWA_TRIGGER="CTWA_TRIGGER",e.EVENTS_TRIGGER="EVENTS_TRIGGER",exports.QueryBuilderJoinOperators=void 0,(r=exports.QueryBuilderJoinOperators||(exports.QueryBuilderJoinOperators={})).AND="AND",r.OR="OR",exports.QueryBuilderConnectorType=void 0,(E=exports.QueryBuilderConnectorType||(exports.QueryBuilderConnectorType={})).string="string",E.integer="integer",E.boolean="boolean",E.date="date",E.frequency="frequency",E.ig="ig";

package/dist/cjs/components/QueryBuilder/types/QueryBuilderAPI.type.d.ts

@@ -0,0 +1,18 @@
+import { QueryBuilderConnectorType } from './QueryBuilder.type';
+export interface BaseQueryBuilderPayload<T> {
+    query?: T;
+}
+export type QueryBuilderAPIPayload<T> = BaseQueryBuilderPayload<T> & {
+    storeID: string;
+    token: string;
+};
+export type QueryBuilderAPIData = {
+    id: string | number;
+    name: string;
+    description?: string | null;
+    type?: QueryBuilderConnectorType;
+    needValuesRetrieval?: boolean;
+};
+export type BaseQueryBuilderResponse = QueryBuilderAPIData[] | {
+    [key in string]: QueryBuilderAPIData[];
+};

package/dist/cjs/components/QueryBuilder/types/QueryBuilderConnector.type.d.ts

@@ -0,0 +1,39 @@
+import { DropdownOption } from "../../dropdown/type";
+import { QueryBuilderConnectorType } from './QueryBuilder.type';
+import { QueryBuilderAPIData } from './QueryBuilderAPI.type';
+import { CONNECTOR_OPERATORS } from './QueryBuilderOperator.type';
+export type CONNECTOR_OPERATOR_TYPE = keyof CONNECTOR_OPERATORS;
+export type ExtraOption = QueryBuilderAPIData[] | DropdownOption | DropdownOption[];
+export type ConnectorComponentProps = {
+    val?: CONNECTOR_VALUE_TYPE;
+    onChange?: (val: CONNECTOR_VALUE_TYPE) => void;
+    extra?: {
+        options?: ExtraOption;
+    };
+    errors?: {
+        operator?: string;
+        val?: string | string[];
+    };
+    nativeID?: string;
+    isLoading?: boolean;
+    disabled?: boolean;
+};
+export type ConnectorProps = {
+    isLoading?: boolean;
+    noDefault?: boolean;
+    connectorType: QueryBuilderConnectorType;
+    defaultConnector?: CONNECTOR_OPERATORS;
+    connectorVal?: CONNECTOR_VALUE_TYPE;
+    onOperatorChange: (operator: CONNECTOR_OPERATORS) => void;
+    onValueChange: (value: CONNECTOR_VALUE_TYPE) => void;
+    extra?: {
+        options?: ExtraOption;
+    };
+    errors?: {
+        operator?: string;
+        val?: string | string[];
+    };
+    testID?: string;
+    disabled?: boolean;
+};
+export type CONNECTOR_VALUE_TYPE = string[] | number | Date[] | Date | number[] | number | undefined | /** for multiselect */ QueryBuilderAPIData[];

package/dist/cjs/components/QueryBuilder/types/QueryBuilderNodeProps.type.d.ts

@@ -0,0 +1,11 @@
+import { Response } from '../../../types/apiExecutor';
+import { BaseQueryBuilderNode, QueryBuilderType } from './QueryBuilder.type';
+import { BaseQueryBuilderPayload, BaseQueryBuilderResponse } from './QueryBuilderAPI.type';
+import { QueryBuilderProps } from './QueryBuilderProps.type';
+export type QueryBuilderNodeProps = {
+    allowedNodes: QueryBuilderType[];
+    node: BaseQueryBuilderNode;
+    mode: QueryBuilderProps['mode'];
+    selectorKey: string;
+    apiHandler: <T>(payload: BaseQueryBuilderPayload<T>) => Promise<Response<BaseQueryBuilderResponse>>;
+};

package/dist/cjs/components/QueryBuilder/types/QueryBuilderOperator.type.d.ts

@@ -0,0 +1,77 @@
+/**
+ * @fileOverview Ideally this file should not be used directly in components or in main logic layer.
+ * Create helper for this and then use them.
+ */
+export declare enum INTEGER_OPERATORS {
+    is = "is",
+    isNot = "isNot",
+    exists = "exists",
+    doesntExist = "doesntExist",
+    lessThan = "lessThan",
+    lessThanOrEqualTo = "lessThanOrEqualTo",
+    greaterThan = "greaterThan",
+    greaterThanOrEqualTo = "greaterThanOrEqualTo",
+    between = "between",
+    notBetween = "notBetween"
+}
+export declare enum STRING_OPERATORS {
+    is = "is",
+    isNot = "isNot",
+    contains = "contains",
+    doesntContain = "doesntContain",
+    startsWith = "startsWith",
+    endsWith = "endsWith",
+    exists = "exists",
+    doesntExist = "doesntExist"
+}
+export declare enum IG_OPERATORS {
+    post = "post",
+    reel = "reel",
+    story = "story"
+}
+export declare enum DATE_OPERATORS {
+    on = "on",
+    notOn = "notOn",
+    inBetween = "inBetween",
+    notInBetween = "notInBetween",
+    before = "before",
+    after = "after",
+    today = "today",
+    yesterday = "yesterday",
+    'last week' = "last week",
+    'last month' = "last month",
+    'last quarter' = "last quarter",
+    'in the last' = "in the last"
+}
+export declare enum BOOLEAN_OPERATORS {
+    isTrue = "isTrue",
+    isFalse = "isFalse",
+    exists = "exists",
+    doesntExist = "doesntExist"
+}
+export declare enum FREQUENCY_OPERATORS {
+    exactly = "exactly",
+    atleast = "atleast",
+    atMost = "atMost"
+}
+export type CONNECTOR_OPERATORS = FREQUENCY_OPERATORS | BOOLEAN_OPERATORS | DATE_OPERATORS | STRING_OPERATORS | INTEGER_OPERATORS;
+export declare enum EVENT_VALUES {
+    FreeText = "FreeText",
+    NoInput = "NoInput",
+    IntegerSingleValue = "IntegerSingleValue",
+    TwoNumberInputsSeperatedByAnd = "TwoNumberInputsSeperatedByAnd",
+    MultiselectDropdownFreeText = "MultiselectDropdownFreeText",
+    SingleDate = "SingleDate",
+    TwoDate = "TwoDate",
+    IntegerPositiveSingle = "IntegerPositiveSingle",
+    NumberTime = "NumberTime"
+}
+export type EVENT_RESPONSE_VALUE = {
+    FreeText: string[];
+    IntegerSingleValue: number;
+    TwoNumberInputsSeperatedByAnd: number[];
+    MultiselectDropdownFreeText: string[];
+    SingleDate: Date;
+    IntegerPositiveSingle: number;
+    TwoDate: Date[];
+};

package/dist/cjs/components/QueryBuilder/types/QueryBuilderOperator.type.js

@@ -0,0 +1 @@
+"use strict";var e,t,s,o,r,n,i;Object.defineProperty(exports,"__esModule",{value:!0}),exports.INTEGER_OPERATORS=void 0,(e=exports.INTEGER_OPERATORS||(exports.INTEGER_OPERATORS={})).is="is",e.isNot="isNot",e.exists="exists",e.doesntExist="doesntExist",e.lessThan="lessThan",e.lessThanOrEqualTo="lessThanOrEqualTo",e.greaterThan="greaterThan",e.greaterThanOrEqualTo="greaterThanOrEqualTo",e.between="between",e.notBetween="notBetween",exports.STRING_OPERATORS=void 0,(t=exports.STRING_OPERATORS||(exports.STRING_OPERATORS={})).is="is",t.isNot="isNot",t.contains="contains",t.doesntContain="doesntContain",t.startsWith="startsWith",t.endsWith="endsWith",t.exists="exists",t.doesntExist="doesntExist",exports.IG_OPERATORS=void 0,(s=exports.IG_OPERATORS||(exports.IG_OPERATORS={})).post="post",s.reel="reel",s.story="story",exports.DATE_OPERATORS=void 0,(o=exports.DATE_OPERATORS||(exports.DATE_OPERATORS={})).on="on",o.notOn="notOn",o.inBetween="inBetween",o.notInBetween="notInBetween",o.before="before",o.after="after",o.today="today",o.yesterday="yesterday",o["last week"]="last week",o["last month"]="last month",o["last quarter"]="last quarter",o["in the last"]="in the last",exports.BOOLEAN_OPERATORS=void 0,(r=exports.BOOLEAN_OPERATORS||(exports.BOOLEAN_OPERATORS={})).isTrue="isTrue",r.isFalse="isFalse",r.exists="exists",r.doesntExist="doesntExist",exports.FREQUENCY_OPERATORS=void 0,(n=exports.FREQUENCY_OPERATORS||(exports.FREQUENCY_OPERATORS={})).exactly="exactly",n.atleast="atleast",n.atMost="atMost",exports.EVENT_VALUES=void 0,(i=exports.EVENT_VALUES||(exports.EVENT_VALUES={})).FreeText="FreeText",i.NoInput="NoInput",i.IntegerSingleValue="IntegerSingleValue",i.TwoNumberInputsSeperatedByAnd="TwoNumberInputsSeperatedByAnd",i.MultiselectDropdownFreeText="MultiselectDropdownFreeText",i.SingleDate="SingleDate",i.TwoDate="TwoDate",i.IntegerPositiveSingle="IntegerPositiveSingle",i.NumberTime="NumberTime";

package/dist/cjs/components/QueryBuilder/types/QueryBuilderPropertyProps.d.ts

@@ -0,0 +1,16 @@
+import { DropdownOption } from "../../dropdown/type";
+import { QueryBuilderJoinOperators, QueryBuilderProperty } from './QueryBuilder.type';
+import { BaseQueryBuilderResponse, QueryBuilderAPIData } from './QueryBuilderAPI.type';
+import { CONNECTOR_VALUE_TYPE } from './QueryBuilderConnector.type';
+import { CONNECTOR_OPERATORS } from './QueryBuilderOperator.type';
+import { QueryBuilderProps } from './QueryBuilderProps.type';
+export type QueryBuilderPropertyProps = {
+    mode: QueryBuilderProps['mode'];
+    property?: QueryBuilderProperty;
+    selectPropertyJoinOperator?: (option: QueryBuilderJoinOperators, nodeID: string) => void;
+    propertySelectorText?: string;
+    fetchPropertyData?: () => Promise<BaseQueryBuilderResponse | null>;
+    onPropertyNameSelect?: (propertyName: QueryBuilderAPIData, property: QueryBuilderProperty) => Promise<BaseQueryBuilderResponse | DropdownOption | DropdownOption[]>;
+    onPropertyOperatorChange?: (option: CONNECTOR_OPERATORS, property: QueryBuilderProperty) => void;
+    onPropertyValueChange?: (value: CONNECTOR_VALUE_TYPE | /** for multiselect */ QueryBuilderAPIData[], property: QueryBuilderProperty) => void;
+};

package/dist/cjs/components/QueryBuilder/types/QueryBuilderProps.type.d.ts

@@ -0,0 +1,51 @@
+import { Response } from '../../../types/apiExecutor';
+import { QueryBuilderRoot, QueryBuilderType } from './QueryBuilder.type';
+import { BaseQueryBuilderPayload, BaseQueryBuilderResponse } from './QueryBuilderAPI.type';
+export type QueryBuilderRef = {
+    getState: () => QueryBuilderRoot;
+    fillState: (state: QueryBuilderRoot) => void;
+};
+export type QueryBuilderProps = {
+    /**
+     * The selector key that will be used to make query builder independent when there are multiple
+     * query builders in single page
+     */
+    selectorKey: string;
+    errorState?: QueryBuilderRoot;
+    /**
+     * and will be passed as a prop here. Single function to branch out based on the query being passed.
+     * list of allowed query builder types are keys of this object.
+     * List of allowed query builder types to show, usually in the first dropdown, single values for triggers
+     */
+    typesAPIHandlers: {
+        [key in QueryBuilderType]?: <T>(payload: BaseQueryBuilderPayload<T>) => Promise<Response<BaseQueryBuilderResponse>>;
+    };
+    /** the header text for the builder UI */
+    queryPreText: string;
+    /** the button text for increasing the node (eg trigger/filter ) list */
+    addNodeBtnText: string;
+    /** use when prefilling */
+    state?: QueryBuilderRoot;
+    /** querybuilder mode */
+    mode?: 'create' | 'edit' | 'view';
+    /**
+     * the on change handler, this callback will be called whenever there is any change in the state
+     * @note
+     * try using on-demand flow instead of reactive flow using ref.getState to avoid extra re-renders
+     */
+    onStateChange?: (state: QueryBuilderRoot) => void;
+    /**
+     * in property,
+     * if this is `true`,  it will allow user to re-select the selected property name again,
+     * if `false` , it will disabled the selected property name from the dropdown option
+     *
+     * @default true
+     */
+    reuseProperty?: boolean;
+    /**
+     * user can add any number of root level filter/trigger.
+     * This should be set to false when we only want single filter/trigger. eg IG/CTWA trigger
+     * @default true
+     */
+    infinite?: boolean;
+};

package/dist/cjs/components/QueryBuilder/types/index.d.ts

@@ -0,0 +1,7 @@
+export type { QueryBuilderType, QueryBuilderJoinOperators, QueryBuilderConnectorType, QueryBuilderConnector, QueryBuilderProperty as QueryBuilderPropertyType, QueryBuilderMeta, BaseQueryBuilderNode as BaseQueryBuilderNodeType, QueryBuilderRoot, ConnectorError, } from './QueryBuilder.type';
+export * from './QueryBuilderAPI.type';
+export * from './QueryBuilderConnector.type';
+export * from './QueryBuilderNodeProps.type';
+export * from './QueryBuilderOperator.type';
+export * from './QueryBuilderPropertyProps';
+export * from './QueryBuilderProps.type';

package/dist/cjs/components/TablePagination/TablePagination.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { DropdownOption } from "../dropdown/type";
+export type TablePaginationProps = {
+    pageSize: 5 | 10 | 20;
+    pageNumber: number;
+    totalRows: number;
+    updatePageNumber: (pageNumber: number) => void;
+    updatePageSize: (option: DropdownOption | DropdownOption[]) => void;
+};
+export declare const TablePagination: React.FC<TablePaginationProps>;

package/dist/cjs/components/TablePagination/TablePagination.styled.d.ts

@@ -0,0 +1,5 @@
+export declare const StyledTablePaginationContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledPagingContainer: import("styled-components").StyledComponent<"div", any, {
+    active: boolean;
+    isLast?: boolean | undefined;
+}, never>;

package/dist/cjs/components/TablePagination/index.d.ts

@@ -0,0 +1 @@
+export * from './TablePagination';

package/dist/cjs/components/TypographyStyle.d.ts

@@ -13,3 +13,5 @@ export declare const BodyTiny: import("styled-components").StyledComponent<"div"
 export declare const ButtonLarge: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ButtonRegular: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const SubHeading: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const BodyRegular: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Caption: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/cjs/components/TypographyStyle.js

@@ -0,0 +1,100 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("styled-components"),e=require("../constants/Theme.js");function i(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var o=i(t);const n=t=>t+"px",r=o.default.div`
+	font-family: Inter;
+	color: ${t=>t.color||e.COLORS.text.primary};
+	font-weight: ${e.FONTS.titleLarge.fontWeight};
+	font-size: ${n(e.FONTS.titleLarge.fontSize)};
+	line-height: ${n(e.FONTS.titleLarge.lineHeight)};
+`,l=o.default.div`
+	font-family: Inter;
+	color: ${t=>t.color||e.COLORS.text.primary};
+	font-weight: ${e.FONTS.titleMedium.fontWeight};
+	font-size: ${n(e.FONTS.titleMedium.fontSize)};
+	line-height: ${n(e.FONTS.titleMedium.lineHeight)};
+`,a=o.default.div`
+	font-family: Inter;
+	color: ${t=>t.color||e.COLORS.text.primary};
+	font-weight: ${e.FONTS.titleRegular.fontWeight};
+	font-size: ${n(e.FONTS.titleRegular.fontSize)};
+	line-height: ${n(e.FONTS.titleRegular.lineHeight)};
+`,f=o.default.div`
+	font-family: Inter;
+	color: ${t=>t.color||e.COLORS.text.primary};
+	font-weight: ${e.FONTS.titleSmall.fontWeight};
+	font-size: ${n(e.FONTS.titleSmall.fontSize)};
+	line-height: ${n(e.FONTS.titleSmall.lineHeight)};
+`,S=o.default.div`
+	font-family: Inter;
+	color: ${t=>t.color||e.COLORS.text.primary};
+	font-weight: ${e.FONTS.display.fontWeight};
+	font-size: ${n(e.FONTS.display.fontSize)};
+	line-height: ${n(e.FONTS.display.lineHeight)};
+`,g=o.default.div`
+	font-family: Inter;
+	color: ${t=>t.color||e.COLORS.text.primary};
+	font-weight: ${e.FONTS.bodyPrimary.fontWeight};
+	font-size: ${n(e.FONTS.bodyLarge.fontSize)};
+	line-height: ${n(e.FONTS.bodyLarge.lineHeight)};
+`,O=o.default.div`
+	font-family: Inter;
+	color: ${t=>t.color||e.COLORS.text.primary};
+	font-weight: ${e.FONTS.bodyPrimary.fontWeight};
+	font-size: ${n(e.FONTS.bodyPrimary.fontSize)};
+	line-height: ${n(e.FONTS.bodyPrimary.lineHeight)};
+`,d=o.default.div`
+	font-family: Inter;
+	color: ${e.COLORS.content.primary};
+	font-weight: ${e.FONTS.bodySecondary.fontWeight};
+	font-size: ${n(e.FONTS.bodySecondary.fontSize)};
+	line-height: ${n(e.FONTS.bodySecondary.lineHeight)};
+`,h=o.default(O)`
+	text-decoration: underline;
+	color: ${e.COLORS.content.brand};
+	text-decoration-color: ${e.COLORS.content.brand};
+	cursor: pointer;
+`,y=o.default(d)`
+	text-decoration: underline;
+	color: ${e.COLORS.content.brand};
+	text-decoration-color: ${e.COLORS.content.brand};
+	cursor: pointer;
+`,$=o.default.div`
+	font-family: Inter;
+	color: ${t=>t.color||e.COLORS.text.primary};
+	font-weight: ${e.FONTS.caption.fontWeight};
+	font-size: ${n(e.FONTS.caption.fontSize)};
+	line-height: ${n(e.FONTS.caption.lineHeight)};
+`,c=o.default.div`
+	color: ${t=>t.color||e.COLORS.text.primary};
+	font-weight: ${e.FONTS.tiny.fontWeight};
+	font-size: ${n(e.FONTS.tiny.fontSize)};
+	line-height: ${n(e.FONTS.tiny.lineHeight)};
+`,u=o.default.div`
+	font-family: Inter;
+	color: ${t=>t.color||e.COLORS.text.primary};
+	font-weight: ${e.FONTS.buttonLarge.fontWeight};
+	font-size: ${n(e.FONTS.buttonLarge.fontSize)};
+	line-height: ${n(e.FONTS.buttonLarge.lineHeight)};
+`,p=o.default.div`
+	font-family: Inter;
+	color: ${t=>t.color||e.COLORS.text.primary};
+	font-weight: ${e.FONTS.buttonRegular.fontWeight};
+	font-size: ${n(e.FONTS.buttonRegular.fontSize)};
+	line-height: ${n(e.FONTS.buttonRegular.lineHeight)};
+`,s=o.default.div`
+	font-family: Inter;
+	color: ${t=>t.color||e.COLORS.text.primary};
+	font-weight: ${e.FONTS.subHeading.fontWeight};
+	font-size: ${n(e.FONTS.subHeading.fontSize)};
+	line-height: ${n(e.FONTS.subHeading.lineHeight)};
+`,T=o.default.div`
+	font-family: Inter;
+	color: ${t=>t.color||e.COLORS.text.primary};
+	font-weight: ${e.FONTS.bodyRegular.fontWeight};
+	font-size: ${n(e.FONTS.bodyRegular.fontSize)};
+	line-height: ${n(e.FONTS.bodyRegular.lineHeight)};
+`,m=o.default.div`
+	font-family: Inter;
+	color: ${e.COLORS.text.primary};
+	font-weight: ${e.FONTS.caption.fontWeight};
+	font-size: ${n(e.FONTS.caption.fontSize)};
+	line-height: ${n(e.FONTS.caption.lineHeight)};
+`;exports.BodyCaption=$,exports.BodyLarge=g,exports.BodyPrimary=O,exports.BodyPrimaryLink=h,exports.BodyRegular=T,exports.BodySecondary=d,exports.BodySecondaryLink=y,exports.BodyTiny=c,exports.ButtonLarge=u,exports.ButtonRegular=p,exports.Caption=m,exports.Display=S,exports.SubHeading=s,exports.TitleLarge=r,exports.TitleMedium=l,exports.TitleRegular=a,exports.TitleSmall=f;

package/dist/cjs/components/analytics-card/AnalyticsCard.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export type ModeType = 'light' | 'dark';
+export declare const AnalyticsCard: React.FC<{
+    cardInfo: {
+        [category: string]: string;
+    };
+    width?: string;
+    mode?: ModeType;
+}>;

package/dist/cjs/components/analytics-card/AnalyticsCard.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../constants/Theme.js"),s=require("../TypographyStyle.js"),r=require("./AnalyticsCard.styled.js");exports.AnalyticsCard=a=>{const{cardInfo:n,width:c,mode:i}=a;return e.jsx(r.AnalyticsContainer,Object.assign({width:c,mode:i,count:Object.keys(n).length},{children:Object.keys(n).map((c=>{const i=n[c],o=c;return e.jsxs(r.CardDataContainer,Object.assign({className:"analytics__card",count:Object.keys(n).length},{children:[e.jsx(s.TitleSmall,Object.assign({className:"statistic",color:"light"==a.mode?t.BASE_COLORS.brand[900]:t.BASE_COLORS.grayscale.white},{children:i})),e.jsx(s.BodyCaption,Object.assign({className:"category",color:"light"==a.mode?t.BASE_COLORS.brand[900]:t.COLORS.content.secondaryInverse},{children:o}))]}),o)}))}))};

package/dist/cjs/components/analytics-card/AnalyticsCard.styled.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { ModeType } from './AnalyticsCard';
+export declare const AnalyticsContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    width: string;
+    mode?: ModeType | undefined;
+    count?: number | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const CardDataContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    count: number;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;