@bikdotai/bik-component-library 0.0.2--plans--beta → 0.0.2-analytics-chips-beta

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

@@ -1 +0,0 @@
-"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

@@ -1,17 +0,0 @@
-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

@@ -1 +0,0 @@
-"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

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

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

@@ -1 +0,0 @@
-"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

@@ -1,71 +0,0 @@
-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

@@ -1 +0,0 @@
-"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

@@ -1,18 +0,0 @@
-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

@@ -1,39 +0,0 @@
-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

@@ -1,11 +0,0 @@
-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

@@ -1,77 +0,0 @@
-/**
- * @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

@@ -1 +0,0 @@
-"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

@@ -1,16 +0,0 @@
-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

@@ -1,51 +0,0 @@
-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

@@ -1,7 +0,0 @@
-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

@@ -1,10 +0,0 @@
-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

@@ -1,5 +0,0 @@
-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

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

package/dist/cjs/components/datePicker/DatePickerWrapper.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import { CalendarProps } from 'react-calendar';
-import { CSSProperties } from 'styled-components';
-declare const DatePickerWrapper: React.FC<{
-    val?: Date | Date[];
-    onChange: (val: Date | Date[]) => void;
-    calendarProps?: CalendarProps;
-    pickerStyles?: CSSProperties;
-    nativeID?: string;
-    disabled?: boolean;
-}>;
-export default DatePickerWrapper;

package/dist/cjs/components/datePicker/DatePickerWrapper.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("react-calendar"),a=require("../../hooks/useOutside.js"),n=require("../../utils/DateUtils.js"),o=require("../../constants/Theme.js"),i=require("../../assets/icons/calendar.svg.js"),s=require("../TypographyStyle.js"),l=require("./DatePickerWrapper.styled.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=c(t),u=c(r);exports.default=r=>{let{val:c,onChange:O,calendarProps:g,disabled:S,pickerStyles:v,nativeID:C}=r;var y,D,j,b;const[L,f]=t.useState(!1),h=d.default.createRef();return a.useOutside(h,(()=>{f(!1)})),e.jsxs(e.Fragment,{children:[e.jsxs(l.DateBtn,Object.assign({id:C,bgColor:S?o.COLORS.background.base:o.COLORS.surface.standard,borderColor:o.COLORS.stroke.primary,onClick:()=>f(!L)},{children:[e.jsx(s.BodySecondary,Object.assign({style:{color:S?o.COLORS.content.inactive:o.COLORS.content.secondary,flex:1}},{children:c?Array.isArray(c)?(null===(y=null==c?void 0:c[0])||void 0===y?void 0:y.toString())&&(null===(D=null==c?void 0:c[1])||void 0===D?void 0:D.toString())?`${new Date(null===(j=null==c?void 0:c[0])||void 0===j?void 0:j.toString()).toLocaleDateString()}-${new Date(null===(b=null==c?void 0:c[1])||void 0===b?void 0:b.toString()).toLocaleDateString()}`:`${n.default.getPastDate(new Date,30).toLocaleDateString()}-${(new Date).toLocaleDateString()}`:new Date(c.toString()).toLocaleDateString():(new Date).toLocaleDateString()})),e.jsx(i.default,{width:20,height:20,color:S?o.COLORS.content.inactive:o.COLORS.content.secondary})]})),L&&!S&&e.jsx(l.PickerContainer,Object.assign({ref:h,style:Object.assign({},v),contentPrimary:o.COLORS.content.primary,subDued:o.COLORS.surface.subdued,brandColor:o.COLORS.background.brand,bgColor:o.COLORS.surface.standard,borderColor:o.COLORS.stroke.primary},{children:e.jsx(u.default,Object.assign({tileClassName:["custom__tile"],className:["custom__calendar"],onChange:e=>{O(e),f(!1)},value:c?Array.isArray(c)?2===c.length?[new Date(c[0]),new Date(c[1])]:null:new Date(c):null},g))}))]})};

package/dist/cjs/components/datePicker/DatePickerWrapper.styled.d.ts

@@ -1,11 +0,0 @@
-export declare const DateBtn: import("styled-components").StyledComponent<"div", any, {
-    bgColor: string;
-    borderColor: string;
-}, never>;
-export declare const PickerContainer: import("styled-components").StyledComponent<"div", any, {
-    bgColor: string;
-    borderColor: string;
-    brandColor: string;
-    subDued: string;
-    contentPrimary: string;
-}, never>;

package/dist/cjs/components/datePicker/DatePickerWrapper.styled.js

@@ -1,68 +0,0 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});var r=e(require("styled-components"));const o=r.default.div`
-	display: flex;
-	padding: 5px 8px;
-	background: ${e=>e.bgColor};
-	border-width: 1px;
-	border-style: solid;
-	border-color: ${e=>e.borderColor};
-	border-radius: 4px;
-	flex-direction: row;
-	align-items: center;
-	gap: 8px;
-	position: relative;
-`,t=r.default.div`
-	position: absolute;
-	top: calc(100% + 8px);
-	zindex: 9;
-	.custom__calendar {
-		background: ${e=>e.bgColor};
-		border-width: 1px;
-		border-style: solid;
-		border-color: ${e=>e.borderColor};
-		box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12);
-		border-radius: 4px;
-	}
-
-	.custom__tile:hover,
-	.custom__tile:focus,
-	.react-calendar__tile--active {
-		background: ${e=>e.brandColor};
-	}
-
-	.react-calendar__month-view__weekdays__weekday {
-		font-family: 'Inter';
-		font-style: normal;
-		overflow: hidden;
-		font-weight: 600;
-		font-size: 14px;
-		line-height: 20px;
-		color: ${e=>e.contentPrimary};
-
-		abbr[title] {
-			text-decoration: none !important;
-		}
-	}
-
-	.react-calendar__month-view__weekdays {
-		background: ${e=>e.subDued};
-	}
-
-	.react-calendar__navigation {
-		display: flex;
-		padding: 12px 20px;
-
-		button {
-			border: 0;
-			background: transparent;
-		}
-
-		.react-calendar__navigation__arrow
-			react-calendar__navigation__prev2-button {
-			font-size: 20px;
-		}
-
-		.react-calendar__navigation__arrow react-calendar__navigation__prev-button {
-			font-size: 20px;
-		}
-	}
-`;exports.DateBtn=o,exports.PickerContainer=t;

package/dist/cjs/components/dropShadow/DropShadow.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-declare const DropShadow: React.FC<{
-    level: 'z1' | 'z2';
-    position: 'up' | 'down';
-    children: React.ReactNode;
-    style?: React.CSSProperties;
-}>;
-export default DropShadow;

package/dist/cjs/components/dropShadow/DropShadow.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");const p={z1:{up:"0px -2px 8px rgba(0, 0, 0, 0.12)",down:"0px 2px 8px rgba(0, 0, 0, 0.12)"},z2:{up:"0px -4px 12px rgba(0, 0, 0, 0.12)",down:"0px 4px 12px rgba(0, 0, 0, 0.12)"}};exports.default=r=>{let{level:t="z1",position:x="down",children:s,style:n}=r;const o=p[t][x];return e.jsx("div",Object.assign({style:Object.assign({boxShadow:o},null!=n?n:{})},{children:s}))};

package/dist/cjs/components/helpers/FileUploaderHelper.d.ts

@@ -1,12 +0,0 @@
-export declare const FILE_TYPE_NOT_SUPPORT = "File type no supported";
-export declare const FILE_SIZE_REACHED: (size: number) => string;
-export declare const getFileFormatErrorMessage: (format: string) => string;
-export declare const SIZE_LIMIT_MAP: {
-    image: number;
-    video: number;
-    application: number;
-};
-export declare const SUPPORTED_FILE_FORMAT: string[];
-export declare class FileUploaderHelper {
-    validate(file: Blob): string | undefined;
-}

package/dist/cjs/components/helpers/FileUploaderHelper.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../utils/bytesToMB.js");const r="File type no supported",t=e=>`Max file size of ${e}mb is allowed`,p=e=>`Only ${e.toUpperCase()} format allowed`,o={image:5,video:16,application:100},i=["mp4","png","jpeg","jpg","pdf"];exports.FILE_SIZE_REACHED=t,exports.FILE_TYPE_NOT_SUPPORT=r,exports.FileUploaderHelper=class{validate(s){const a=s.size,[l,n]=s.type.split("/");if(!o[l])return r;if(e.bytesToMB(a)>o[l])return t(o[l]);if(!i.includes(n.toLocaleLowerCase())){if("video"===l)return p("mp4");if("image"===l)return p("png, jpeg, jpg");if("application"===l)return p("pdf")}}},exports.SIZE_LIMIT_MAP=o,exports.SUPPORTED_FILE_FORMAT=i,exports.getFileFormatErrorMessage=p;

package/dist/cjs/components/input/ChipInput.d.ts

@@ -1,20 +0,0 @@
-import React from 'react';
-export declare const extractSingleValueIfAny: (nativeID: string) => string;
-export declare const getInputNode: (nativeID: string) => HTMLInputElement;
-export interface ChipInputProps {
-    onChipsChange: (chips: (string | number)[]) => void;
-    placeholder: string;
-    label?: string;
-    labelColor?: string;
-    hintText?: string;
-    hintTextColor?: string;
-    chipTheme?: () => void;
-    chips: string[];
-    error?: string;
-    inputHeight?: number;
-    createChipKeys?: (string | number)[];
-    chipsContainerCustomStyle?: React.CSSProperties;
-    nativeID?: string;
-}
-declare const ChipInput: React.FC<ChipInputProps>;
-export default ChipInput;

package/dist/cjs/components/input/ChipInput.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("react-chips"),n=require("../../constants/Theme.js"),i=require("../TypographyStyle.js"),o=require("./ChipInput.styled.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=c(r);exports.default=r=>{let{onChipsChange:c,placeholder:s,chips:a,label:u,labelColor:d,hintText:h,hintTextColor:p,error:y,inputHeight:C,createChipKeys:O,chipsContainerCustomStyle:j,nativeID:v}=r;const[f,g]=t.useState(!1);return t.useEffect((()=>{var e,t;null===(e=document.querySelector(`#${v} input`))||void 0===e||e.addEventListener("focus",(()=>{g(!0)})),null===(t=document.querySelector(`#${v} input`))||void 0===t||t.addEventListener("blur",(()=>{g(!1)}))}),[]),e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:8},id:v},{children:[u&&e.jsx(i.BodySecondary,Object.assign({style:{color:f?n.COLORS.content.brand:y?n.COLORS.content.negative:d||n.COLORS.content.primary}},{children:u})),e.jsx(l.default,{value:a,theme:o.theme(!!y,C,j,f),chipTheme:o.chipTheme,placeholder:0===a.length&&!!s&&!f&&s,onChange:e=>{c(e)},createChipKeys:O||","}),(!!h||!!y)&&e.jsx(i.BodyCaption,Object.assign({style:{color:y?n.COLORS.content.negative:p||n.COLORS.content.secondary}},{children:y||h}))]}))};

package/dist/cjs/components/input/ChipInput.styled.d.ts

@@ -1,66 +0,0 @@
-export declare const chipTheme: {
-    chip: {
-        padding: string;
-        background: string;
-        border: string;
-        fontSize: number;
-        color: string;
-        fontWeight: number;
-        borderRadius: number;
-        alignItems: string;
-        alignContent: string;
-        justifyContent: string;
-        cursor: string;
-        margin: string;
-        fontFamily: string;
-    };
-    chipRemove: {
-        fontSize: number;
-        fontFamily: string;
-        cursor: string;
-        fontWeight: string;
-        color: string;
-        marginLeft: number;
-        ':hover': {
-            color: string;
-        };
-    };
-};
-export declare const theme: (error?: boolean, height?: number, chipsContainerCustomStyle?: Object, focused?: boolean) => {
-    chipsContainer: {
-        constructor: Function;
-        toString(): string;
-        toLocaleString(): string;
-        valueOf(): Object;
-        hasOwnProperty(v: PropertyKey): boolean;
-        isPrototypeOf(v: Object): boolean;
-        propertyIsEnumerable(v: PropertyKey): boolean;
-        display: string;
-        position: string;
-        border: string;
-        backgroundColor: string;
-        alignItems: string;
-        flexWrap: string;
-        padding: string;
-        borderRadius: number;
-        ':hover': {
-            border: string;
-        };
-    };
-    container: {
-        flex: number;
-    };
-    containerOpen: {};
-    input: {
-        border: string;
-        outline: string;
-        boxSizing: string;
-        fontSize: number;
-        fontFamily: string;
-        fontWeight: number;
-        height: number;
-        width: string;
-        paddingTop: number;
-        paddingBottom: number;
-    };
-};

package/dist/cjs/components/input/ChipInput.styled.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../constants/Theme.js");const r={chip:{padding:"0px 8px 0px 8px",background:e.COLORS.surface.subdued,border:`1px solid ${e.COLORS.stroke.primary}`,fontSize:12,color:e.COLORS.content.secondary,fontWeight:400,borderRadius:4,alignItems:"center",alignContent:"center",justifyContent:"center",cursor:"default",margin:"0px 8px 0px 0px",fontFamily:"Inter"},chipRemove:{fontSize:12,fontFamily:"Inter",cursor:"pointer",fontWeight:"normal",color:e.COLORS.content.secondary,marginLeft:6,":hover":{color:e.COLORS.content.secondary}}};exports.chipTheme=r,exports.theme=(r,o,n,t)=>({chipsContainer:Object.assign({display:"flex",position:"relative",border:`${t?2:1}px solid ${t?e.COLORS.stroke.brand:r?e.COLORS.stroke.negative.vibrant:e.COLORS.stroke.primary}`,backgroundColor:e.COLORS.surface.standard,alignItems:"center",flexWrap:"wrap",padding:"3px 8px 3px 8px",borderRadius:4,":hover":{border:`2px solid ${e.COLORS.stroke.brand}`}},null!=n?n:{}),container:{flex:1},containerOpen:{},input:{border:"none",outline:"none",boxSizing:"border-box",fontSize:14,fontFamily:"Inter",fontWeight:400,height:o||32,width:"100%",paddingTop:0,paddingBottom:0}});

package/dist/cjs/components/plans/DurationSelector.d.ts

@@ -1,9 +0,0 @@
-import { FunctionComponent } from 'react';
-interface OwnProps {
-    isMonthlySelected: boolean;
-    yearlyDiscount: string;
-    onToggle: (isMonthlySelected: boolean) => void;
-}
-type Props = OwnProps;
-declare const DurationSelector: FunctionComponent<Props>;
-export default DurationSelector;

package/dist/cjs/components/plans/DurationSelectorStyles.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-export declare const DurationSelectorStyled: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/cjs/components/plans/SubscriptionPlan.d.ts

@@ -1,25 +0,0 @@
-import { FunctionComponent } from 'react';
-interface PlanPrice {
-    price: number;
-    discount: number;
-}
-interface PlanFeature {
-    detail: string;
-}
-export interface SubscriptionPlanProps {
-    code: string;
-    isMostPopular?: boolean;
-    isDisabled?: boolean;
-    isSelected?: boolean;
-    planName: string;
-    monthlyPlan: PlanPrice;
-    yearlyPlan: PlanPrice;
-    features: PlanFeature[];
-    showMonthly: boolean;
-    planDescription: string;
-    planDescriptionDiscount: string;
-    onPlanSelect: (code: string) => void;
-}
-type Props = SubscriptionPlanProps;
-export declare const SubscriptionPlan: FunctionComponent<Props>;
-export default SubscriptionPlan;