@bikdotai/bik-component-library 0.0.513-beta.2 → 0.0.514-beta-dropdwon

package/dist/cjs/components/variable-picker-v3/NoResult.d.ts

@@ -1,6 +0,0 @@
-type Props = {
-    height: string;
-    searchText?: string;
-};
-declare const NoResult: (props: Props) => import("react/jsx-runtime").JSX.Element;
-export default NoResult;

package/dist/cjs/components/variable-picker-v3/NoResult.js

@@ -1,17 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/search.svg.js"),r=require("styled-components"),n=require("../../constants/Theme.js"),s=require("../TypographyStyle.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=i(r);const c=o.default.div`
-	display: flex;
-	gap: 16px;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-	padding: 0 16px;
-	height: ${e=>e.height};
-`,d=o.default.div`
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	background-color: ${n.COLORS.background.brandLight};
-	width: 48px;
-	height: 48px;
-	border-radius: 24px;
-`;exports.default=r=>e.jsxs(c,Object.assign({height:r.height},{children:[e.jsx(d,{children:e.jsx(t.default,{width:24,height:24,color:n.COLORS.background.brand})}),e.jsxs("div",Object.assign({style:{textAlign:"center"}},{children:[e.jsx(s.TitleMedium,{children:"No results found"}),r.searchText?e.jsx(s.BodySecondary,Object.assign({style:{color:n.COLORS.content.secondary,marginTop:8}},{children:`Sorry we could not find any results for "${r.searchText}"`})):e.jsx(s.BodySecondary,Object.assign({style:{color:n.COLORS.content.secondary,marginTop:8}},{children:"Sorry we could not find any variables"}))]}))]}));

package/dist/cjs/components/variable-picker-v3/SubHeaderItems.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import { SubHeader, VariableV3 } from './model';
-type SubHeaderProps = {
-    searchText: string;
-    onSelect: (variable: VariableV3) => void;
-    variable: {
-        [key: string]: SubHeader | VariableV3;
-    };
-};
-declare const SubHeaderItem: React.FC<SubHeaderProps>;
-export default SubHeaderItem;

package/dist/cjs/components/variable-picker-v3/SubHeaderItems.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../assets/icons/chevronRight.svg.js"),t=require("../../assets/icons/plus.svg.js"),i=require("../../assets/icons/sub_category.svg.js"),r=require("../../assets/icons/triangle_error.svg.js"),a=require("../../constants/Theme.js"),l=require("../list-item/ListItem.js"),o=require("../tooltips/Tooltip.js"),n=require("../TypographyStyle.js"),c=require("./Content.js"),d=require("./context.js"),h=require("./recommendVaribles.js");exports.default=j=>{const{onSelect:u,variable:m,searchText:x}=j,{subHeaderStack:g,setSubHeaderStack:y,setVariables:b,showRecommended:p}=d.useVariablePickerContext();return e.jsx(e.Fragment,{children:Object.keys(m).map(((d,j)=>void 0===m[d].variables?e.jsx(l.ListItem,{version:"2.0",leadingIcon:e.jsx(t.default,{width:14,height:14}),customListItemLabel:e.jsxs("div",Object.assign({style:{display:"flex",alignItems:"center",gap:4}},{children:[e.jsx(n.BodySecondary,Object.assign({style:{fontSize:"14px",color:a.COLORS.text.primary}},{children:c.highlightSearchText(m[d].displayName,x)})),!m[d].isAvailable&&e.jsx(o.Tooltip,Object.assign({body:"Not Recommended"},{children:e.jsx("div",Object.assign({style:{display:"flex"}},{children:e.jsx(r.default,{width:16,height:16,color:a.COLORS.content.secondary})}))}))]})),listItem:{label:m[d].displayName,value:m[d].displayName},subText:m[d].description||"",onClick:()=>{u(m[d])}},j):e.jsx(l.ListItem,{version:"2.0",listItem:{label:m[d].displayName,value:m[d].displayName},customListItemLabel:e.jsx("div",Object.assign({style:{display:"flex",alignItems:"center"}},{children:e.jsx(n.BodySecondary,Object.assign({style:{fontSize:"14px",color:a.COLORS.text.primary}},{children:c.highlightSearchText(m[d].displayName,x)}))})),leadingIcon:e.jsx(i.default,{width:14,height:14}),subText:m[d].description||"",trailingIcon:e.jsx(s.default,{width:10,height:10,color:"#212121"}),onClick:()=>{const e=[...g,m[d]];if(y(e),p){const s=h.showOnlyRecommendedVariables([m[d].variables],e);b(s)}else b([m[d].variables])}},j)))})};

package/dist/cjs/components/variable-picker-v3/VariablePicker.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { VariablePickerV3Props } from './model';
-type Props = VariablePickerV3Props;
-export declare const VariablePicker: React.FC<Props>;
-export default VariablePicker;

