@bikdotai/bik-component-library 0.0.1--sidebar-fluctuate-fix → 0.0.1-analytics-chips--beta

package/dist/cjs/components/discount-modal/type.d.ts

@@ -1,49 +0,0 @@
-export declare enum MIN_PURCHASE_REQUIREMENT {
-    AMOUNT = "amount",
-    QUANTITY = "quantity",
-    NA = "na"
-}
-export declare enum DISCOUNT_VALUE_TYPES {
-    FIXED_AMOUNT = "fixedAmount",
-    PERCENTAGE = "percentage"
-}
-export declare enum DISCOUNT_TARGET_TYPES {
-    LINE_ITEM = "lineItem",
-    SHIPPING_LINE = "shippingLine"
-}
-export declare enum DISCOUNT_TARGET_SELECTION {
-    ENTITLED = "entitled",
-    ALL = "all"
-}
-export declare enum DISCOUNT_TYPES {
-    FIXED_AMOUNT = "fixedAmount",
-    PERCENTAGE = "percentage",
-    BUY_X_GET_Y = "buyXGetY",
-    FREE_SHIPPING = "freeShipping"
-}
-export interface ICouponData {
-    description: string;
-    value?: number;
-    quadrant?: number;
-    valueType: DISCOUNT_VALUE_TYPES;
-    targetType: DISCOUNT_TARGET_TYPES;
-    targetSelection: DISCOUNT_TARGET_SELECTION;
-    minAmount?: number;
-    title: string;
-    minQuantity?: number;
-    expireAfter?: number;
-    expireAt?: Date;
-    isStaticCoupon?: boolean;
-    couponCode?: string;
-    prerequisiteProductIds?: number[];
-    prerequisiteVariantIds?: number[];
-    prerequisiteCollectionIds?: number[];
-    entitledProductIds?: number[];
-    entitledVariantIds?: number[];
-    entitledCollectionIds?: number[];
-    allocationLimit?: number;
-    prerequisiteQuantity?: number;
-    entitledQuantity?: number;
-    minPurchaseReq?: MIN_PURCHASE_REQUIREMENT;
-    probability?: number;
-}

package/dist/cjs/components/discount-modal/type.js

