@bikdotai/bik-component-library 0.0.68-6.beta-1 → 0.0.69

package/dist/cjs/components/discount-modal/DynamicCoupon/ZeroState.js

@@ -1,16 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("styled-components"),r=require("../../TypographyStyle.js"),s=require("../../../constants/Theme.js"),i=require("../../../assets/icons/cursor.svg.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=n(t);const c=o.default.div`
-	display: flex;
-	flex-direction: column;
-	gap: 10px;
-	padding: 40px 0;
-	justify-content: center;
-	align-items: center;
-`,d=o.default.div`
-	height: 52px;
-	width: 52px;
-	background-color: ${s.DEFAULT_THEME.colorsV2.background.inverse};
-	border-radius: 50%;
-	display: flex;
-	justify-content: center;
-	align-items: center;
-`;exports.default=()=>e.jsxs(c,{children:[e.jsx(d,{children:e.jsx(i.default,{width:32,color:s.DEFAULT_THEME.colorsV2.content.primaryInverse})}),e.jsx(r.TitleMedium,{children:"No discount has been selected"}),e.jsx(r.BodyPrimary,{children:"Please select a discount type"})]});

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

@@ -1,12 +0,0 @@
-import React from 'react';
-import { ICouponData, IStaticDiscountValidationError } from "../type";
-interface StaticCouponI {
-    discountData: ICouponData;
-    setDiscountData: React.Dispatch<React.SetStateAction<ICouponData>>;
-    hideProbability: boolean;
-    discountAdminUrl?: string;
-    staticDiscountValidationError?: IStaticDiscountValidationError;
-    currency?: string;
-}
-declare const StaticCoupon: React.FC<StaticCouponI>;
-export default StaticCoupon;

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var i=require("react/jsx-runtime"),t=require("../../../assets/icons/info.svg.js"),e=require("../../alerts/Alert.js"),a=require("../../alerts/AlertHelper.js"),o=require("../../input/Input.js"),n=require("../../../constants/Theme.js"),s=require("../DiscountModal.styled.js");exports.default=r=>{var l,d,c,u,p,v,b,D,x;return i.jsxs(s.StaticCouponContainerStyled,{children:[i.jsxs("div",Object.assign({className:"static-coupon__data"},{children:[i.jsx("div",Object.assign({className:"static-input__wrapper"},{children:i.jsx(o.Input,{maxCharLimit:30,onChangeText:i=>{r.setDiscountData(Object.assign(Object.assign({},r.discountData),{couponCode:null==i?void 0:i.trim()}))},labelText:"Discount Code",value:r.discountData.couponCode,placeholder:"Eg. FLAT15OFF",isRequired:!0,errorMessage:(null===(l=r.staticDiscountValidationError)||void 0===l?void 0:l.invalidDiscountCode)?"Required Field":"",state:(null===(d=r.staticDiscountValidationError)||void 0===d?void 0:d.invalidDiscountCode)?"invalid":"none",hintText:"Code created on Shopify"})})),i.jsx("div",Object.assign({className:"static-input__wrapper"},{children:i.jsx(o.Input,{maxCharLimit:30,labelText:"Discount Coupon Title",value:r.discountData.title,onChangeText:i=>{r.setDiscountData(Object.assign(Object.assign({},r.discountData),{title:null==i?void 0:i.trim()}))},hintText:"Same for everyone. Can’t be changed later",isRequired:!0,placeholder:`Eg. “Flat ${null!==(c=r.currency)&&void 0!==c?c:""}15 Off”`,errorMessage:(null===(u=r.staticDiscountValidationError)||void 0===u?void 0:u.invalidCouponTitle)?"Required Field":"",state:(null===(p=r.staticDiscountValidationError)||void 0===p?void 0:p.invalidCouponTitle)?"invalid":"none"})}))]})),i.jsx(o.Input,{maxCharLimit:60,labelText:"Coupon Description",value:r.discountData.description,onChangeText:i=>{r.setDiscountData(Object.assign(Object.assign({},r.discountData),{description:null==i?void 0:i.trim()}))},placeholder:"Eg. “Get Flat 15% off”",isRequired:!0,errorMessage:(null===(v=r.staticDiscountValidationError)||void 0===v?void 0:v.invalidCouponDescription)?"Required Field":"",state:(null===(b=r.staticDiscountValidationError)||void 0===b?void 0:b.invalidCouponDescription)?"invalid":"none"}),!r.hideProbability&&i.jsx(o.Input,{labelText:"Probability of getting coupon",value:null!==r.discountData.probability&&void 0!==r.discountData.probability?r.discountData.probability.toString():"",type:"number",onChangeText:i=>{r.setDiscountData(Object.assign(Object.assign({},r.discountData),{probability:i.startsWith(".")?parseFloat(parseFloat(`0${i}`).toFixed(2)):parseFloat(parseFloat(i).toFixed(2))}))},placeholder:"Eg. 0.5",width:"288px",hintText:"Enter a decimal value between 0-1",isRequired:!0,errorMessage:(null===(D=r.staticDiscountValidationError)||void 0===D?void 0:D.inValidProbability)?"Enter probability in decimals (0 - 1)":"",state:(null===(x=r.staticDiscountValidationError)||void 0===x?void 0:x.inValidProbability)?"invalid":"none"}),r.discountAdminUrl&&i.jsx(e.Alert,{type:a.ALERT_TYPES.NEUTRAL,text:"To create a discount code on Shopify,",contentPosition:a.CONTENT_POSITION.START,redirectToText:"click here",redirectTo:r.discountAdminUrl,icon:()=>i.jsx(t.default,{width:16,height:16,color:n.DEFAULT_THEME.colorsV2.content.secondary})})]})};

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

@@ -1,3 +0,0 @@
-export * from './DiscountModal';
-export * from './CouponExpiration/CouponExpiration';
-export * from './type';

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

@@ -1,107 +0,0 @@
-import { SelectedItems } from '../product-picker-v2';
-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 {
-    AMOUNT_OFF_PRODUCTS = "amountOffProducts",
-    AMOUNT_OFF_ORDER = "amountOffOrder",
-    BUY_X_GET_Y = "buyXGetY",
-    FREE_SHIPPING = "freeShipping"
-}
-export declare enum DISCOUNT_APPLIES_TO {
-    ENTIRE_ORDER = "entireOrder",
-    SPECIFIC_PRODUCTS = "specificProducts",
-    SPECIFIC_COLLECTIONS = "specificCollections"
-}
-export declare enum OFFER_APPLIES_TO {
-    SPECIFIC_PRODUCTS = "specificProducts",
-    SPECIFIC_COLLECTIONS = "specificCollections"
-}
-export interface ProductVariable {
-    displayName: string;
-    actualValue: string;
-    isAvailable: boolean;
-}
-export declare enum COUPON_EXPIRATION {
-    FIXED_EXPIRATION = "fixedExpiration",
-    DYNAMIC_EXPIRATION = "dynamicExpiration"
-}
-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;
-    productsConf?: {
-        entitledProducts: SelectedItems;
-        prerequisiteProducts: SelectedItems;
-    };
-    collectionsConf?: {
-        entitledCollections: SelectedItems;
-        prerequisiteCollections: SelectedItems;
-    };
-    productVariableConf?: {
-        entitledProductVariable: ProductVariable;
-        prerequisiteProductVariable: ProductVariable;
-    };
-}
-export interface IStaticDiscountValidationError {
-    invalidDiscountCode: boolean;
-    invalidCouponDescription: boolean;
-    invalidCouponTitle: boolean;
-    inValidProbability: boolean;
-}
-export interface IDynamicDiscountValidationError {
-    invalidCouponTitle: boolean;
-    inValidProbability: boolean;
-    inValidDiscountAmount: boolean;
-    inValidMinimumQuantity: boolean;
-    inValidMinimumAmount: boolean;
-    inValidCouponExpiry: boolean;
-    inValidProductSelection: boolean;
-    inValidProductVariableSelection: boolean;
-    inValidCollectionSelection: boolean;
-    inValidBuyXValue: boolean;
-    inValidGetYValue: boolean;
-    inValidBuyXProductSelection: boolean;
-    inValidGetYProductSelection: boolean;
-    inValidBuyXCollectionSelection: boolean;
-    inValidGetYCollectionSelection: boolean;
-    inValidBuyXProductVariableSelection: boolean;
-    inValidGetYProductVariableSelection: boolean;
-}
-export declare const initialStaticCouponErrorState: IStaticDiscountValidationError;
-export declare const initialDynamicCouponErrorState: IDynamicDiscountValidationError;

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

@@ -1 +0,0 @@
-"use strict";var i,e,o,t,E,T,n,I;Object.defineProperty(exports,"__esModule",{value:!0}),exports.MIN_PURCHASE_REQUIREMENT=void 0,(i=exports.MIN_PURCHASE_REQUIREMENT||(exports.MIN_PURCHASE_REQUIREMENT={})).AMOUNT="amount",i.QUANTITY="quantity",i.NA="na",exports.DISCOUNT_VALUE_TYPES=void 0,(e=exports.DISCOUNT_VALUE_TYPES||(exports.DISCOUNT_VALUE_TYPES={})).FIXED_AMOUNT="fixedAmount",e.PERCENTAGE="percentage",exports.DISCOUNT_TARGET_TYPES=void 0,(o=exports.DISCOUNT_TARGET_TYPES||(exports.DISCOUNT_TARGET_TYPES={})).LINE_ITEM="lineItem",o.SHIPPING_LINE="shippingLine",exports.DISCOUNT_TARGET_SELECTION=void 0,(t=exports.DISCOUNT_TARGET_SELECTION||(exports.DISCOUNT_TARGET_SELECTION={})).ENTITLED="entitled",t.ALL="all",exports.DISCOUNT_TYPES=void 0,(E=exports.DISCOUNT_TYPES||(exports.DISCOUNT_TYPES={})).AMOUNT_OFF_PRODUCTS="amountOffProducts",E.AMOUNT_OFF_ORDER="amountOffOrder",E.BUY_X_GET_Y="buyXGetY",E.FREE_SHIPPING="freeShipping",exports.DISCOUNT_APPLIES_TO=void 0,(T=exports.DISCOUNT_APPLIES_TO||(exports.DISCOUNT_APPLIES_TO={})).ENTIRE_ORDER="entireOrder",T.SPECIFIC_PRODUCTS="specificProducts",T.SPECIFIC_COLLECTIONS="specificCollections",exports.OFFER_APPLIES_TO=void 0,(n=exports.OFFER_APPLIES_TO||(exports.OFFER_APPLIES_TO={})).SPECIFIC_PRODUCTS="specificProducts",n.SPECIFIC_COLLECTIONS="specificCollections",exports.COUPON_EXPIRATION=void 0,(I=exports.COUPON_EXPIRATION||(exports.COUPON_EXPIRATION={})).FIXED_EXPIRATION="fixedExpiration",I.DYNAMIC_EXPIRATION="dynamicExpiration";exports.initialDynamicCouponErrorState={inValidProbability:!1,invalidCouponTitle:!1,inValidDiscountAmount:!1,inValidProductSelection:!1,inValidCollectionSelection:!1,inValidProductVariableSelection:!1,inValidMinimumQuantity:!1,inValidMinimumAmount:!1,inValidCouponExpiry:!1,inValidBuyXValue:!1,inValidGetYValue:!1,inValidBuyXProductSelection:!1,inValidGetYProductSelection:!1,inValidBuyXCollectionSelection:!1,inValidGetYCollectionSelection:!1,inValidBuyXProductVariableSelection:!1,inValidGetYProductVariableSelection:!1},exports.initialStaticCouponErrorState={invalidDiscountCode:!1,invalidCouponDescription:!1,invalidCouponTitle:!1,inValidProbability:!1};

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

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

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

@@ -1,7 +0,0 @@
-import React from 'react';
-import { DropdownProps } from './Dropdown';
-export declare const ChipDropdown: React.FC<DropdownProps>;
-export declare const ChipDropdownContainer: import("styled-components").StyledComponent<"div", any, {
-    width?: string | undefined;
-    height?: string | undefined;
-}, never>;

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

@@ -1,14 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),r=require("react"),i=require("styled-components"),o=require("../tag/Tag.js"),n=require("../../constants/Theme.js"),s=require("../../assets/icons/chevronDown.svg.js"),l=require("../../assets/icons/chevronDownOutline.svg.js"),a=require("../../assets/icons/chevronUpOutline.svg.js"),d=require("../TypographyStyle.js"),u=require("./DropdownPopover/index.js");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=p(i);const h=i=>{var{placeHolder:p,onSelect:c}=i,h=e.__rest(i,["placeHolder","onSelect"]);const[j,x]=r.useState(!1),v=r.useRef();return t.jsx(u.DropdownPopover,Object.assign({ref:v,onDropdownVisbilityChange:e=>x(e),onSelect:function(e){null==c||c(e)}},h,{children:"default"==h.inputType?t.jsxs(g,Object.assign({width:null==h?void 0:h.width,height:null==h?void 0:h.height},{children:[t.jsx(d.BodySecondary,Object.assign({color:n.COLORS.content.placeholder},{children:p})),t.jsx(s.default,{style:{transform:j?"rotate(180deg)":"rotate(0deg)"},width:20,height:20,color:n.COLORS.content.primary})]})):t.jsx(o.Tag,{tagText:null!=p?p:"",theme:"light",type:"neutral",variant:"regular",TrailingIcon:j?a.default:l.default})}))};h.displayName="ChipDropdown";const g=c.default.div`
-	display: flex;
-	flex-direction: row;
-	width: ${e=>(null==e?void 0:e.width)?e.width:"240px"};
-	height: ${e=>(null==e?void 0:e.height)?e.height:"32px"};
-	gap: 8px;
-	justify-content: space-between;
-	align-items: center;
-	border: 1px solid ${n.COLORS.stroke.primary};
-	border-radius: 4px;
-	padding-left: 8px;
-	padding-right: 8px;
-	cursor: pointer;
-`;exports.ChipDropdown=h,exports.ChipDropdownContainer=g;

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

@@ -1,14 +0,0 @@
-import React from 'react';
-import { SingleOption } from './type';
-interface ChipInputProps {
-    placeholder?: string;
-    chips: SingleOption[];
-    onDeleteChip: (chip: SingleOption) => void;
-    containerStyle?: React.CSSProperties;
-    isDropdownOpened?: boolean;
-    sizeToUse?: 'default' | 'small' | 'x-small';
-    errorMessage?: string;
-    showLabelsOnMoreHover?: boolean;
-}
-declare const ChipInput: React.FC<ChipInputProps>;
-export default ChipInput;

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),s=require("../../utils/StringUtils.js"),l=require("../../constants/Theme.js"),r=require("../../assets/icons/chevronDown.svg.js"),i=require("../../assets/icons/cross.svg.js"),n=require("../../assets/icons/errorInfo.svg.js"),o=require("../input/Input.styled.js"),a=require("../tag/Tag.js"),c=require("../tooltips/Tooltip.js"),d=require("../TypographyStyle.js"),h=require("./Common.styled.js");exports.default=j=>{let{chips:g,onDeleteChip:u,containerStyle:p={},sizeToUse:x="default",isDropdownOpened:O,placeholder:b="Select..",errorMessage:y="",showLabelsOnMoreHover:m=!1}=j;const[v,f]=t.useState(),[q,C]=t.useState(0),[S,T]=t.useState([]);return t.useEffect((()=>{if(!g)return;let e=0;const t=(e=>1===e.length?100:2===e.length?40:34)(g);let s=g.filter((s=>(e+=s.label.length,e<=t)));0===s.length&&g.length>0&&(s=[g[0]]),f(s);const l=g.filter((e=>!s.includes(e))).map((e=>e.label));T(l),C(g.length-s.length)}),[g]),e.jsxs(e.Fragment,{children:[e.jsxs(h.ChipInputWrapper,Object.assign({style:Object.assign({},p),error:!!y},{children:[e.jsxs("div",Object.assign({className:"chips-container"},{children:[null==v?void 0:v.map(((t,l)=>e.jsx("div",Object.assign({style:{zIndex:2}},{children:e.jsx(a.Tag,Object.assign({tagText:s.default.truncateText(t.selectedLabel||t.label,40),TrailingIcon:()=>e.jsx(i.default,{width:12,height:12,style:{cursor:"pointer"},onClick:()=>{u(t)}})},{children:t.selectedLabel||t.label}))}),l))),!!q&&e.jsx("div",Object.assign({style:{position:"relative",zIndex:2,pointerEvents:"auto"}},{children:e.jsx(c.Tooltip,Object.assign({body:"",placement:"bottom",tooltipContent:m&&S.length>0?e.jsx("div",Object.assign({style:{padding:"4px"}},{children:S.map(((t,s)=>e.jsx(d.BodyCaption,Object.assign({style:{color:l.COLORS.text.white}},{children:t}),s)))})):void 0},{children:e.jsx(d.BodyCaption,Object.assign({color:l.COLORS.content.placeholder},{children:`+${q} more`}))}))})),0===g.length&&e.jsx("div",Object.assign({style:{color:l.COLORS.content.placeholder}},{children:b}))]})),e.jsx("div",{children:e.jsx(r.default,{style:{transform:O?"rotate(180deg)":"rotate(0deg)"},width:"x-small"===x?16:"small"===x?20:24,height:"x-small"===x?16:"small"===x?20:24,color:l.COLORS.content.primary})})]})),!!y&&e.jsxs(o.InputFooter,Object.assign({invalid:!0},{children:[!!y&&e.jsx(n.default,{width:16,height:16}),y]}))]})};

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

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

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

@@ -1,20 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../assets/icons/horizontal_dots.svg.js"),s=require("../../../assets/icons/vertical_dots.svg.js"),o=require("styled-components"),t=require("../../icon-button/IconButton.js"),i=require("../../../constants/Theme.js"),n=require("../DropdownPopover/index.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const a=d(o).default.div`
-	:hover {
-		background: ${i.COLORS.surface.subdued};
-	}
-	position: ${e=>e.isNewTag?"relative":""};
-	.new--tag {
-		box-sizing: border-box;
-		position: absolute;
-		right: -8px;
-		top: -5px;
-		border-radius: 50%;
-		width: 14px;
-		height: 14px;
-		background: ${i.COLORS.background.negative.vibrant};
-		border: 1.25px solid ${i.COLORS.surface.standard};
-		display: flex;
-		justify-content: center;
-		align-items: center;
-	}
-`,u=o=>e.jsx(a,Object.assign({isNewTag:o.isNewTag},{children:e.jsxs(n.DropdownPopover,Object.assign({},o,{children:[e.jsx("div",{children:e.jsx(t.IconButton,{Icon:o.isHorizontal?r.default:s.default,bordered:!(null==o?void 0:o.hideBorder)})}),o.isNewTag?e.jsx("div",{className:"new--tag"}):null]}))}));u.displayName="MenuItemDropdown",exports.MenuItemDropdown=u;

package/dist/cjs/components/dropdown/MultilevelDropdownPopover/index.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-import { Placement } from "../../tooltips";
-import { OpenDropdownProps } from '../type';
-export declare const MultilevelDropdownPopover: React.ForwardRefExoticComponent<OpenDropdownProps & {
-    isLoading?: boolean | undefined;
-    children?: React.ReactNode;
-    disabled?: boolean | undefined;
-    onDropdownOpen?: (() => void) | undefined;
-    onDropdownVisbilityChange?: ((isOpen: boolean) => void) | undefined;
-    tooltipContent?: string | undefined;
-    tooltipDirection?: Placement | undefined;
-    showTooltipArrow?: boolean | undefined;
-} & React.RefAttributes<{
-    openDropdown: boolean;
-}>>;

package/dist/cjs/components/dropdown/MultilevelDropdownPopover/index.js

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

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

@@ -1,52 +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, disableOtherSearchedOption?: boolean, disableSearchedOptionExcept?: string[], maxSelections?: number) => {
-    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;
-        selectedLabel?: string | undefined;
-        children?: SingleOption[] | undefined;
-        parent?: SingleOption | undefined;
-        'data-test'?: 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;
-        selectedLabel?: string | undefined;
-        children?: SingleOption[] | undefined;
-        parent?: SingleOption | undefined;
-        'data-test'?: string | undefined;
-        options: SingleOption[];
-    })[] | undefined;
-    selectAllHandler: (newState: SelectAllCheckboxState) => void;
-    onMultiSelectClear: () => void;
-    onFreeFormSelect: (selected: boolean) => void;
-    onMultiSelectApply: (options?: DropdownOption[]) => void;
-    getSelectedOptions: (data: DropdownOption[]) => DropdownOption[];
-    getCurrentSelectionCount: (data: DropdownOption[]) => number;
-    isMaxSelectionsReached: (data: DropdownOption[]) => boolean;
-    maxSelections: number | undefined;
-};

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",n=arguments.length>1?arguments[1]:void 0,l=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,a=arguments.length>6?arguments[6]:void 0,u=arguments.length>7&&void 0!==arguments[7]?arguments[7]:[],r=arguments.length>8?arguments[8]:void 0;const[d,p]=e.useState(null!=n?n:[]),[v,f]=e.useState([]),[O,g]=e.useState(""),b=e.useRef(d);e.useEffect((()=>{if(b.current=d,v.length&&O&&o){let e=[...v];const t=d.map((e=>{if(e.options)return e.options.map((e=>({value:e.value,selected:e.selected})));const t=e;return{value:t.value,selected:t.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})),a&&(e=e.map((e=>Object.assign(Object.assign({},e),{disabled:!u.includes(e.value)})))),f(c&&!i?[...e.sort((e=>e.selected?-1:1))]:[...e])}}),[d]),e.useEffect((()=>{if(n){const e=[...n];p(c&&!i?[...e.sort((e=>e.selected?-1:1))]:[...e])}}),[n]);const h=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},j=e=>{let t=0;return e.forEach((e=>{e.options?t+=e.options.filter((e=>!0===e.selected)).length:e.selected&&t++})),t},m=e=>!(!c||!r&&0!==r)&&j(e)>=r;function S(e,n){if(c){if(e.selected&&r&&m(d))return;if(v.length&&O&&o)if(e.selected){if(r&&m(d))return;let l=!1;const i=t.iterateOnOptions(d,{selected:e.selected},(t=>t.value===e.value&&(l=!0,!0)));if(l||i.push(e),n)return[...i];p([...i]),"2.0"===s&&w(i)}else{let l=!1,i=t.iterateOnOptions(d,{selected:e.selected},(t=>t.value===e.value&&(l=!0,!0)));if(l&&(i=i.filter((t=>t.value!==e.value))),n)return[...i];p([...i]),"2.0"===s&&w(i)}else{const l=t.iterateOnOptions(d,{selected:e.selected},(t=>t.value===e.value));if(n)return[...l];p([...l]),"2.0"===s&&w(l)}}else null==l||l(e)}function w(e){const t=h(null!=e?e:b.current);null==l||l([...t])}return{latestDropdownOptionsRef:b,dropdownOptions:d,search:function(e){if(g(e),f([]),e&&o){const s=[];t.iterateOnOptionsRaw(d,(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)})}));f([...t])}}))}},searchedString:O,searchedOptions:v,onApplyHandler:S,selectAllHandler:function(e){if(v.length&&O&&o)!function(e){let t=[...d];e?v.forEach((e=>{let s=!1;t=t.map((t=>{const n=e;return void 0!==n.value&&n.value===t.value?(s=!0,Object.assign(Object.assign({},t),{selected:!0})):t})),s||t.push(Object.assign(Object.assign({},e),{selected:!0}))})):v.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}))})),p([...t]),"2.0"===s&&w(t)}("selectAll"===e);else if("selectAll"===e){const e=t.iterateOnOptions(d,{selected:!0},(e=>{var t;return O?(null===(t=e.label)||void 0===t?void 0:t.toLowerCase().includes(O.toLowerCase()))&&!e.disabled:!e.disabled}));p([...e]),"2.0"===s&&w(e)}else if("notSelected"===e){const e=t.iterateOnOptions(d,{selected:!1},(e=>!e.disabled));p([...e]),"2.0"===s&&w(e)}},onMultiSelectClear:function(){const e=t.iterateOnOptions(d,{selected:!1});p([...e]),"2.0"===s&&w(e)},onFreeFormSelect:function(e){if(!c)return void S({label:O,value:O,isFreeForm:!0,selected:!0});const t=d.map((t=>t.options?t:Object.assign(Object.assign({},t),{selected:t.label===O&&t.value===O?e:t.selected})));e&&(t.some((e=>e.label===O&&e.value===O))||t.unshift({label:O,value:O,isFreeForm:!0,selected:!0})),p([...t]),"2.0"===s&&w(t)},onMultiSelectApply:w,getSelectedOptions:h,getCurrentSelectionCount:j,isMaxSelectionsReached:m,maxSelections:r}};

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("../dropdown/ChipDropdown.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("../icon-button/IconButton.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",borderRight:"0px"}})),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,24 +0,0 @@
-/// <reference types="react" />
-import { TooltipProps } from '../tooltips/Tooltip';
-export interface DynamicTabsDetails {
-    id: number;
-    text: string;
-    action: (tabName: string) => void;
-    displayText?: string;
-    tooltipProps?: TooltipProps;
-}
-export interface DynamicTabsStyleDetails {
-    type: 'SQUARE' | 'CAPSULE';
-    size?: 'REGULAR' | 'SMALL';
-    style?: {
-        [property: string]: string | number;
-    };
-}
-export interface DynamicTabsProps {
-    tabsInfo: DynamicTabsDetails[];
-    tabStyleInfo: DynamicTabsStyleDetails;
-    selectedTabId?: number;
-    wrapperStyle?: React.CSSProperties;
-    tabWidth?: string;
-}
-export declare const DynamicTabs: (props: DynamicTabsProps) => import("react/jsx-runtime").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"),t=require("../../constants/Theme.js"),r=require("../tooltips/Tooltip.js"),d=require("../TypographyStyle.js");exports.DynamicTabs=s=>{var i;const[l,n]=o.useState(0),{tabsInfo:a,tabStyleInfo:c}=s;return o.useEffect((()=>{void 0!==s.selectedTabId&&null!==s.selectedTabId&&n(s.selectedTabId)}),[s.selectedTabId]),e.jsx("div",Object.assign({style:null!==(i=s.wrapperStyle)&&void 0!==i?i:{}},{children:e.jsx("div",Object.assign({style:{display:"flex",alignItems:"center",borderColor:t.DEFAULT_THEME.colorsV2.stroke.primary,backgroundColor:"SMALL"===(null==c?void 0:c.size)?"unset":t.DEFAULT_THEME.colorsV2.surface.standard}},{children:a.map(((o,i)=>{var u,p,b,T,y,E,v,L,x;const g="CAPSULE"===c.type?null!==(p=null===(u=c.style)||void 0===u?void 0:u.borderTopLeftRadius)&&void 0!==p?p:20:0===i&&"SQUARE"===c.type?(null===(b=c.style)||void 0===b?void 0:b.borderTopLeftRadius)?c.style.borderTopLeftRadius:4:0,f="CAPSULE"===c.type?null!==(y=null===(T=c.style)||void 0===T?void 0:T.borderTopLeftRadius)&&void 0!==y?y:20:i===a.length-1&&"SQUARE"===c.type?(null===(E=c.style)||void 0===E?void 0:E.borderTopLeftRadius)?c.style.borderTopLeftRadius:4:0,R=o.id===l?t.DEFAULT_THEME.colorsV2.content.brand:t.DEFAULT_THEME.colorsV2.stroke.primary;return e.jsx(r.Tooltip,Object.assign({},null!==(v=o.tooltipProps)&&void 0!==v?v:{},{children:e.jsx("div",Object.assign({onClick:()=>{(e=>{n(e.id),e.action(e.text)})(o)},style:{cursor:"pointer",display:"flex",flex:1,width:null!==(L=s.tabWidth)&&void 0!==L?L:"110px",borderTop:`1px solid ${R}`,borderBottom:`1px solid ${R}`,borderLeft:`1px solid ${R}`,borderRight:`${i===a.length-1&&"SQUARE"===c.type||"CAPSULE"===c.type||o.id===l?1:0}px solid ${R}`,backgroundColor:o.id===l?t.DEFAULT_THEME.colorsV2.background.brandLight:t.DEFAULT_THEME.colorsV2.surface.standard,borderTopLeftRadius:g,borderBottomLeftRadius:g,borderTopRightRadius:f,borderBottomRightRadius:f,padding:"SMALL"===(null==c?void 0:c.size)?"2px 14px":"8px 24px",marginRight:null===(x=c.style)||void 0===x?void 0:x.marginRight,justifyContent:"space-around"}},{children:e.jsx(d.BodySecondary,Object.assign({style:{color:o.id===l?t.DEFAULT_THEME.colorsV2.content.brand:t.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;