package/dist/cjs/components/variable-picker-v3/VariablePicker.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../assets/icons/cross.svg.js"),t=require("../../constants/Theme.js"),r=require("../modals/modal.styled.js"),i=require("./Content.js"),o=require("./model.js");const n=n=>{const{type:a}=n;return a==o.PickerType.FLOATER?e.jsxs("div",Object.assign({style:{boxShadow:"0px 2px 8px 0px #0000001F",width:n.width?n.width:344,borderRadius:4}},{children:[e.jsx(i.VariablePickerContent,Object.assign({},n)),e.jsx(r.CloseButtonContainer,Object.assign({onClick:()=>{n.onClose&&n.onClose()}},{children:e.jsx(s.default,{height:20,width:20,color:t.COLORS.content.secondary})}))]})):e.jsx(i.VariablePickerContent,Object.assign({},n))};exports.VariablePicker=n,exports.default=n;

package/dist/cjs/components/variable-picker-v3/context.d.ts

@@ -1,21 +0,0 @@
-import React from 'react';
-export declare const VariablePickerContext: React.Context<{
-    searchText: string;
-    setSearchText: React.Dispatch<React.SetStateAction<string>>;
-    subHeaderStack: any[];
-    setSubHeaderStack: React.Dispatch<React.SetStateAction<any[]>>;
-    variables: any[];
-    setVariables: React.Dispatch<React.SetStateAction<any[]>>;
-    showRecommended: boolean;
-    setShowRecommended: React.Dispatch<React.SetStateAction<boolean>>;
-}>;
-export declare const useVariablePickerContext: () => {
-    searchText: string;
-    setSearchText: React.Dispatch<React.SetStateAction<string>>;
-    subHeaderStack: any[];
-    setSubHeaderStack: React.Dispatch<React.SetStateAction<any[]>>;
-    variables: any[];
-    setVariables: React.Dispatch<React.SetStateAction<any[]>>;
-    showRecommended: boolean;
-    setShowRecommended: React.Dispatch<React.SetStateAction<boolean>>;
-};

package/dist/cjs/components/variable-picker-v3/context.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const r=t(e).default.createContext({searchText:"",setSearchText:()=>{},subHeaderStack:[],setSubHeaderStack:()=>{},variables:[],setVariables:()=>{},showRecommended:!1,setShowRecommended:()=>{}});exports.VariablePickerContext=r,exports.useVariablePickerContext=()=>e.useContext(r);

package/dist/cjs/components/variable-picker-v3/index.d.ts

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

package/dist/cjs/components/variable-picker-v3/model.d.ts

@@ -1,49 +0,0 @@
-export declare enum PickerType {
-    FLOATER = "floater",
-    EMBEDDED = "embedded"
-}
-export interface VariablePickerV3Props {
-    type: PickerType;
-    data: VariableListInterfaceV3[];
-    onSelect: (variable: VariableV3) => void;
-    width?: string;
-    onClose?: () => void;
-    showHeader?: boolean;
-    showBackButton?: boolean;
-    onBackButtonClick?: () => void;
-    onSearchBlur?: (e: any) => void;
-    isEvaluationList?: boolean;
-}
-export interface VariableListInterfaceV3 {
-    isSubHeader?: boolean;
-    displayName: string;
-    description: string;
-    orderId?: number;
-    isAvailable?: boolean;
-    variables?: {
-        [key: string]: SubHeader | VariableV3;
-    };
-}
-export interface SubHeader {
-    isSubHeader: boolean;
-    isAvailable: boolean;
-    displayName: string;
-    description: string;
-    variables?: {
-        [key: string]: SubHeader | VariableV3;
-    };
-}
-export interface VariableV3 {
-    description?: string;
-    defaultValue?: string;
-    displayName: string;
-    actualValue: string;
-    variableType: string;
-    isAvailable: boolean;
-    actualValueEval?: string;
-    isSubHeader?: boolean;
-    variables?: {
-        [key: string]: VariableV3;
-    };
-    needsFetching?: boolean;
-}

package/dist/cjs/components/variable-picker-v3/model.js

@@ -1 +0,0 @@
-"use strict";var e;Object.defineProperty(exports,"__esModule",{value:!0}),exports.PickerType=void 0,(e=exports.PickerType||(exports.PickerType={})).FLOATER="floater",e.EMBEDDED="embedded";

package/dist/cjs/components/variable-picker-v3/recommendVaribles.d.ts

@@ -1 +0,0 @@
-export declare const showOnlyRecommendedVariables: (data: any, stack: any[]) => any;

package/dist/cjs/components/variable-picker-v3/recommendVaribles.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const e=e=>Object.keys(e).reduce(((s,a)=>(e[a]&&e[a].isAvailable&&(s[a]=e[a]),s)),{});exports.showOnlyRecommendedVariables=(s,a)=>s.map((s=>{if(s.isAvailable&&void 0===s.variables)return s;if(void 0===s.isAvailable&&void 0!==s.variables){const a=e(s.variables);return 0===Object.keys(a).length?{}:Object.assign(Object.assign({},s),{variables:a})}if(void 0===s.variables){return e(s)}{const i=e(s.variables);return a.length?i:Object.assign(Object.assign({},s),{variables:i})}})).filter((e=>Object.keys(e).length>0));

package/dist/cjs/components/variable-picker-v3/searchVariables.d.ts

@@ -1,2 +0,0 @@
-import { VariableListInterfaceV3 } from './model';
-export declare const searchVariables: (text: string, data: VariableListInterfaceV3[], subHeaderStack: any[]) => any[];