@@ -1 +0,0 @@
-"use strict";var E,T,e,_,I;Object.defineProperty(exports,"__esModule",{value:!0}),exports.MIN_PURCHASE_REQUIREMENT=void 0,(E=exports.MIN_PURCHASE_REQUIREMENT||(exports.MIN_PURCHASE_REQUIREMENT={})).AMOUNT="amount",E.QUANTITY="quantity",E.NA="na",exports.DISCOUNT_VALUE_TYPES=void 0,(T=exports.DISCOUNT_VALUE_TYPES||(exports.DISCOUNT_VALUE_TYPES={})).FIXED_AMOUNT="fixedAmount",T.PERCENTAGE="percentage",exports.DISCOUNT_TARGET_TYPES=void 0,(e=exports.DISCOUNT_TARGET_TYPES||(exports.DISCOUNT_TARGET_TYPES={})).LINE_ITEM="lineItem",e.SHIPPING_LINE="shippingLine",exports.DISCOUNT_TARGET_SELECTION=void 0,(_=exports.DISCOUNT_TARGET_SELECTION||(exports.DISCOUNT_TARGET_SELECTION={})).ENTITLED="entitled",_.ALL="all",exports.DISCOUNT_TYPES=void 0,(I=exports.DISCOUNT_TYPES||(exports.DISCOUNT_TYPES={})).FIXED_AMOUNT="fixedAmount",I.PERCENTAGE="percentage",I.BUY_X_GET_Y="buyXGetY",I.FREE_SHIPPING="freeShipping";

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/dropdown/DropdownPopover/index.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),n=require("react"),o=require("react-popper"),t=require("../../dropShadow/DropShadow.js"),s=require("../Common.styled.js"),l=require("../OpenedDropdown/components/OpennedDropdown.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const a=i(n).default.forwardRef(((i,a)=>{var{children:d,onDropdownVisbilityChange:p,version:u="1.0"}=i,c=e.__rest(i,["children","onDropdownVisbilityChange","version"]);const v=a,[j,b]=n.useState(!1),[f,w]=n.useState(null),[y,D]=n.useState(null),{styles:O,attributes:g}=o.usePopper(f,y,{placement:c.placement,strategy:c.strategy});return n.useImperativeHandle(v,(()=>({openDropdown:j})),[]),n.useEffect((()=>{(null==v?void 0:v.current)&&(v.current.openDropdown=j)}),[j]),n.useEffect((()=>{null==p||p(j)}),[j]),r.jsxs(r.Fragment,{children:[r.jsxs("div",Object.assign({style:{position:"relative"},ref:w},{children:[r.jsx(s.OverLapAbs,{disabled:c.disabled,onClick:e=>{j?e.preventDefault():c.disabled||b(!0)}}),d]})),j&&r.jsx(s.OpenDropdownContainer,Object.assign({ref:D,style:Object.assign(Object.assign({},O.popper),{zIndex:3})},g.popper,{children:r.jsx(t.default,Object.assign({level:"z2",position:"down",style:{borderRadius:8}},{children:r.jsx(l.OpenedDropdown,Object.assign({},c,{onSelect:e=>{var r;"2.0"===u&&c.isMultiSelect||(null===(r=c.onSelect)||void 0===r||r.call(c,e),b(!1))},onClose:e=>{var r,n;"2.0"===u&&c.isMultiSelect&&e&&(null===(r=c.onSelect)||void 0===r||r.call(c,[...e])),b(!1),null===(n=null==c?void 0:c.onClose)||void 0===n||n.call(c)},version:u}))}))}))]})}));a.displayName="DropdownPopover",exports.DropdownPopover=a;

package/dist/cjs/components/dropdown/MenuItem/MenuItem.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { OpenDropdownProps } from "../type";
-export type MenuItemDropdownProps = OpenDropdownProps & {
-    isHorizontal: boolean;
-    children?: React.ReactNode;
-    hideBorder?: boolean;
-};
-export declare const MenuItemDropdown: React.FC<MenuItemDropdownProps>;

package/dist/cjs/components/dropdown/MenuItem/MenuItem.js

@@ -1,5 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../assets/icons/horizontal_dots.svg.js"),o=require("../../../assets/icons/vertical_dots.svg.js"),n=require("styled-components"),t=require("../DropdownPopover/index.js");require("../Dropdown.js"),require("react"),require("../../zeroState/ZeroState.js"),require("../../TypographyStyle.js");var s=require("../../../constants/Theme.js");require("../OpenedDropdown/components/description/Description.styled.js"),require("../../checkBox/CheckBox.styled.js"),require("../../list-item/ListItem.js"),require("../OpenedDropdown/components/menu/FreeFormMenu.styled.js"),require("../OpenedDropdown/components/menu/MenuItem.js"),require("../OpenedDropdown/components/menu/MenuList.styled.js"),require("../../button/Button.js"),require("../OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js"),require("../OpenedDropdown/components/OpennedDropdown.styled.js"),require("../../input/Input.js");var i=require("../../icon-button/IconButton.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const d=u(n).default.div`
-	:hover {
-		background: ${s.COLORS.surface.subdued};
-	}
-`,p=n=>e.jsx(d,{children:e.jsx(t.DropdownPopover,Object.assign({},n,{children:e.jsx("div",{children:e.jsx(i.IconButton,{Icon:n.isHorizontal?r.default:o.default,bordered:!(null==n?void 0:n.hideBorder)})})}))});p.displayName="MenuItemDropdown",exports.MenuItemDropdown=p;

package/dist/cjs/components/dropdown/OpenedDropdown/components/OpennedDropdown.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../../zeroState/ZeroState.js"),s=require("../../../../hooks/useOutside.js"),n=require("../../hooks/useDropdown.js"),o=require("./description/Description.js"),i=require("./menu/FreeFormMenu.js"),l=require("./menu/MenuList.js"),u=require("./menu/SelectAllMenu.js"),c=require("./multiSelect/MultiSelectDropdownBottomBar.js"),a=require("./OpennedDropdown.styled.js"),p=require("./searchbox/SearchBox.js"),d=require("./searchbox/SearchZeroState.js");const h=304,S=290;exports.OpenedDropdown=j=>{let{options:f,isSearchable:x,isMultiSelect:g,width:v,allowFreeForm:w,height:b,onClose:y,onSelect:m,onSearch:O,version:q,skipSorting:M}=j;const{dropdownOptions:C,search:D,searchedString:L,searchedOptions:F,onApplyHandler:A,selectAllHandler:k,onMultiSelectClear:B,onFreeFormSelect:H,onMultiSelectApply:Z,latestDropdownOptionsRef:P,getSelectedOptions:R}=n.useDropdown(q,f,m,M,g,O),[_,z]=t.useState(null!=v?v:S),[E,I]=t.useState(null),K=t.useRef(null);s.useOutside(K,(()=>{if(I(null),g&&"2.0"===q){const e=R(P.current);null==y||y(e)}else null==y||y(C)}));const N=null!=b?b:h,T="number"==typeof N?x&&g?N-96:x&&!g||!x&&g?N-48:N:N;t.useEffect((()=>{const e=null!=v?v:S;if(null===E)z(e);else if("number"==typeof e)z(2*e);else if("string"==typeof e&&e.endsWith("px")){const t=2*parseInt(e.replace("px",""));z(t)}}),[E]);const W=[],G=(L&&O?F:C).map((e=>{var t,r;if(L&&!O){if(e.options){const t=Object.assign({},e);return t.options=t.options.filter((e=>{var t;return!!(null===(t=e.label)||void 0===t?void 0:t.toLowerCase().includes(L.toLowerCase()))&&(W.push(!L||e.label===L),!0)})),t.options.length>0?t:null}return(null===(t=e.label)||void 0===t?void 0:t.toLowerCase().includes(L.toLowerCase()))||(null===(r=e.searchKey)||void 0===r?void 0:r.toLowerCase().includes(L.toLowerCase()))?(W.push(!L||e.label===L),e):null}return e})).filter((e=>null!==e)),J=!!x&&L&&0===G.length;return e.jsxs(a.OpennedDropdownContainer,Object.assign({version:q,ref:K,style:{width:_}},{children:[e.jsxs("div",Object.assign({style:{width:E?"50%":"100%",display:"flex",flexDirection:"column",background:"white"}},{children:[!!x&&e.jsx(p.SearchBox,{onSearch:D,version:q}),G.length||L?e.jsxs(a.MenuListContainer,Object.assign({minHeight:N,maxHeight:T},{children:[!!g&&!J&&e.jsx(u.SelectAllMenu,{version:q,options:L&&O?F:C,onSelect:k}),!w&&J&&e.jsx(d.SearchZeroState,{height:T,searchedString:L}),w&&(J||!!W.length&&W.every((e=>!1===e)))&&e.jsx(i.FreeFormMenu,{version:q,isMultiSelect:g,onSelect:H,searchedString:L}),e.jsx(l.MenuList,{version:q,onSelect:A,showDescription:function(e,t){I(e&&t?{title:e,description:t}:null)},isMultiSelect:g,options:G})]})):e.jsx("div",Object.assign({style:{height:N,display:"flex"}},{children:e.jsx(r.ZeroState,{title:"No results found",subTitle:"Please try again later or contact us at support@bik.ai if you require further assistance."})})),!!g&&!(!G.length&&!L)&&"2.0"!==q&&e.jsx(c.default,{onClear:B,onApply:Z,list:L&&O?F:C})]})),!!E&&e.jsx(o.Description,{title:E.title,description:E.description,version:q})]}))};

package/dist/cjs/components/dropdown/OpenedDropdown/components/description/Description.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../../TypographyStyle.js"),s=require("../../../../../constants/Theme.js"),t=require("./Description.styled.js");exports.Description=i=>{let{title:n,description:o,version:c}=i;return e.jsx(t.DescriptionContainer,Object.assign({version:c},{children:e.jsxs("div",Object.assign({style:{padding:"2.0"===c?12:24}},{children:[e.jsx(r.TitleRegular,Object.assign({style:{color:s.COLORS.content.primary,marginBottom:4}},{children:n})),e.jsx(r.BodySecondary,Object.assign({style:{color:s.COLORS.content.secondary}},{children:o}))]}))}))};

package/dist/cjs/components/dropdown/OpenedDropdown/components/description/Description.styled.d.ts

@@ -1,3 +0,0 @@
-export declare const DescriptionContainer: import("styled-components").StyledComponent<"div", any, {
-    version?: "1.0" | "2.0" | undefined;
-}, never>;

package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/FreeFormMenu.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../../../../checkBox/CheckBox.js"),s=require("../../../../list-item/ListItem.js"),i=require("../../../../TypographyStyle.js"),n=require("../../../../../constants/Theme.js"),o=require("./FreeFormMenu.styled.js");exports.FreeFormMenu=c=>{let{searchedString:l,onSelect:a,isMultiSelect:u,version:j}=c;const[m,x]=r.useState(!1);function d(){x(!m),a(!m)}return e.jsx(s.ListItem,{version:j,onClick:e=>{e.preventDefault(),d()},listItem:{label:l,value:l},leadingIcon:u?e.jsx(t.CheckBox,{size:"2.0"===j?"SMALL":"DEFAULT",isChecked:m,onValueChange:d}):e.jsx(e.Fragment,{}),trailingIcon:e.jsx(o.FreeFormContainer,{children:e.jsx(i.BodyCaption,Object.assign({style:{color:n.COLORS.content.secondary}},{children:"Freeform"}))})})};

package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/MenuItem.js

@@ -1,5 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("styled-components"),n=require("../../../../checkBox/CheckBox.js"),i=require("../../../../list-item/ListItem.js"),s=require("../../../../TypographyStyle.js"),r=require("../../../../../constants/Theme.js"),o=require("./FreeFormMenu.styled.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const c=l(t).default(i.ListItem)`
-	padding: ${e=>"2.0"===e.version?"8px 12px":"14px 16px"} !important;
-	cursor: pointer;
-	margin-top: ${e=>"2.0"===e.version?"2px":"0"};
-`;exports.MenuItem=t=>{let{option:i,isMultiSelect:l,showDescription:a,onSelect:d,last:u,version:p}=t;var m;function x(e){i.disabled||d(Object.assign(Object.assign({},i),{selected:e}))}return e.jsx(c,{version:p,style:u?{borderBottom:0}:{},onClick:e=>{e.preventDefault(),x(!i.selected)},onMouseOver:function(){i.description?a(i.label,i.description):a()},listItem:{value:i.value,label:i.label},subText:i.subText,leadingIcon:l?e.jsx("div",Object.assign({style:{width:18,display:"flex",alignContent:"center",justifyContent:"center"}},{children:e.jsx(n.CheckBox,{size:"2.0"===p?"SMALL":"DEFAULT",isDisabled:null!==(m=i.disabled)&&void 0!==m&&m,isChecked:!!i.selected,onValueChange:x})})):i.leadingIcon?e.jsx(e.Fragment,{children:i.leadingIcon}):e.jsx(e.Fragment,{}),customComponent:i.customComponent,trailingIcon:i.isFreeForm?e.jsx(o.FreeFormContainer,{children:e.jsx(s.BodyCaption,Object.assign({style:{color:r.COLORS.content.secondary}},{children:"Freeform"}))}):i.trailingIcon?e.jsx(e.Fragment,{children:i.trailingIcon}):e.jsx(e.Fragment,{}),variant:i.disabled?"inactive":i.selected?"selected":"default"})};

package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/MenuList.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("./MenuItem.js"),s=require("./MenuList.styled.js");exports.MenuList=i=>{let{options:n,isMultiSelect:o,showDescription:r,onSelect:l,version:c}=i;return e.jsx(e.Fragment,{children:n.map(((i,u)=>{const p=u===n.length-1;if(i.options){const n=i;return e.jsxs("div",Object.assign({style:{marginTop:"2.0"===c?2:0}},{children:[e.jsx(s.StyledGroupedLabel,Object.assign({version:c},{children:n.label})),n.options.map(((s,i)=>e.jsx(t.MenuItem,{version:c,last:i===n.options.length-1,onSelect:l,showDescription:r,isMultiSelect:o,option:s},`${u}-${i}`)))]}),u)}return e.jsx(t.MenuItem,{version:c,last:p,onSelect:l,showDescription:r,isMultiSelect:o,option:i},u)}))})};

package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/MenuList.styled.d.ts

@@ -1,6 +0,0 @@
-export declare const StyledGroupedLabel: import("styled-components").StyledComponent<"div", any, {
-    numberOfLines?: number | undefined;
-    color?: string | undefined;
-} & {
-    version?: "1.0" | "2.0" | undefined;
-}, never>;

package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/MenuList.styled.js

@@ -1,6 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),o=require("../../../../TypographyStyle.js"),r=require("../../../../../constants/Theme.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const n=t(e).default(o.BodyCaption)`
-	padding: 8px ${e=>"2.0"===e.version?12:16}px;
-	color: ${e=>"2.0"===e.version?r.COLORS.content.placeholder:r.COLORS.content.secondary};
-	background-color: ${e=>"2.0"===e.version?r.COLORS.surface.standard:r.COLORS.background.base};
-	font-size: ${e=>"2.0"===e.version?10:12}px;
-`;exports.StyledGroupedLabel=n;

package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/SelectAllMenu.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),l=require("../../../../checkBox/CheckBox.js"),s=require("../../../../list-item/ListItem.js");exports.SelectAllMenu=c=>{let{options:i,onSelect:r,version:o}=c;const[a,n]=t.useState("notSelected");function d(){"partiallySelected"===a&&r("notSelected"),"selectAll"===a&&r("notSelected"),"notSelected"===a&&r("selectAll")}return t.useEffect((()=>{const e=[];i.filter((e=>!e.disabled)).forEach((t=>{t.options?t.options.filter((e=>!e.disabled)).forEach((t=>{e.push(t.selected||!1)})):e.push(t.selected||!1)})),e.every(Boolean)?n("selectAll"):e.filter(Boolean).length>0?n("partiallySelected"):n("notSelected")}),[i]),e.jsx(s.ListItem,{version:o,onClick:e=>{e.preventDefault(),d()},listItem:{label:"Select All",value:"All"},leadingIcon:e.jsx("div",Object.assign({style:{width:18}},{children:e.jsx(l.CheckBox,{size:"2.0"===o?"SMALL":"DEFAULT",isChecked:"selectAll"===a||"partiallySelected"===a,isPartiallyChecked:"partiallySelected"===a,onValueChange:d})})),variant:"default"})};

package/dist/cjs/components/dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js

@@ -1,9 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../../../../constants/Theme.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const r=n(e).default.div`
-	display: flex;
-	padding: 8px 16px;
-	flex-direction: row;
-	align-items: center;
-	justify-content: end;
-	box-shadow: 0px -2px 8px rgba(0, 0, 0, 0.12);
-	background: ${t.COLORS.surface.standard};
-`;exports.BottomBarContainer=r;

package/dist/cjs/components/dropdown/OpenedDropdown/components/searchbox/SearchBox.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../../../../input/Input.js"),o=require("../../../../input/context/InputStyleProvider.js"),n=require("../../../../../constants/Theme.js"),s=require("../../../../../assets/icons/cross.svg.js"),i=require("../../../../../assets/icons/search.svg.js");exports.SearchBox=a=>{let{onSearch:c,version:u}=a;const[l,p]=r.useState(""),[d,h]=r.useState(!1);return e.jsx(o.InputStyleContext.Provider,Object.assign({value:{InputWrapper:{borderRadius:0,border:0,borderBottom:`${"2.0"===u?.5:1}px solid ${n.COLORS.stroke.primary}`,padding:""+("2.0"===u?"6px 8px":"14px 16px"),marginBottom:4},IconHolder:{marginLeft:0},input:{marginLeft:4,minHeight:"100%"}}},{children:e.jsx(t.Input,{noKeyDownChange:!0,skipFocus:!0,placeholder:"Search",variant:"2.0"===u?"small":"default",leftIcon:{icon:()=>e.jsx(i.default,{width:"2.0"===u?18:24,height:"2.0"===u?18:24,color:n.COLORS.content.placeholder})},rightIcon:{icon:()=>l?e.jsx(s.default,{onClick:()=>{h(!0),c(""),p("")},width:24,height:24,color:n.COLORS.content.placeholder}):e.jsx(e.Fragment,{})},reset:d,onChangeText:e=>{h(!1),p(e),c(e)}})}))};

package/dist/cjs/components/dropdown/OpenedDropdown/components/searchbox/SearchZeroState.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../../zeroState/ZeroState.js");exports.SearchZeroState=r=>{let{searchedString:s,height:i}=r;return e.jsx("div",Object.assign({style:{height:i,display:"flex",alignItems:"center"}},{children:e.jsx(t.ZeroState,{title:"No results found",subTitle:`Sorry we could not find any results for "${null!=s?s:""}"`})}))};

package/dist/cjs/components/dropdown/OpenedDropdown/utils/iterationOnOptions.d.ts

@@ -1,29 +0,0 @@
-/// <reference types="react" />
-import { DropdownOption, SingleOption } from '../../type';
-export declare function iterateOnOptions(options: DropdownOption[], newVal: Partial<SingleOption>, checkCB?: (optionForValidation: SingleOption) => boolean): ({
-    label: string;
-    value: string;
-    description?: string | null | undefined;
-    selected?: boolean | undefined;
-    disabled?: boolean | undefined;
-    isFreeForm?: boolean | undefined;
-    subText?: string | undefined;
-    trailingIcon?: JSX.Element | undefined;
-    leadingIcon?: JSX.Element | undefined;
-    customComponent?: JSX.Element | undefined;
-    searchKey?: string | undefined;
-} | {
-    label?: string | undefined;
-    value?: string | undefined;
-    description?: string | null | undefined;
-    selected?: boolean | undefined;
-    disabled?: boolean | undefined;
-    isFreeForm?: boolean | undefined;
-    subText?: string | undefined;
-    trailingIcon?: JSX.Element | undefined;
-    leadingIcon?: JSX.Element | undefined;
-    customComponent?: JSX.Element | undefined;
-    searchKey?: string | undefined;
-    options: SingleOption[];
-})[];
-export declare function iterateOnOptionsRaw(options: DropdownOption[], cb: (option: SingleOption) => void): void;

package/dist/cjs/components/dropdown/OpenedDropdown/utils/iterationOnOptions.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.iterateOnOptions=function(t,s,e){return t.map((t=>{if(t.options){const n=t.options.map((t=>!e||e(t)?Object.assign(Object.assign({},t),s):Object.assign({},t)));return Object.assign(Object.assign({},t),{options:[...n]})}return!e||e(t)?Object.assign(Object.assign({},t),s):Object.assign({},t)}))},exports.iterateOnOptionsRaw=function(t,s){t.forEach((t=>{t.options?t.options.forEach(s):s(t)}))};

package/dist/cjs/components/dropdown/hooks/useDropdown.d.ts

@@ -1,41 +0,0 @@
-/// <reference types="react" />
-import { SelectAllCheckboxState } from '../OpenedDropdown/components/menu/SelectAllMenu';
-import { DropdownOption, SingleOption } from '../type';
-export declare const useDropdown: (version: string | undefined, options: DropdownOption[], onSelect: ((option: DropdownOption | DropdownOption[]) => void) | undefined, skipSorting?: boolean, isMultiSelect?: boolean, onSearch?: ((searchKey: string) => Promise<DropdownOption[]>) | undefined) => {
-    latestDropdownOptionsRef: import("react").MutableRefObject<DropdownOption[]>;
-    dropdownOptions: DropdownOption[];
-    search: (searchKey: string) => void;
-    searchedString: string;
-    searchedOptions: DropdownOption[];
-    onApplyHandler: (optionSelect: SingleOption, returnOnly?: boolean) => ({
-        label: string;
-        value: string;
-        description?: string | null | undefined;
-        selected?: boolean | undefined;
-        disabled?: boolean | undefined;
-        isFreeForm?: boolean | undefined;
-        subText?: string | undefined;
-        trailingIcon?: JSX.Element | undefined;
-        leadingIcon?: JSX.Element | undefined;
-        customComponent?: JSX.Element | undefined;
-        searchKey?: string | undefined;
-    } | {
-        label?: string | undefined;
-        value?: string | undefined;
-        description?: string | null | undefined;
-        selected?: boolean | undefined;
-        disabled?: boolean | undefined;
-        isFreeForm?: boolean | undefined;
-        subText?: string | undefined;
-        trailingIcon?: JSX.Element | undefined;
-        leadingIcon?: JSX.Element | undefined;
-        customComponent?: JSX.Element | undefined;
-        searchKey?: string | undefined;
-        options: SingleOption[];
-    })[] | undefined;
-    selectAllHandler: (newState: SelectAllCheckboxState) => void;
-    onMultiSelectClear: () => void;
-    onFreeFormSelect: (selected: boolean) => void;
-    onMultiSelectApply: (options?: DropdownOption[]) => void;
-    getSelectedOptions: (data: DropdownOption[]) => DropdownOption[];
-};

package/dist/cjs/components/dropdown/hooks/useDropdown.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../OpenedDropdown/utils/iterationOnOptions.js");exports.useDropdown=function(){let s=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"1.0",l=arguments.length>1?arguments[1]:void 0,n=arguments.length>2?arguments[2]:void 0,i=arguments.length>3?arguments[3]:void 0,c=arguments.length>4?arguments[4]:void 0,o=arguments.length>5?arguments[5]:void 0;const[a,u]=e.useState(null!=l?l:[]),[r,d]=e.useState([]),[p,v]=e.useState(""),O=e.useRef(a);e.useEffect((()=>{if(O.current=a,r.length&&p&&o){let e=[...r];const t=a.map((e=>e.options?e.options.map((e=>({value:e.value,selected:e.selected}))):{value:e.value,selected:e.selected})).flat();e=e.map((e=>{const s=t.find((t=>e.value===t.value));return s?Object.assign(Object.assign({},e),{selected:s.selected}):e})),d([...e])}}),[a]),e.useEffect((()=>{if(l){const e=[...l];u(c&&!i?[...e.sort((e=>e.selected?-1:1))]:[...e])}}),[l]);const f=e=>{const t=[];return e.forEach((e=>{if(e.options){const s=e.options.filter((e=>!0===e.selected));t.push(Object.assign(Object.assign({},e),{options:[...s]}))}else e.selected&&t.push(Object.assign({},e))})),t};function g(e,l){if(c)if(r.length&&p&&o)if(e.selected){let n=!1;const i=t.iterateOnOptions(a,{selected:e.selected},(t=>t.value===e.value&&(n=!0,!0)));if(n||i.push(e),l)return[...i];u([...i]),"2.0"===s&&b(i)}else{let n=!1,i=t.iterateOnOptions(a,{selected:e.selected},(t=>t.value===e.value&&(n=!0,!0)));if(n&&(i=i.filter((t=>t.value!==e.value))),l)return[...i];u([...i]),"2.0"===s&&b(i)}else{const n=t.iterateOnOptions(a,{selected:e.selected},(t=>t.value===e.value));if(l)return[...n];u([...n]),"2.0"===s&&b(n)}else null==n||n(e)}function b(e){const t=f(null!=e?e:O.current);null==n||n([...t])}return{latestDropdownOptionsRef:O,dropdownOptions:a,search:function(e){if(v(e),d([]),e&&o){const s=[];t.iterateOnOptionsRaw(a,(e=>{e.selected&&!s.includes(e.value)&&s.push(e.value)})),o(e).then((e=>{if(e){const t=e.map((e=>{if(e.options){const t=e;return Object.assign(Object.assign({},t),{options:t.options.map((e=>Object.assign(Object.assign({},e),{selected:s.includes(e.value)})))})}return Object.assign(Object.assign({},e),{selected:s.includes(e.value)})}));d([...t])}}))}},searchedString:p,searchedOptions:r,onApplyHandler:g,selectAllHandler:function(e){if(r.length&&p&&o)!function(e){let t=[...a];e?r.forEach((e=>{let s=!1;t=t.map((t=>{const l=e;return void 0!==l.value&&l.value===t.value?(s=!0,Object.assign(Object.assign({},t),{selected:!0})):t})),s||t.push(Object.assign(Object.assign({},e),{selected:!0}))})):r.forEach((e=>{t=t.map((t=>{const s=e;return void 0!==s.value&&s.value===t.value?Object.assign(Object.assign({},t),{selected:!1}):t}))})),u([...t]),"2.0"===s&&b(t)}("selectAll"===e);else if("selectAll"===e){const e=t.iterateOnOptions(a,{selected:!0},(e=>{var t;return p?(null===(t=e.label)||void 0===t?void 0:t.toLowerCase().includes(p.toLowerCase()))&&!e.disabled:!e.disabled}));u([...e]),"2.0"===s&&b(e)}else if("notSelected"===e){const e=t.iterateOnOptions(a,{selected:!1},(e=>!e.disabled));u([...e]),"2.0"===s&&b(e)}},onMultiSelectClear:function(){const e=t.iterateOnOptions(a,{selected:!1});u([...e]),"2.0"===s&&b(e)},onFreeFormSelect:function(e){if(!c)return void g({label:p,value:p,isFreeForm:!0,selected:!0});const t=a.map((t=>t.options?t:Object.assign(Object.assign({},t),{selected:t.label===p&&t.value===p?e:t.selected})));e&&(t.some((e=>e.label===p&&e.value===p))||t.unshift({label:p,value:p,isFreeForm:!0,selected:!0})),u([...t]),"2.0"===s&&b(t)},onMultiSelectApply:b,getSelectedOptions:f}};

package/dist/cjs/components/dropdown-button/DropdownButton.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { DropdownProps } from "../dropdown";
-import { ButtonProps } from '../button/model';
-export interface DropdownButtonProps {
-    dropdownProps: DropdownProps;
-    buttonProps: ButtonProps;
-    iconProps: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
-}
-export declare const DropdownButton: React.FC<DropdownButtonProps>;

package/dist/cjs/components/dropdown-button/DropdownButton.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),o=require("../dropdown/DropdownPopover/index.js");require("../dropdown/Dropdown.js"),require("react"),require("../zeroState/ZeroState.js"),require("../TypographyStyle.js"),require("../../constants/Theme.js"),require("../dropdown/OpenedDropdown/components/description/Description.styled.js"),require("../checkBox/CheckBox.styled.js"),require("../list-item/ListItem.js"),require("../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js"),require("../dropdown/OpenedDropdown/components/menu/MenuItem.js"),require("../dropdown/OpenedDropdown/components/menu/MenuList.styled.js");var r=require("../button/Button.js");require("../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js"),require("../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js"),require("../input/Input.js"),require("../dropdown/MenuItem/MenuItem.js");var t=require("./DropdownButton.style.js");exports.DropdownButton=n=>e.jsxs(t.DropdownButtonStyle,Object.assign({type:n.buttonProps.buttonType,disabled:n.buttonProps.disabled},{children:[e.jsx(r.Button,Object.assign({},n.buttonProps,{style:{borderRadius:"0px",borderTopLeftRadius:"4px",borderBottomLeftRadius:"4px"}})),e.jsx("div",{className:"divider"}),e.jsx(o.DropdownPopover,Object.assign({},n.dropdownProps,{children:e.jsx(r.Button,Object.assign({},n.buttonProps,{buttonText:"",TrailingIcon:n.iconProps,style:{borderRadius:"0px",borderTopRightRadius:"4px",borderBottomRightRadius:"4px"}}))}))]}));

package/dist/cjs/components/dropdown-button/DropdownButton.style.d.ts

@@ -1,5 +0,0 @@
-import { Type } from '../button/model';
-export declare const DropdownButtonStyle: import("styled-components").StyledComponent<"div", any, {
-    type: Type | undefined;
-    disabled: boolean | undefined;
-}, never>;

package/dist/cjs/components/dropdown-button/DropdownButton.style.js

@@ -1,9 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../constants/Theme.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const n=r(e).default.div`
-	display: flex;
-	flex-direction: row;
-	width: max-content;
-	.divider {
-		width: ${e=>["primary","destructive"].includes(e.type)?"1px":"0px"};
-		background-color: ${e=>{return r=e.type,(null==e?void 0:e.disabled)?t.COLORS.content.inactive:"primary"===r?"#CDA2FC":t.COLORS.content.primaryInverse;var r}};
-	}
-`;exports.DropdownButtonStyle=n;

package/dist/cjs/components/dropdown-button/index.d.ts

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

package/dist/cjs/components/dynamic-tabs/DynamicTabs.d.ts

@@ -1,19 +0,0 @@
-/// <reference types="react" />
-export interface DynamicTabsDetails {
-    id: number;
-    text: string;
-    action: (tabName: string) => void;
-    displayText?: string;
-}
-export interface DynamicTabsStyleDetails {
-    type: 'SQUARE' | 'CAPSULE';
-    style?: {
-        [property: string]: string | number;
-    };
-}
-export interface DynamicTabsProps {
-    tabsInfo: DynamicTabsDetails[];
-    tabStyleInfo: DynamicTabsStyleDetails;
-    selectedTabId?: number;
-}
-export declare const DynamicTabs: (props: DynamicTabsProps) => JSX.Element;

package/dist/cjs/components/dynamic-tabs/DynamicTabs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),o=require("react"),r=require("../../constants/Theme.js"),t=require("../TypographyStyle.js");exports.DynamicTabs=d=>{const[s,i]=o.useState(0),{tabsInfo:l,tabStyleInfo:a}=d;return o.useEffect((()=>{void 0!==d.selectedTabId&&null!==d.selectedTabId&&i(d.selectedTabId)}),[d.selectedTabId]),e.jsx("div",{children:e.jsx("div",Object.assign({style:{display:"flex",alignItems:"center",borderColor:r.DEFAULT_THEME.colorsV2.stroke.primary,backgroundColor:r.DEFAULT_THEME.colorsV2.surface.standard}},{children:l.map(((o,d)=>{var n,c,u,p,b,T,E;const y="CAPSULE"===a.type?null!==(c=null===(n=a.style)||void 0===n?void 0:n.borderTopLeftRadius)&&void 0!==c?c:20:0===d&&"SQUARE"===a.type?(null===(u=a.style)||void 0===u?void 0:u.borderTopLeftRadius)?a.style.borderTopLeftRadius:4:0,L="CAPSULE"===a.type?null!==(b=null===(p=a.style)||void 0===p?void 0:p.borderTopLeftRadius)&&void 0!==b?b:20:d===l.length-1&&"SQUARE"===a.type?(null===(T=a.style)||void 0===T?void 0:T.borderTopLeftRadius)?a.style.borderTopLeftRadius:4:0,f=o.id===s?r.DEFAULT_THEME.colorsV2.content.brand:r.DEFAULT_THEME.colorsV2.stroke.primary;return e.jsx("div",Object.assign({onClick:()=>{(e=>{i(e.id),e.action(e.text)})(o)},style:{cursor:"pointer",display:"flex",flex:1,width:"110px",borderTop:`1px solid ${f}`,borderBottom:`1px solid ${f}`,borderLeft:`1px solid ${f}`,borderRight:`${d===l.length-1&&"SQUARE"===a.type||"CAPSULE"===a.type||o.id===s?1:0}px solid ${f}`,backgroundColor:o.id===s?r.DEFAULT_THEME.colorsV2.background.brandLight:r.DEFAULT_THEME.colorsV2.surface.standard,borderTopLeftRadius:y,borderBottomLeftRadius:y,borderTopRightRadius:L,borderBottomRightRadius:L,padding:"8px 24px",marginRight:null===(E=a.style)||void 0===E?void 0:E.marginRight,justifyContent:"space-around"}},{children:e.jsx(t.BodySecondary,Object.assign({style:{color:o.id===s?r.DEFAULT_THEME.colorsV2.content.brand:r.DEFAULT_THEME.colorsV2.content.secondary}},{children:o.text}))}),o.id)}))}))})};

package/dist/cjs/components/dynamic-tabs/index.d.ts

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

package/dist/cjs/components/file-uploader/FileUploader.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { FileUploaderProps } from "./Models";
-export declare const FileUploader: React.FC<FileUploaderProps>;

package/dist/cjs/components/file-uploader/FileUploader.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),l=require("../button/Button.js"),i=require("../curtain/Curtain.js"),t=require("../curtain/CurtainHelper.js"),a=require("./FileUploaderStyle.js"),o=require("../input/Input.js"),d=require("../progress-bar/ProgressBarComponent.js"),r=require("../tooltips/Tooltip.js"),n=require("../TypographyStyle.js"),c=require("../../constants/Theme.js"),u=require("../../assets/icons/check.svg.js"),p=require("../../assets/icons/file.svg.js"),j=require("../../assets/icons/filePdf.svg.js"),h=require("../../assets/icons/image.svg.js"),v=require("../../assets/icons/triangle_error.svg.js"),f=require("../../assets/icons/upload.svg.js"),_=require("../../assets/icons/videoRecorder.svg.js");const g={PDF:"PDF",JPG:"IMAGE",JPEG:"IMAGE",PNG:"IMAGE",GIF:"IMAGE",SVG:"IMAGE",MP4:"VIDEO",MKV:"VIDEO",AVI:"VIDEO",WMV:"VIDEO",FILE:"FILE"};exports.FileUploader=b=>{var x,m;const[y,O]=s.useState(""),[U,w]=s.useState(""),[N,C]=s.useState(null),[S,I]=s.useState(!1),[F,L]=s.useState(),[T,E]=s.useState((null===(x=b.fileUploadRules.allowedFormats.split(",").map((e=>{var s,l;return null===(l=null===(s=null==e?void 0:e.split("/"))||void 0===s?void 0:s.at(-1))||void 0===l?void 0:l.toUpperCase()})))||void 0===x?void 0:x.join("/"))||"FILE"),M=e=>{const s=e.split(".").pop();if(null==b?void 0:b.fileName)return`${b.fileName}.${s}`;const l=new Date;return e.split(".")[0]+"_"+l.getTime().toString()+"."+s},R=e=>{if(!e)return"0 Bytes";const s=Math.floor(Math.log(e)/Math.log(1024));return`${parseFloat((e/Math.pow(1024,s)).toFixed(2))} ${["Bytes","KB","MB"][s]}`},P=e=>{var s;O("");const l=null===(s=null==e?void 0:e.files)||void 0===s?void 0:s[0],i=(e=>{if(!e)return"Please upload an file before saving!";const s=b.fileUploadRules.allowedSize[e.type.toLowerCase()];return s?e.size>s?`Max file size that can be added is ${R(s)}`:"":"Uploaded file type is not supported!"})(l);O(i),i?b.onError(i):(C(l),q(l),I(!0))},q=e=>{var s,l;if(!y){const i=M(e.name),t=(null===(s=i.split(".").at(-1))||void 0===s?void 0:s.toUpperCase())||"FILE";E(t),null===(l=b.uploadFile)||void 0===l||l.call(b,e,i).then((s=>{const l=((e,s,l)=>{const i=new Date;return{fileId:i.getTime().toString(),fileName:l,fileSize:R(e.size),fileType:e.type,fileUrl:s,uploadType:"FileUpload",uploadDate:i}})(e,s,i);I(!1),L(l)})).catch((e=>{const s=(null==e?void 0:e.message)||"Unknown technical error occured while uploading file!";b.onError(s)}))}},B=e=>{var s;e&&((e=>{try{return new URL(e),!0}catch(e){return!1}})(e)?null===(s=b.getFileMetaFromUrl)||void 0===s||s.call(b,e).then((s=>{var l,i;if(s&&s.type&&(null===(l=s.type.split("/").at(-1))||void 0===l?void 0:l.toLowerCase())===T.toLowerCase()){const l=b.fileUploadRules.allowedSize[s.type.toLowerCase()];if(l)if(s.size>l)w(`Max file size that can be added is ${R(l)}`);else{const l=(null===(i=s.type.split("/").at(-1))||void 0===i?void 0:i.toUpperCase())||"FILE";E(l);const t=M(`file.${l.toLowerCase()}`),a=new Date;L({fileId:a.getTime().toString(),fileName:t,fileSize:R(s.size),fileType:s.type,fileUrl:e,uploadType:"URL",uploadDate:a}),C(null)}else w("Uploaded file type is not supported!")}else w(`Please enter a valid ${T.toLowerCase()} URL`)}),(e=>{var s;return w(null!==(s=null==e?void 0:e.message)&&void 0!==s?s:"Please enter a valid image URL")})):w(`Please enter a valid ${T.toLowerCase()} URL`))},D=(s,l,i)=>"IMAGE"===g[T]?e.jsx(h.default,{color:s,height:l,width:i}):"VIDEO"===g[T]?e.jsx(_.default,{color:s,height:l,width:i}):"PDF"===g[T]?e.jsx(j.default,{color:s,height:l,width:i}):e.jsx(p.default,{color:s,height:l,width:i});return e.jsx(e.Fragment,{children:F&&(null===(m=Object.keys(F))||void 0===m?void 0:m.length)?e.jsxs(a.FileUploadedStyle,Object.assign({className:"fileUploaded"},{children:[e.jsxs("div",Object.assign({className:"fileUploaded__header"},{children:[e.jsx("div",Object.assign({className:"fileUploaded__header__icon"},{children:e.jsx(u.default,{color:c.COLORS.content.primaryInverse,height:46,width:40})})),e.jsx("div",Object.assign({className:"fileUploaded__header__title"},{children:e.jsxs(n.TitleMedium,{children:[T," uploaded successfully"]})}))]})),e.jsxs("div",Object.assign({className:"fileUploaded__body"},{children:[e.jsxs("div",Object.assign({className:"fileUploaded__body__file-detail"},{children:[e.jsx("div",Object.assign({className:"fileUploaded__body__file-detail__icon"},{children:D(c.COLORS.content.secondary,22,18)})),e.jsx("div",Object.assign({className:"fileUploaded__body__file-detail__name"},{children:e.jsx(n.BodySecondary,Object.assign({style:{overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"}},{children:null==F?void 0:F.fileName}))})),e.jsx("div",Object.assign({className:"fileUploaded__body__file-detail__size"},{children:null==F?void 0:F.fileSize}))]})),e.jsxs("div",Object.assign({className:"fileUploaded__body__buttons"},{children:[e.jsx("div",Object.assign({className:"fileUploaded__body__buttons__edit"},{children:e.jsx(l.Button,{buttonText:"Edit",buttonType:"secondary",matchParentWidth:!0,onClick:()=>{var e;L({}),null===(e=b.fileUploadRules.allowedFormats.split(",").map((e=>{var s,l;return null===(l=null===(s=null==e?void 0:e.split("/"))||void 0===s?void 0:s.at(-1))||void 0===l?void 0:l.toUpperCase()})))||void 0===e||e.join("/")}})})),e.jsx("div",Object.assign({className:"fileUploaded__body__buttons__done"},{children:e.jsx(l.Button,{buttonText:"Done",buttonType:"primary",matchParentWidth:!0,onClick:()=>b.onSuccess(N,F)})}))]}))]}))]})):e.jsxs(a.FileUploaderStyle,Object.assign({showProgressBar:S},{children:[e.jsxs("div",Object.assign({className:"fileUploader"},{children:[e.jsxs("div",Object.assign({className:"fileUploader__header"},{children:[e.jsx("div",Object.assign({className:"fileUploader__header__icon"},{children:D(c.COLORS.content.secondary,36,30)})),e.jsx(r.Tooltip,Object.assign({body:T,placement:"top"},{children:e.jsx("div",Object.assign({className:"fileUploader__header__title"},{children:e.jsx(n.TitleMedium,Object.assign({style:{display:"block",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}},{children:S?"Document upload in progress":`Upload ${T}`}))}))})),e.jsx("div",Object.assign({className:"fileUploader__header__caption"},{children:e.jsx(n.BodySecondary,Object.assign({style:{color:c.COLORS.content.secondary}},{children:S?`Your ${T} is getting loaded. This may take a couple of minutes.`:`${T.includes("/")?"Files":T+" format"} • Max ${R(Math.max(...Object.values(b.fileUploadRules.allowedSize)))}`}))}))]})),e.jsx("div",Object.assign({className:"fileUploader__body"},{children:S?e.jsxs(e.Fragment,{children:[e.jsx("div",Object.assign({className:"fileUploader__body__progress-bar"},{children:e.jsx(d.ProgressBarComponent,{completed:b.uploadProgress,isAnimated:!0})})),e.jsx("div",Object.assign({className:"fileUploader__body__cancel-button"},{children:e.jsx(l.Button,{buttonType:"tertiaryGray",buttonText:"cancel",onClick:()=>{I(!1),C(null),L({})}})}))]}):e.jsxs(e.Fragment,{children:[e.jsx("div",Object.assign({className:"fileUploader__body__link"},{children:e.jsx(o.Input,{type:"text",onChangeText:()=>w(""),placeholder:`Enter URL of the ${T.includes("/")?"file":T.toLowerCase()}`,width:"100%",height:"48px",labelText:`${T.includes("/")?"File":T} link`,errorMessage:U,onBlur:e=>B(e.target.value)})})),e.jsxs("div",Object.assign({className:"fileUploader__body__divider"},{children:[e.jsx("div",{className:"left"}),e.jsx("div",Object.assign({className:"title"},{children:e.jsx(n.BodyCaption,Object.assign({style:{color:c.COLORS.content.secondary}},{children:"Or upload from device"}))})),e.jsx("div",{className:"right"})]})),e.jsxs("div",Object.assign({className:"fileUploader__body__upload"},{children:[e.jsx("label",Object.assign({htmlFor:"file-upload-button",className:"file-upload-label"},{children:e.jsxs("div",Object.assign({className:"file-uploader"},{children:[e.jsx("div",{children:e.jsx(f.default,{height:18,width:18})}),e.jsx("div",{children:e.jsx(n.ButtonLarge,Object.assign({style:{color:c.COLORS.content.brand}},{children:"Upload"}))})]}))})),e.jsx("input",{id:"file-upload-button",type:"file",accept:b.fileUploadRules.allowedFormats,style:{opacity:0,position:"absolute",zIndex:-1},onChange:e=>P(e.target)})]}))]})}))]})),y&&e.jsx("div",Object.assign({className:"fileUploadError"},{children:e.jsx(i.Curtain,{type:t.CURTAIN_TYPES.NEGATIVE,mode:t.CURTAIN_MODE.LIGHT,text:y,hideCrossIcon:!0,icon:()=>e.jsx(v.default,{height:16,width:19,color:c.COLORS.content.negative})})}))]}))})};

package/dist/cjs/components/file-uploader/FileUploaderStyle.d.ts

@@ -1,7 +0,0 @@
-export declare const FileUploaderStyle: import("styled-components").StyledComponent<"div", any, {
-    showProgressBar: boolean;
-    width?: string | undefined;
-}, never>;
-export declare const FileUploadedStyle: import("styled-components").StyledComponent<"div", any, {
-    width?: string | undefined;
-}, never>;

package/dist/cjs/components/file-uploader/FileUploaderStyle.js

@@ -1,166 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),i=require("../../constants/Theme.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=t(e);const d=r.default.div`
-	height: 100%;
-	width: 440px;
-	border: 1px dashed ${i.COLORS.stroke.primary};
-	border-radius: 4px;
-	gap: 24px;
-	align-items: cneter;
-	background-color: ${i.COLORS.surface.subdued};
-	.fileUploader {
-		display: flex;
-		flex-direction: column;
-		padding: 24px;
-		gap: 32px;
-		&__header {
-			display: flex;
-			flex-direction: column;
-			align-items: center;
-			justify-content: center;
-			gap: 8px;
-			&__icon {
-				cursor: default;
-				display: flex;
-				width: 80px;
-				height: 80px;
-				background-color: ${i.COLORS.background.base};
-				border-radius: 50%;
-				align-items: center;
-				justify-content: center;
-			}
-			&__title {
-				cursor: default;
-				display: flex;
-				width: calc(100% - 24px);
-				justify-content: center;
-				padding-top: 8px;
-			}
-			&__caption {
-				cursor: default;
-			}
-		}
-		&__body {
-			display: flex;
-			flex-direction: column;
-			gap: 16px;
-			&__divider {
-				display: flex;
-				.left {
-					border-top: 1px solid ${i.COLORS.stroke.primary};
-					flex-grow: 1;
-					margin-top: 8px;
-					margin-right: 8px;
-				}
-				.right {
-					border-top: 1px solid ${i.COLORS.stroke.primary};
-					flex-grow: 1;
-					margin-top: 8px;
-					margin-left: 8px;
-				}
-			}
-			&__upload {
-				display: flex;
-				flex-direction: row;
-				width: 100%;
-				height: 40px;
-				border: 1px solid ${i.COLORS.content.brand};
-				border-radius: 4px;
-				label {
-					width: 100%;
-					height: 100%;
-					cursor: pointer;
-					.file-uploader {
-						display: flex;
-						flex-direction: row;
-						width: 100%;
-						height: 100%;
-						align-items: center;
-						justify-content: center;
-						color: ${i.COLORS.content.brand};
-						gap: 10px;
-					}
-				}
-			}
-			&__cancel-button {
-				align-self: center;
-			}
-		}
-	}
-
-	.fileUploadError {
-		height: 36px;
-		width: 100%;
-		position: relative;
-	}
-`,o=r.default.div`
-	display: flex;
-	flex-direction: column;
-	height: 100%;
-	width: 440px;
-	border: 1px dashed ${i.COLORS.stroke.primary};
-	border-radius: 4px;
-	gap: 24px;
-	align-items: cneter;
-	background-color: ${i.COLORS.surface.subdued};
-	padding: 60px 16px;
-	.fileUploaded {
-		width: 100%;
-		&__header {
-			display: flex;
-			flex-direction: column;
-			width: 100%;
-			align-items: center;
-			justify-content: center;
-			gap: 16px;
-			&__icon {
-				display: flex;
-				width: 80px;
-				height: 80px;
-				background-color: ${i.COLORS.background.positive.vibrant};
-				border-radius: 50%;
-				align-items: center;
-				justify-content: center;
-			}
-		}
-		&__body {
-			display: flex;
-			flex-direction: column;
-			width: 100%;
-			gap: 24px;
-			&__file-detail {
-				display: flex;
-				flex-direction: row;
-				height: 56px;
-				background-color: ${i.COLORS.surface.standard};
-				border: 1px solid ${i.COLORS.stroke.primary};
-				border-radius: 4px;
-				align-items: center;
-				padding: 16px;
-				gap: 12px;
-				&__icon {
-					display: flex;
-					width: fit-content;
-				}
-				&__name {
-					overflow: hidden;
-					white-space: nowrap;
-					text-overflow: ellipsis;
-				}
-				&__size {
-					display: flex;
-					margin-left: auto;
-					width: fit-content;
-				}
-			}
-			&__buttons {
-				display: flex;
-				flex-direction: row;
-				gap: 12px;
-				&__edit,
-				&__done {
-					display: flex;
-					flex: 1;
-				}
-			}
-		}
-	}
-`;exports.FileUploadedStyle=o,exports.FileUploaderStyle=d;

package/dist/cjs/components/file-uploader/Models.d.ts

@@ -1,34 +0,0 @@
-export interface FileMetaData {
-    fileId: string;
-    fileName: string;
-    fileSize: string;
-    fileType: string;
-    fileUrl: string;
-    uploadType: 'URL' | 'FileUpload';
-    uploadDate: Date;
-}
-export interface FileUploadRules {
-    allowedFormats: string;
-    allowedSize: {
-        [key: string]: number;
-    };
-}
-export interface FileUploaderInterface {
-    onFileUpload: (file: File, metaData: FileMetaData) => void;
-    fileUploadRules: FileUploadRules;
-    onError: (error: string) => void;
-}
-export interface FileMetaFromUrl {
-    type: string;
-    size: number;
-}
-export interface FileUploaderProps {
-    uploadFile?: (file: File, fileName: string) => Promise<string>;
-    getFileMetaFromUrl?: (url: string) => Promise<FileMetaFromUrl>;
-    fileUploadRules: FileUploadRules;
-    onError: (error: string) => void;
-    uploadProgress: number;
-    onCancel: () => void;
-    onSuccess: (file: File, fileMeta: FileMetaData) => void;
-    fileName?: string;
-}

package/dist/cjs/components/file-uploader/index.d.ts

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

package/dist/cjs/components/file-uploader/useMockUrlUpload.d.ts

@@ -1,8 +0,0 @@
-import { FileMetaFromUrl } from "./Models";
-interface URLUploadOptions {
-    getFileMetaFromUrl: (url: string) => Promise<FileMetaFromUrl>;
-    error?: string;
-    success?: boolean;
-}
-declare const useMockUrlUpload: () => URLUploadOptions;
-export default useMockUrlUpload;

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/image-cropper/BikImageCropper.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import 'react-image-crop/dist/ReactCrop.css';
-export interface BikImageCropperProps {
-    aspectRatio?: number;
-    src: string;
-    onCropComplete: (base64String: string, didChange: boolean) => void;
-    onCancel: () => void;
-}
-export declare const BikImageCropper: (props: BikImageCropperProps) => JSX.Element;
-export default BikImageCropper;

package/dist/cjs/components/image-cropper/BikImageCropper.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),i=require("react"),r=require("react-image-crop"),o=require("../modals/styledModal.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=a(r);const l=r=>{const[a,l]=i.useState(!1),[c,d]=i.useState(void 0),[s,h]=i.useState({width:0,height:0}),u=(t,i,r,o)=>e.__awaiter(void 0,void 0,void 0,(function*(){const e=document.createElement("canvas");e.width=i.width,e.height=i.height;const a=e.getContext("2d");if(!a)throw new Error("Failed to get 2D context of canvas.");a.drawImage(t,i.x*r,i.y*o,i.width*r,i.height*o,0,0,i.width,i.height);try{return e.toDataURL("image/png")}catch(e){throw new Error("Failed to create blob for cropped image.")}}));return t.jsx(o.StyledModal,Object.assign({open:!0,onClose:r.onCancel,centralContainerStyles:{width:700,maxHeight:700},headingTitle:"Crop Image",primaryButton:{buttonText:"Save",onClick:()=>{var t;t=c,e.__awaiter(void 0,void 0,void 0,(function*(){var e,i;if(r.src&&(null==t?void 0:t.width)&&(null==t?void 0:t.height)){const i=new Image;i.src=r.src;const o=i.naturalWidth/s.width,n=i.naturalHeight/s.height,l=yield u(i,t,o,n);null===(e=null==r?void 0:r.onCropComplete)||void 0===e||e.call(r,l,a)}else null===(i=null==r?void 0:r.onCropComplete)||void 0===i||i.call(r,r.src,a)}))}}},{children:t.jsx("div",Object.assign({style:{width:"100%",height:"100%",display:"flex",justifyContent:"center",alignItems:"center"}},{children:t.jsx("div",{children:t.jsx(n.default,Object.assign({crop:c,onChange:e=>{d(e)},circularCrop:!1,onDragStart:()=>{l(!0)},aspect:r.aspectRatio},{children:t.jsx("img",{style:{maxWidth:700,maxHeight:550,objectFit:"contain"},src:r.src,alt:"image cropper",onLoad:e=>{const t=e.target,i=t.width;h({width:i,height:t.height})}})}))})}))}))};exports.BikImageCropper=l,exports.default=l;