package/dist/cjs/components/variable-picker-v3/searchVariables.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const e=(a,s,r)=>{Object.keys(s).forEach((l=>{s[l].displayName.toLowerCase().includes(a.toLowerCase())&&r.push(s[l].isSubHeader?{[l]:s[l]}:s[l]),s[l].variables&&Object.keys(s[l].variables).length&&e(a,s[l].variables,r)}))};exports.searchVariables=(a,s,r)=>{if(!a)return r.length>0?[r[r.length-1].variables]:s;const l=[];return s.forEach((s=>{if(r.length>0)if(s.displayName&&void 0!==s.variables)e(a,s.variables,l);else{if(s.displayName.toLowerCase().includes(a.toLowerCase())&&l.push(s),!s.variables||!Object.keys(s.variables).length)return;e(a,s.variables,l)}else{if(s.displayName.toLowerCase().includes(a.toLowerCase())&&l.push(s),!s.variables||!Object.keys(s.variables).length)return;e(a,s.variables,l)}})),l};

package/dist/cjs/components/variable-picker-v3/styles.d.ts

@@ -1,6 +0,0 @@
-export declare const HeaderWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const RecommendWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const BackHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Container: import("styled-components").StyledComponent<"div", any, {
-    height: string;
-}, never>;

package/dist/cjs/components/variable-picker-v3/styles.js

@@ -1,37 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("../../constants/Theme.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=t(e);const a=o.default.div`
-	display: flex;
-	align-items: center;
-	gap: 8px;
-	padding: 12px 16px 0px 16px;
-	background-color: ${r.COLORS.surface.subdued};
-`,i=o.default.div`
-	display: flex;
-	justify-content: space-between;
-	align-items: center;
-	padding: 12px 16px;
-	background-color: ${r.COLORS.surface.subdued};
-	border-bottom: 1px solid ${r.COLORS.stroke.primary};
-`,d=o.default.div`
-	position: relative;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	height: 32px;
-	background-color: ${r.COLORS.background.base};
-`,p=o.default.div`
-	margin: 8px;
-	height: ${e=>e.height};
-	overflow: scroll;
-	&::-webkit-scrollbar-thumb {
-		background-color: #e0e0e0 !important;
-		border-radius: 8px;
-	}
-	&::-webkit-scrollbar {
-		height: 5px;
-		display: block;
-		width: 8px;
-	}
-	&::-webkit-scrollbar-thumb:horizontal {
-		width: 8px;
-	}
-`;exports.BackHeader=d,exports.Container=p,exports.HeaderWrapper=a,exports.RecommendWrapper=i;

package/dist/esm/assets/icons/broken_media_image.svg.js

@@ -1 +0,0 @@
-import*as t from"react";var e;function r(){return r=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(t[a]=r[a])}return t},r.apply(this,arguments)}var a=a=>t.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24"},a),e||(e=t.createElement("path",{fill:"#000",d:"M21.35 21.35a.92.92 0 0 0 0-1.3L3.95 2.65a.92.92 0 1 0-1.3 1.3L3 4.3V19c0 1.1.9 2 2 2h14.7l.35.35a.92.92 0 0 0 1.3 0ZM5 19V6.3l7.6 7.6-1.5 1.9L9 13.1 6 17h9.7l2 2H5ZM8.8 5l-2-2H19c1.1 0 2 .9 2 2v12.2l-2-2V5H8.8Z"})));export{a as default};

package/dist/esm/assets/icons/sub_category.svg.js

@@ -1 +0,0 @@
-import*as e from"react";var t;function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var l in a)Object.prototype.hasOwnProperty.call(a,l)&&(e[l]=a[l])}return e},a.apply(this,arguments)}var l=l=>e.createElement("svg",a({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 16"},l),t||(t=e.createElement("path",{fill:"#616161",fillRule:"evenodd",d:"M2.667 4a.667.667 0 0 0-1.333 0 6 6 0 0 0 6 6h4.836l-1.999 2.221a.667.667 0 1 0 .991.892l2.999-3.331c0-.002.002-.003.003-.004l.4-.444-.4-.444-.003-.004-2.999-3.331a.667.667 0 0 0-.99.892l1.998 2.22H7.333a4.667 4.667 0 0 1-4.666-4.666Z",clipRule:"evenodd"})));export{l as default};

package/dist/esm/components/template-context-mapper/modalElements/useEditWhtasappTemplateMedia.d.ts

@@ -1,29 +0,0 @@
-import React from 'react';
-import { WhatsAppPickerMeta, WhatsAppTemplate } from "../../template-preview/models/WhatsAppTemplate";
-export type UseEditWhatsappTemplateMediaResponse = ReturnType<typeof useEditWhatsappTemplateMedia>;
-export declare const useEditWhatsappTemplateMedia: (props: {
-    uploadMediaLink?: WhatsAppPickerMeta['uploadMediaLink'];
-    uploadMediaFiles: WhatsAppPickerMeta['uploadMediaFiles'];
-    updateTemplateImageUrl: (url: string, format: WhatsAppTemplate['components'][0]['format']) => void;
-    fileRef: React.RefObject<HTMLInputElement | null>;
-    mediaComponent: any;
-}) => {
-    uploadMedia: (urlOrVariable?: string) => Promise<void>;
-    processImageUpload: (file?: Blob | File) => Promise<void>;
-    handleImageUpload: ($event: React.ChangeEvent<HTMLInputElement>) => void;
-    handleImageChange: () => void;
-    onCropComplete: (base64: string) => Promise<void>;
-    editIconRef: React.MutableRefObject<null>;
-    fileName: string | undefined;
-    setFileName: React.Dispatch<React.SetStateAction<string | undefined>>;
-    selectedVariable: string | undefined;
-    setSelectedVariable: React.Dispatch<React.SetStateAction<string | undefined>>;
-    openEditMedia: boolean;
-    setOpenEditMedia: React.Dispatch<React.SetStateAction<boolean>>;
-    selectedImage: string | undefined;
-    setSelectedImage: React.Dispatch<React.SetStateAction<string | undefined>>;
-    loading: boolean;
-    setLoading: React.Dispatch<React.SetStateAction<boolean>>;
-    error: string;
-    setError: React.Dispatch<React.SetStateAction<string>>;
-};

package/dist/esm/components/template-context-mapper/modalElements/useEditWhtasappTemplateMedia.js

@@ -1 +0,0 @@
-import{__awaiter as e}from"../../../_virtual/_tslib.js";import{cloneDeep as o}from"lodash";import{useState as n,useRef as i,useEffect as l}from"react";import{FileUploaderHelper as t}from"../../helpers/FileUploaderHelper.js";import{HEADER_TYPES as a}from"../../template-preview/models/TemplateMeta.js";import{useTemplateModalContext as s}from"../context/templateModalContext.js";import{isVariable as r}from"../utils/validateIsUrl.js";const d=d=>{const{uploadMediaLink:c,updateTemplateImageUrl:p,mediaComponent:u,uploadMediaFiles:m,fileRef:f}=d,{template:v,selectedCarouselIndex:g,setTemplate:h}=s(),[b,I]=n(void 0),[y,M]=n(),[j,C]=n(!1),[E,O]=n(""),[U,k]=n(!1),[w,A]=n(),N=i(null);function T(o){var n;return e(this,void 0,void 0,(function*(){const e=new t;if(o instanceof Blob){const i=e.validate({file:o});if(i)O(i),k(!1),C(!1);else{const e=u.format===a.IMAGE,i=yield m({file:o,fileName:b,isImage:e});if(i.success){const[e]=o.type.split("/");p(null!==(n=i.url)&&void 0!==n?n:"","application"===e?a.DOCUMENT:a[e.toUpperCase()])}else O("An unknown technical error occurred");k(!1),C(!1)}}else O("An unknown technical error occurred"),k(!1)}))}function x(){var e;console.log("handleImageChange",f,null==f?void 0:f.current),(null===(e=null==f?void 0:f.current)||void 0===e?void 0:e.click)&&f.current.click()}return l((()=>{I(void 0),A(void 0),M(void 0),C(!1),k(!1),O("")}),[g]),{uploadMedia:function(n){var i,l,s,d,m,b;return e(this,void 0,void 0,(function*(){if(O(""),M(""),console.log("uef uploadMedia",f,null==f?void 0:f.current),n)if(n.startsWith("https"))try{if(k(!0),console.log("uploadMediaLink",c),c){const e=yield c(n),{type:o,size:l,success:s}=e;if(s){const n=(new t).validate({linkData:{type:o,size:l}});if(n)return O(n),void k(!1);const[s]=o.split("/");p(null!==(i=e.url)&&void 0!==i?i:"",s.includes("application")?a.DOCUMENT:a[s.toUpperCase()])}else O("An unknown technical error occurred");k(!1)}else{const e=yield fetch(n),o=yield e.blob();yield T(o)}}catch(e){O("An unknown technical error occurred")}else if(r(n)){let e;if(M(n),e=null!=g&&g>-1?{components:null===(s=null===(l=v.components[1])||void 0===l?void 0:l.cards)||void 0===s?void 0:s[g].components,mapping:null===(m=null===(d=null==v?void 0:v.mapping)||void 0===d?void 0:d.cards)||void 0===m?void 0:m[g]}:Object.assign({},v),e.components){const o=null===(b=null==e?void 0:e.components)||void 0===b?void 0:b.findIndex((e=>{if("HEADER"===e.type&&"NONE"!==e.format&&"TEXT"!==e.format)return!0}));if(void 0!==o&&o>-1&&(null==e?void 0:e.components[o])){const i=Object.assign(Object.assign({},e.components[o]),{format:u.format,example:{header_handle:[n]}}),l=[...e.components];l[o]=i,e.components=l}}if(e.mapping&&(e.mapping=Object.assign(Object.assign({},e.mapping),{header:[n]})),k(!1),null!=g&&g>-1){const n=o(v);n.components[1].cards[g].components=e.components,n.mapping.cards[g]=e.mapping,null==h||h(Object.assign({},n))}else null==h||h(Object.assign({},e))}else k(!1),O("Invalid URL or variable");else x()}))},processImageUpload:T,handleImageUpload:function(e){var o;O(""),k(!0);const n=null===(o=e.target.files)||void 0===o?void 0:o[0];if(u.format===a.IMAGE){const e=new FileReader;A(""),I(""),e.onload=()=>{A(e.result),I(null==n?void 0:n.name)},n&&e.readAsDataURL(n)}else T(n)},handleImageChange:x,onCropComplete:function(o){return e(this,void 0,void 0,(function*(){k(!1),O("");const e=yield fetch(o),n=yield e.blob();yield T(n),A(void 0),C(!1)}))},editIconRef:N,fileName:b,setFileName:I,selectedVariable:y,setSelectedVariable:M,openEditMedia:j,setOpenEditMedia:C,selectedImage:w,setSelectedImage:A,loading:U,setLoading:k,error:E,setError:O}};export{d as useEditWhatsappTemplateMedia};

package/dist/esm/components/variable-picker-v3/Content.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import { VariablePickerV3Props } from './model';
-type Props = VariablePickerV3Props;
-export declare const highlightSearchText: (text: string, searchText: string) => string | import("react/jsx-runtime").JSX.Element;
-export declare const VariablePickerContent: React.FC<Props>;
-export {};

package/dist/esm/components/variable-picker-v3/Content.js

@@ -1 +0,0 @@
-import{__awaiter as e}from"../../_virtual/_tslib.js";import{jsx as t,jsxs as s,Fragment as i}from"react/jsx-runtime";import o from"../../assets/icons/arrow_back.svg.js";import l from"../../assets/icons/plus.svg.js";import n from"../../assets/icons/triangle_error.svg.js";import{useState as a,useEffect as r}from"react";import{COLORS as c}from"../../constants/Theme.js";import{BikAccordion as d}from"../accordion/Accordion.js";import{IconButton as h}from"../icon-button/IconButton.js";import{Input as m}from"../input/Input.js";import{ListItem as p}from"../list-item/ListItem.js";import{Switch as g}from"../switch/Switch.js";import{Tooltip as u}from"../tooltips/Tooltip.js";import{TitleRegular as b,BodySecondary as f,BodyCaption as y,TitleSmall as v}from"../TypographyStyle.js";import{VariablePickerContext as j}from"./context.js";import x from"./NoResult.js";import{showOnlyRecommendedVariables as O}from"./recommendVaribles.js";import{searchVariables as w}from"./searchVariables.js";import{HeaderWrapper as k,RecommendWrapper as S,BackHeader as C,Container as N}from"./styles.js";import V from"./SubHeaderItems.js";const I=(e,i)=>{if(0===i.length)return e;const o=e.toLowerCase().indexOf(i.toLowerCase());if(-1===o)return e;const l=e.slice(0,o),n=e.slice(o,o+i.length),a=e.slice(o+i.length);return s("span",{children:[l,t("b",Object.assign({style:{color:c.content.primary}},{children:n})),a]})},T=/.*\..*/,B=e=>{if(e.actualValue.match(T)){const t=e.actualValue.replace("{{","").replace("}}","").split(".");let s=t[0];return t.forEach(((e,t)=>{if(0===t)return;const i=(e=>/\w+\[\d+\]/g.test(e))(e);if(i){const t=e.match(/(\w+)\[(\d+)\]/);if(t){const e=t[1],i=t[2];s+=`['${e}'][${i}]`}}else s+=`['${e}']`})),s}return e.actualValueEval?e.actualValueEval:e.actualValue},L=T=>{const{data:L,onSelect:R,showHeader:$,showBackButton:E,onBackButtonClick:H,isEvaluationList:P}=T,[_,A]=a(L),[z,D]=a(""),[K,q]=a([]),[F,G]=a(""),[J,M]=a(!1),[Q,U]=a([]);r((()=>{W(!0)}),[]),r((()=>{K.length>0?U([K[K.length-1]]):U(L)}),[K]);const W=t=>e(void 0,void 0,void 0,(function*(){if(M(t),t){const e=O(_,K);A(e)}else if(K.length>0){const e=F==K[K.length-1].displayName;if(z.length>0&&e){const e=w(z,Q,K);A(e)}else A([K[K.length-1].variables])}else if(z.length>0){const e=w(z,Q,K);A(e)}else A(L)})),X=e=>{let t=104;return K.length>0&&(t+=54),`calc(${e}px - ${t}px)`};return t(j.Provider,Object.assign({value:{variables:_,searchText:z,subHeaderStack:K,showRecommended:J,setSubHeaderStack:q,setSearchText:D,setVariables:A,setShowRecommended:M}},{children:s("div",Object.assign({tabIndex:-1,id:"variable-picker-v3",style:{backgroundColor:"white",borderRadius:4},onClick:e=>e.stopPropagation()},{children:[($||E)&&s(k,{children:[E&&t(h,{Icon:()=>t(o,{width:16,height:16,style:{display:"flex",color:c.content.primary}}),onClick:H}),$&&t(b,{children:"Select Variable"})]}),t("div",Object.assign({style:{padding:"0 16px",paddingTop:12,backgroundColor:c.surface.subdued}},{children:t(m,{id:"search-bar-v3-picker",onBlur:e=>{T.onSearchBlur&&T.onSearchBlur(e)},value:z,noKeyDownChange:!0,placeholder:"Search",onChangeText:e=>{e||G("");const t=w(e,Q,K);if(J){const e=O(t,K);A(e)}else A(t);D(e);const s=K.length>0?K[K.length-1].displayName:"home";G(s)}})})),s(S,{children:[t(f,Object.assign({style:{color:c.content.secondary}},{children:"Only Recommended"})),t(g,{value:J,onValueChange:t=>e(void 0,void 0,void 0,(function*(){yield W(t)}))})]}),K.length>0&&s(C,{children:[t("div",Object.assign({style:{position:"absolute",left:16}},{children:t(h,{id:"back-btn-v3",style:{display:"flex"},Icon:()=>t(o,{width:12,height:12,style:{color:c.content.secondary}}),onClick:e=>{e.stopPropagation();let t=z;const s=[...K],i=s.pop();if(q(s),i.displayName===F&&(D(""),t=""),t.length>0){const e=s.length>0?[s[s.length-1]]:L,i=w(t,e,s);if(J){const e=O(i,s);A(e)}else A(i)}else if(s.length>0)if(J){const e=O([s[s.length-1].variables],s);A(e)}else A([s[s.length-1].variables]);else if(J){const e=O(L,K);A(e)}else A(L)}})})),t(y,Object.assign({style:{color:c.content.secondary}},{children:K[K.length-1].displayName}))]}),t(i,{children:_.length>0?t(N,Object.assign({height:X(500)},{children:_.map(((e,i)=>e.displayName&&void 0!==e.variables?t("div",Object.assign({style:{borderBottom:`1px solid ${c.stroke.primary}`}},{children:t(d,Object.assign({headerPadding:"12px 16px",header:t(v,Object.assign({style:{color:c.content.secondary}},{children:I(e.displayName,z)}))},{children:t(V,{searchText:z,variable:e.variables,onSelect:R})}))}),i):e.displayName?t(p,{version:"2.0",leadingIcon:t(l,{width:14,height:14}),customListItemLabel:s("div",Object.assign({style:{display:"flex",alignItems:"center",gap:4}},{children:[t(f,Object.assign({style:{fontSize:"14px",color:c.text.primary}},{children:I(e.displayName,z)})),!e.isAvailable&&t(u,Object.assign({body:"Not Recommended"},{children:t("div",Object.assign({style:{display:"flex"}},{children:t(n,{width:16,height:16,color:c.content.secondary})}))}))]})),listItem:{label:e.displayName,value:e.displayName},subText:e.description||"",onClick:()=>{if(P){const t=B(e);R(Object.assign(Object.assign({},e),{actualValue:t}))}else R(e)}},i):t(V,{searchText:z,variable:e,onSelect:e=>{if(P){const t=B(e);R(Object.assign(Object.assign({},e),{actualValue:t}))}else R(e)}},i)))})):t(x,{height:X(500),searchText:z})})]}))}))};export{L as VariablePickerContent,I as highlightSearchText};

package/dist/esm/components/variable-picker-v3/NoResult.d.ts

@@ -1,6 +0,0 @@
-type Props = {
-    height: string;
-    searchText?: string;
-};
-declare const NoResult: (props: Props) => import("react/jsx-runtime").JSX.Element;
-export default NoResult;

package/dist/esm/components/variable-picker-v3/NoResult.js

@@ -1,17 +0,0 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import r from"../../assets/icons/search.svg.js";import n from"styled-components";import{COLORS as o}from"../../constants/Theme.js";import{TitleMedium as i,BodySecondary as s}from"../TypographyStyle.js";const c=n=>e(a,Object.assign({height:n.height},{children:[t(d,{children:t(r,{width:24,height:24,color:o.background.brand})}),e("div",Object.assign({style:{textAlign:"center"}},{children:[t(i,{children:"No results found"}),n.searchText?t(s,Object.assign({style:{color:o.content.secondary,marginTop:8}},{children:`Sorry we could not find any results for "${n.searchText}"`})):t(s,Object.assign({style:{color:o.content.secondary,marginTop:8}},{children:"Sorry we could not find any variables"}))]}))]})),a=n.div`
-	display: flex;
-	gap: 16px;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-	padding: 0 16px;
-	height: ${e=>e.height};
-`,d=n.div`
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	background-color: ${o.background.brandLight};
-	width: 48px;
-	height: 48px;
-	border-radius: 24px;
-`;export{c as default};

package/dist/esm/components/variable-picker-v3/SubHeaderItems.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import { SubHeader, VariableV3 } from './model';
-type SubHeaderProps = {
-    searchText: string;
-    onSelect: (variable: VariableV3) => void;
-    variable: {
-        [key: string]: SubHeader | VariableV3;
-    };
-};
-declare const SubHeaderItem: React.FC<SubHeaderProps>;
-export default SubHeaderItem;

package/dist/esm/components/variable-picker-v3/SubHeaderItems.js

@@ -1 +0,0 @@
-import{jsx as e,Fragment as s,jsxs as t}from"react/jsx-runtime";import i from"../../assets/icons/chevronRight.svg.js";import o from"../../assets/icons/plus.svg.js";import r from"../../assets/icons/sub_category.svg.js";import a from"../../assets/icons/triangle_error.svg.js";import{COLORS as l}from"../../constants/Theme.js";import{ListItem as n}from"../list-item/ListItem.js";import{Tooltip as c}from"../tooltips/Tooltip.js";import{BodySecondary as m}from"../TypographyStyle.js";import{highlightSearchText as d}from"./Content.js";import{useVariablePickerContext as p}from"./context.js";import{showOnlyRecommendedVariables as h}from"./recommendVaribles.js";const b=b=>{const{onSelect:g,variable:y,searchText:f}=b,{subHeaderStack:j,setSubHeaderStack:v,setVariables:u,showRecommended:x}=p();return e(s,{children:Object.keys(y).map(((s,p)=>void 0===y[s].variables?e(n,{version:"2.0",leadingIcon:e(o,{width:14,height:14}),customListItemLabel:t("div",Object.assign({style:{display:"flex",alignItems:"center",gap:4}},{children:[e(m,Object.assign({style:{fontSize:"14px",color:l.text.primary}},{children:d(y[s].displayName,f)})),!y[s].isAvailable&&e(c,Object.assign({body:"Not Recommended"},{children:e("div",Object.assign({style:{display:"flex"}},{children:e(a,{width:16,height:16,color:l.content.secondary})}))}))]})),listItem:{label:y[s].displayName,value:y[s].displayName},subText:y[s].description||"",onClick:()=>{g(y[s])}},p):e(n,{version:"2.0",listItem:{label:y[s].displayName,value:y[s].displayName},customListItemLabel:e("div",Object.assign({style:{display:"flex",alignItems:"center"}},{children:e(m,Object.assign({style:{fontSize:"14px",color:l.text.primary}},{children:d(y[s].displayName,f)}))})),leadingIcon:e(r,{width:14,height:14}),subText:y[s].description||"",trailingIcon:e(i,{width:10,height:10,color:"#212121"}),onClick:()=>{const e=[...j,y[s]];if(v(e),x){const t=h([y[s].variables],e);u(t)}else u([y[s].variables])}},p)))})};export{b as default};

package/dist/esm/components/variable-picker-v3/VariablePicker.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { VariablePickerV3Props } from './model';
-type Props = VariablePickerV3Props;
-export declare const VariablePicker: React.FC<Props>;
-export default VariablePicker;

package/dist/esm/components/variable-picker-v3/VariablePicker.js

@@ -1 +0,0 @@
-import{jsxs as o,jsx as s}from"react/jsx-runtime";import t from"../../assets/icons/cross.svg.js";import{COLORS as e}from"../../constants/Theme.js";import{CloseButtonContainer as r}from"../modals/modal.styled.js";import{VariablePickerContent as i}from"./Content.js";import{PickerType as n}from"./model.js";const m=m=>{const{type:c}=m;return c==n.FLOATER?o("div",Object.assign({style:{boxShadow:"0px 2px 8px 0px #0000001F",width:m.width?m.width:344,borderRadius:4}},{children:[s(i,Object.assign({},m)),s(r,Object.assign({onClick:()=>{m.onClose&&m.onClose()}},{children:s(t,{height:20,width:20,color:e.content.secondary})}))]})):s(i,Object.assign({},m))};export{m as VariablePicker,m as default};

package/dist/esm/components/variable-picker-v3/context.d.ts

@@ -1,21 +0,0 @@
-import React from 'react';
-export declare const VariablePickerContext: React.Context<{
-    searchText: string;
-    setSearchText: React.Dispatch<React.SetStateAction<string>>;
-    subHeaderStack: any[];
-    setSubHeaderStack: React.Dispatch<React.SetStateAction<any[]>>;
-    variables: any[];
-    setVariables: React.Dispatch<React.SetStateAction<any[]>>;
-    showRecommended: boolean;
-    setShowRecommended: React.Dispatch<React.SetStateAction<boolean>>;
-}>;
-export declare const useVariablePickerContext: () => {
-    searchText: string;
-    setSearchText: React.Dispatch<React.SetStateAction<string>>;
-    subHeaderStack: any[];
-    setSubHeaderStack: React.Dispatch<React.SetStateAction<any[]>>;
-    variables: any[];
-    setVariables: React.Dispatch<React.SetStateAction<any[]>>;
-    showRecommended: boolean;
-    setShowRecommended: React.Dispatch<React.SetStateAction<boolean>>;
-};

package/dist/esm/components/variable-picker-v3/context.js

@@ -1 +0,0 @@
-import e,{useContext as t}from"react";const a=e.createContext({searchText:"",setSearchText:()=>{},subHeaderStack:[],setSubHeaderStack:()=>{},variables:[],setVariables:()=>{},showRecommended:!1,setShowRecommended:()=>{}}),r=()=>t(a);export{a as VariablePickerContext,r as useVariablePickerContext};

package/dist/esm/components/variable-picker-v3/index.d.ts

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

package/dist/esm/components/variable-picker-v3/model.d.ts

@@ -1,49 +0,0 @@
-export declare enum PickerType {
-    FLOATER = "floater",
-    EMBEDDED = "embedded"
-}
-export interface VariablePickerV3Props {
-    type: PickerType;
-    data: VariableListInterfaceV3[];
-    onSelect: (variable: VariableV3) => void;
-    width?: string;
-    onClose?: () => void;
-    showHeader?: boolean;
-    showBackButton?: boolean;
-    onBackButtonClick?: () => void;
-    onSearchBlur?: (e: any) => void;
-    isEvaluationList?: boolean;
-}
-export interface VariableListInterfaceV3 {
-    isSubHeader?: boolean;
-    displayName: string;
-    description: string;
-    orderId?: number;
-    isAvailable?: boolean;
-    variables?: {
-        [key: string]: SubHeader | VariableV3;
-    };
-}
-export interface SubHeader {
-    isSubHeader: boolean;
-    isAvailable: boolean;
-    displayName: string;
-    description: string;
-    variables?: {
-        [key: string]: SubHeader | VariableV3;
-    };
-}
-export interface VariableV3 {
-    description?: string;
-    defaultValue?: string;
-    displayName: string;
-    actualValue: string;
-    variableType: string;
-    isAvailable: boolean;
-    actualValueEval?: string;
-    isSubHeader?: boolean;
-    variables?: {
-        [key: string]: VariableV3;
-    };
-    needsFetching?: boolean;
-}

package/dist/esm/components/variable-picker-v3/model.js

@@ -1 +0,0 @@
-var e;!function(e){e.FLOATER="floater",e.EMBEDDED="embedded"}(e||(e={}));export{e as PickerType};

package/dist/esm/components/variable-picker-v3/recommendVaribles.d.ts

@@ -1 +0,0 @@
-export declare const showOnlyRecommendedVariables: (data: any, stack: any[]) => any;

package/dist/esm/components/variable-picker-v3/recommendVaribles.js

@@ -1 +0,0 @@
-const e=(e,i)=>e.map((e=>{if(e.isAvailable&&void 0===e.variables)return e;if(void 0===e.isAvailable&&void 0!==e.variables){const i=a(e.variables);return 0===Object.keys(i).length?{}:Object.assign(Object.assign({},e),{variables:i})}if(void 0===e.variables){return a(e)}{const s=a(e.variables);return i.length?s:Object.assign(Object.assign({},e),{variables:s})}})).filter((e=>Object.keys(e).length>0)),a=e=>Object.keys(e).reduce(((a,i)=>(e[i]&&e[i].isAvailable&&(a[i]=e[i]),a)),{});export{e as showOnlyRecommendedVariables};

package/dist/esm/components/variable-picker-v3/searchVariables.d.ts

@@ -1,2 +0,0 @@
-import { VariableListInterfaceV3 } from './model';
-export declare const searchVariables: (text: string, data: VariableListInterfaceV3[], subHeaderStack: any[]) => any[];

package/dist/esm/components/variable-picker-v3/searchVariables.js

@@ -1 +0,0 @@
-const e=(e,s,r)=>{if(!e)return r.length>0?[r[r.length-1].variables]:s;const l=[];return s.forEach((s=>{if(r.length>0)if(s.displayName&&void 0!==s.variables)a(e,s.variables,l);else{if(s.displayName.toLowerCase().includes(e.toLowerCase())&&l.push(s),!s.variables||!Object.keys(s.variables).length)return;a(e,s.variables,l)}else{if(s.displayName.toLowerCase().includes(e.toLowerCase())&&l.push(s),!s.variables||!Object.keys(s.variables).length)return;a(e,s.variables,l)}})),l},a=(e,s,r)=>{Object.keys(s).forEach((l=>{s[l].displayName.toLowerCase().includes(e.toLowerCase())&&r.push(s[l].isSubHeader?{[l]:s[l]}:s[l]),s[l].variables&&Object.keys(s[l].variables).length&&a(e,s[l].variables,r)}))};export{e as searchVariables};

package/dist/esm/components/variable-picker-v3/styles.d.ts

@@ -1,6 +0,0 @@
-export declare const HeaderWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const RecommendWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const BackHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Container: import("styled-components").StyledComponent<"div", any, {
-    height: string;
-}, never>;

package/dist/esm/components/variable-picker-v3/styles.js

@@ -1,37 +0,0 @@
-import e from"styled-components";import{COLORS as o}from"../../constants/Theme.js";const t=e.div`
-	display: flex;
-	align-items: center;
-	gap: 8px;
-	padding: 12px 16px 0px 16px;
-	background-color: ${o.surface.subdued};
-`,r=e.div`
-	display: flex;
-	justify-content: space-between;
-	align-items: center;
-	padding: 12px 16px;
-	background-color: ${o.surface.subdued};
-	border-bottom: 1px solid ${o.stroke.primary};
-`,i=e.div`
-	position: relative;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	height: 32px;
-	background-color: ${o.background.base};
-`,a=e.div`
-	margin: 8px;
-	height: ${e=>e.height};
-	overflow: scroll;
-	&::-webkit-scrollbar-thumb {
-		background-color: #e0e0e0 !important;
-		border-radius: 8px;
-	}
-	&::-webkit-scrollbar {
-		height: 5px;
-		display: block;
-		width: 8px;
-	}
-	&::-webkit-scrollbar-thumb:horizontal {
-		width: 8px;
-	}
-`;export{i as BackHeader,a as Container,t as HeaderWrapper,r as RecommendWrapper};