@bikdotai/bik-component-library 0.0.682-beta.2 → 0.0.682-beta.pp-2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (35) hide show
  1. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js +1 -1
  2. package/dist/cjs/components/template-context-mapper/TemplateContextMapper.d.ts +2 -0
  3. package/dist/cjs/components/template-context-mapper/context/templateModalContext.d.ts +3 -0
  4. package/dist/cjs/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.js +1 -1
  5. package/dist/cjs/index.d.ts +0 -1
  6. package/dist/cjs/index.js +1 -1
  7. package/dist/esm/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js +1 -1
  8. package/dist/esm/components/template-context-mapper/TemplateContextMapper.d.ts +2 -0
  9. package/dist/esm/components/template-context-mapper/context/templateModalContext.d.ts +3 -0
  10. package/dist/esm/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.js +1 -1
  11. package/dist/esm/index.d.ts +0 -1
  12. package/dist/esm/index.js +1 -1
  13. package/package.json +1 -1
  14. package/dist/cjs/components/text-picker/TextPickerCategoryCard.d.ts +0 -12
  15. package/dist/cjs/components/text-picker/TextPickerCategoryCard.js +0 -13
  16. package/dist/cjs/components/text-picker/TextPickerFooter.d.ts +0 -6
  17. package/dist/cjs/components/text-picker/TextPickerFooter.js +0 -15
  18. package/dist/cjs/components/text-picker/TextPickerItemRow.d.ts +0 -11
  19. package/dist/cjs/components/text-picker/TextPickerItemRow.js +0 -17
  20. package/dist/cjs/components/text-picker/TextPickerModal.d.ts +0 -29
  21. package/dist/cjs/components/text-picker/TextPickerModal.js +0 -26
  22. package/dist/cjs/components/text-picker/TextPickerSelectAllRow.d.ts +0 -7
  23. package/dist/cjs/components/text-picker/TextPickerSelectAllRow.js +0 -17
  24. package/dist/cjs/components/text-picker/index.d.ts +0 -1
  25. package/dist/esm/components/text-picker/TextPickerCategoryCard.d.ts +0 -12
  26. package/dist/esm/components/text-picker/TextPickerCategoryCard.js +0 -13
  27. package/dist/esm/components/text-picker/TextPickerFooter.d.ts +0 -6
  28. package/dist/esm/components/text-picker/TextPickerFooter.js +0 -15
  29. package/dist/esm/components/text-picker/TextPickerItemRow.d.ts +0 -11
  30. package/dist/esm/components/text-picker/TextPickerItemRow.js +0 -17
  31. package/dist/esm/components/text-picker/TextPickerModal.d.ts +0 -29
  32. package/dist/esm/components/text-picker/TextPickerModal.js +0 -26
  33. package/dist/esm/components/text-picker/TextPickerSelectAllRow.d.ts +0 -7
  34. package/dist/esm/components/text-picker/TextPickerSelectAllRow.js +0 -17
  35. package/dist/esm/components/text-picker/index.d.ts +0 -1
@@ -1,3 +1,4 @@
1
+ import { ApplicationType } from '@bikdotai/bik-models/growth/models/bik-store';
1
2
  import { VariableListInterfaceV2 } from "../add-variableV2/AddVariableV2";
2
3
  import { CarouselProduct } from "./modalElements/EditWhatsAppCarouselTemplateV2";
3
4
  import { WhatsAppCarouselTemplateVariables } from "../template-preview/models/WhatsappCarouselTemplate";
@@ -45,6 +46,7 @@ export interface TemplateContextMapperProps {
45
46
  fetchCollections: any;
46
47
  fetchProducts: any;
47
48
  storeId: string;
49
+ appType?: ApplicationType;
48
50
  };
49
51
  selectedCarouselProducts?: CarouselProduct[];
50
52
  disableEditExpiry?: boolean;
@@ -1,3 +1,4 @@
1
+ import { ApplicationType } from '@bikdotai/bik-models/growth/models/bik-store';
1
2
  import { VariableV3 } from "../../../helpers";
2
3
  import React, { LegacyRef } from 'react';
3
4
  import Slider from 'react-slick';
@@ -55,6 +56,7 @@ export declare const TemplateModalContext: React.Context<{
55
56
  fetchCollections: any;
56
57
  fetchProducts: any;
57
58
  storeId: string;
59
+ appType?: ApplicationType | undefined;
58
60
  } | undefined;
59
61
  carouselProducts?: CarouselProduct[] | undefined;
60
62
  setCarouselProducts?: React.Dispatch<React.SetStateAction<CarouselProduct[]>> | undefined;
@@ -127,6 +129,7 @@ export declare const useTemplateModalContext: () => {
127
129
  fetchCollections: any;
128
130
  fetchProducts: any;
129
131
  storeId: string;
132
+ appType?: ApplicationType | undefined;
130
133
  } | undefined;
131
134
  carouselProducts?: CarouselProduct[] | undefined;
132
135
  setCarouselProducts?: React.Dispatch<React.SetStateAction<CarouselProduct[]>> | undefined;
@@ -1 +1 @@
1
- import{jsxs as e,jsx as t,Fragment as l}from"react/jsx-runtime";import o from"../../../assets/icons/arrow_back.svg.js";import n from"../../../assets/icons/chevronLeft.svg.js";import i from"../../../assets/icons/chevronRight.svg.js";import r from"../../../assets/icons/PlusIcon.js";import{cloneDeep as a}from"lodash";import{useState as d,useEffect as s}from"react";import{Button as c}from"../../button/Button.js";import{IconButton as u}from"../../icon-button/IconButton.js";import{ProductPickerModal as p,ScreenName as m}from"../../product-picker-v2/modal.js";import{Badge as v}from"../Badge/index.js";import{useTemplateModalContext as h}from"../context/templateModalContext.js";import g from"./EditWhatsAppTemplateV2.js";import{ProductBox as f}from"./ProductBox.js";import"../../template-preview/TemplatePreview.js";import"../../template-preview/WhatsApp/WhatsAppLikePreview.js";import"../../template-preview/WhatsApp/WhatsAppLikePreviewV2.js";import{COLORS as y}from"../../../constants/Theme.js";import"../../curtain/CurtainHelper.js";import"../../variable-picker-v3/model.js";import"../../template-preview/models/TemplateMeta.js";import{POD as b}from"../../template-preview/models/WhatsAppTemplate.js";import"../../template-preview/models/Channels.js";import{isRCSChannel as j}from"../../template-preview/helpers/templateMiscHelper.js";import{TitleMedium as C,TitleRegular as x,BodySecondary as I,BodyCaption as w}from"../../TypographyStyle.js";const k=k=>{let{template:O,whatsappSpecificPickerMeta:P,showVariableModal:T,variableListForImage:S,discountCode:L,setDiscountCode:E}=k;var B,A,M,V,D,F,R,W;const{selectedCarouselIndex:$,setTemplate:q,pickerConf:N,isProductCarouselType:_,pod:z,cardCount:G,carouselProducts:H,setCarouselProducts:J,isError:K,cardImages:Q,disableEditVariable:U,onDeleteSelectedProducts:X,setSelectedCarouselIndex:Y,setVariableCallback:Z,setShowVariablePicker:ee,sliderRef:te}=h(),[le,oe]=d(j(null==O?void 0:O.channel)?"Carousel Cards":-1==$?"First Message (Step 1/2)":_?"Product Carousel "+((null===(A=null===(B=null==O?void 0:O.mapping)||void 0===B?void 0:B.body)||void 0===A?void 0:A.length)?"(Step 2/2)":""):"Carousel Cards "+((null===(V=null===(M=null==O?void 0:O.mapping)||void 0===M?void 0:M.body)||void 0===V?void 0:V.length)?"(Step 2/2)":"")),[ne,ie]=d(!1),[re,ae]=d(!1),de=$===(null!=G?G:-1)-1,se=(null!=$?$:-1)<1;s((()=>{var e,t,l,o;oe(j(null==O?void 0:O.channel)?"Carousel Cards":-1==$?"First Message (Step 1/2)":_?"Product Carousel "+((null===(t=null===(e=null==O?void 0:O.mapping)||void 0===e?void 0:e.body)||void 0===t?void 0:t.length)?"(Step 2/2)":""):"Carousel Cards "+((null===(o=null===(l=null==O?void 0:O.mapping)||void 0===l?void 0:l.body)||void 0===o?void 0:o.length)?"(Step 2/2)":""))}),[$]);const ce=e=>{null==J||J([{name:"variable",productName:e.actualValue}])};return s((()=>{-1===$&&j(null==O?void 0:O.channel)&&(null==Y||Y(0))}),[$,null==O?void 0:O.channel]),e("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:"16px"}},{children:[e("div",Object.assign({style:{display:"flex",flexDirection:"row",alignItems:"center"}},{children:[!j(null==O?void 0:O.channel)&&null!=$&&$>=0&&!!(null===(F=null===(D=null==O?void 0:O.mapping)||void 0===D?void 0:D.body)||void 0===F?void 0:F.length)&&t(u,{Icon:o,onClick:()=>{null==Y||Y(-1)}}),t(C,Object.assign({style:{marginLeft:10}},{children:le}))]})),_&&(null!==(R=null==H?void 0:H.length)&&void 0!==R?R:0)>0&&null!=$&&$>=0&&e("div",Object.assign({style:{display:"flex",rowGap:8,marginBottom:16,marginLeft:10,marginRight:10,flexDirection:"column"}},{children:[t(f,{editItem:()=>{1===(null==H?void 0:H.length)&&"variable"===H[0].name?(Z((()=>ce)),ee(!0)):ie(!ne)},cardBody:1===(null==H?void 0:H.length)&&"variable"===H[0].name?`${H[0].productName}`:`${null==H?void 0:H.length} Products Selected`,hideIcon:1===(null==H?void 0:H.length)&&"variable"===H[0].name,deleteItem:()=>{var e;if(1===(null==H?void 0:H.length)&&"variable"===H[0].name)return void(null==J||J([]));const t=a(Object.assign({},O));t&&(Q&&Q.length>0?null==Q||Q.forEach(((e,l)=>{var o;t.components[1].cards[l].components[0].example.header_handle=[null!==(o=Q[l])&&void 0!==o?o:"https://res.cloudinary.com/drqhot9ot/image/upload/v1708753454/fake-product.png"]})):null===(e=null==t?void 0:t.components[1].cards)||void 0===e||e.forEach(((e,l)=>{t.components[1].cards[l].components[0].example.header_handle=["https://res.cloudinary.com/drqhot9ot/image/upload/v1708753454/fake-product.png"]})),null==q||q(t)),null==J||J([]),null==X||X()}}),H&&(null==H?void 0:H.length)>0&&"variable"!=H[0].name&&t(c,{disabled:(null!==(W=null==H?void 0:H.length)&&void 0!==W?W:0)<=1,style:{alignSelf:"flex-end"},onClick:()=>{ae(!0),ie(!0)},buttonText:"Rearrange Products",buttonType:"tertiary"})]})),!U&&_&&0===(null==H?void 0:H.length)&&null!=$&&$>=0&&e(l,{children:[e("div",Object.assign({style:{marginLeft:12}},{children:[t(x,{children:"Product(s)"}),t(I,{children:`Select ${null!=G?G:1} products`})]})),e("div",Object.assign({style:{marginTop:16,marginBottom:16,marginLeft:K?16:12,marginRight:K?16:12,flexDirection:"column",display:"flex",alignItems:"center"}},{children:[t(c,{matchParentWidth:!0,style:{flex:1,display:"flex",width:"100%",marginBottom:12,border:K?`2px dashed ${y.content.negative}`:void 0},size:"medium",buttonText:"Add Product(s)",buttonType:K?"tertiaryGray":"dashBold",LeadingIcon:()=>t("div",Object.assign({style:{display:"flex",width:18,height:18}},{children:t(r,{width:18,height:18,color:y.content.secondary})})),onClick:e=>{ie(!0)}}),z===b.CHATBOT&&e(l,{children:[e("div",Object.assign({style:{display:"flex",flex:1,alignItems:"center",justifyContent:"space-between",flexDirection:"row",width:"100%"}},{children:[t("div",{style:{width:"100%",height:1,backgroundColor:"#E0E0E0",marginRight:8}}),t(w,Object.assign({style:{color:"#616161",overflow:"unset"}},{children:"OR"})),t("div",{style:{width:"100%",height:1,backgroundColor:"#E0E0E0",marginLeft:8}})]})),t(c,{matchParentWidth:!0,style:{flex:1,display:"flex",marginTop:12,width:"100%",border:K?`2px dashed ${y.content.negative}`:void 0},size:"medium",buttonText:"Add Product(s) Variable",buttonType:K?"tertiaryGray":"dashBold",LeadingIcon:()=>t("div",Object.assign({style:{display:"flex"}},{children:t(r,{width:18,height:18,color:y.content.secondary})})),onClick:e=>{Z((()=>ce)),ee(!0)}})]})]})),K&&t("div",Object.assign({style:{marginLeft:10,marginBottom:16}},{children:t(v,{padding:"8px",errorText:"Please add products"})}))]}),!_&&(null!=$?$:-1)>-1&&e("div",Object.assign({style:{display:"flex",background:y.surface.hovered,alignItems:"center"}},{children:[t(u,{Icon:n,disabled:se,width:8,height:14,svgStyle:se?{}:{color:y.content.secondary},onClick:()=>{var e;null===(e=null==te?void 0:te.current)||void 0===e||e.slickPrev(),(null!=$?$:-1)<1||null==Y||Y((e=>e-1))}}),t(x,Object.assign({style:{flex:1,display:"flex",justifyContent:"center"},color:y.content.secondary},{children:`Card ${(null!=$?$:0)+1}/${G}`})),t(u,{Icon:i,width:8,height:14,disabled:de,svgStyle:de?{}:{color:y.content.secondary},onClick:()=>{var e;null===(e=null==te?void 0:te.current)||void 0===e||e.slickNext(),(null!=$?$:-1)>=(null!=G?G:-1)-1||null==Y||Y((e=>e+1))}})]})),t(g,{whatsappSpecificPickerMeta:P,template:O,onTemplateChange:e=>{null==q||q(e)},showVariableModal:T,variableListForImage:S,discountCode:L,setDiscountCode:E}),ne&&N&&t(p,{zIndex:200,startupScreen:re?m.RearrangeProducts:m.Collections,rearrangeEnabled:!0,storeId:N.storeId,selectedItems:(e=>{if(e.length>0){const t={};for(const l of e){const e=null==l?void 0:l.collectionId,o=l.productId,n=l.variantId;e in t||(t[e]={products:{},name:"",image:"",isSmartCollection:!1}),o in t[e].products||(t[e].products[o]={variants:{},name:(null==l?void 0:l.productName)||"",image:(null==l?void 0:l.productImage)||""}),t[e].products[o].variants[n]={name:(null==l?void 0:l.name)||"",price:"",image:(null==l?void 0:l.image)||"",quantity:l.quantity||0,displayOrder:l.displayOrder}}return t}return{}})(null!=H?H:[]),collectionFetcher:N.fetchCollections,productFetcher:N.fetchProducts,onAdd:(e,t)=>{var l,o,n,i,r,d;ae(!1);const s=[];delete e.isCustom;for(const t of Object.keys(e)){const a=e[t].products;if(void 0!==a&&Object.keys(a).length)for(const e of Object.keys(a)){const c=a[e].variants;if(void 0!==c&&Object.keys(c).length)for(const u of Object.keys(c)){const{name:p,image:m,quantity:v,displayOrder:h}=c[u],g={name:p,image:null!==(o=null!=m?m:null===(l=a[e])||void 0===l?void 0:l.image)&&void 0!==o?o:"",quantity:v,variantId:u,productId:e,displayOrder:h,collectionId:t,productName:null!==(i=null===(n=a[e])||void 0===n?void 0:n.name)&&void 0!==i?i:"",productImage:null!==(d=null===(r=a[e])||void 0===r?void 0:r.image)&&void 0!==d?d:""};s.push(g)}}}const c=s.sort(((e,t)=>e.displayOrder-t.displayOrder)),u=s.map((e=>e.image)),p=a(Object.assign({},O));p&&(u.forEach(((e,t)=>{var l;p.components[1].cards[t].components[0].example.header_handle=e?[e]:[null!==(l=null==Q?void 0:Q[t])&&void 0!==l?l:""]})),null==q||q(p)),null==J||J(c),ie(!1)},searchInCollectionFetcher:N.searchInCollection,searchFetcher:N.searchProducts,visible:ne,onClose:()=>{ie(!1)},exactLimit:null!=G?G:1})]}))};export{k as default};
1
+ import{jsxs as e,jsx as t,Fragment as l}from"react/jsx-runtime";import"../../../node_modules/@bikdotai/bik-models/growth/models/bik-store.js";import o from"../../../assets/icons/arrow_back.svg.js";import i from"../../../assets/icons/chevronLeft.svg.js";import n from"../../../assets/icons/chevronRight.svg.js";import r from"../../../assets/icons/PlusIcon.js";import{cloneDeep as a}from"lodash";import{useState as d,useEffect as s}from"react";import{Button as c}from"../../button/Button.js";import{IconButton as u}from"../../icon-button/IconButton.js";import{ProductPickerModal as p,ScreenName as m}from"../../product-picker-v2/modal.js";import{Badge as v}from"../Badge/index.js";import{useTemplateModalContext as h}from"../context/templateModalContext.js";import g from"./EditWhatsAppTemplateV2.js";import{ProductBox as f}from"./ProductBox.js";import"../../template-preview/TemplatePreview.js";import"../../template-preview/WhatsApp/WhatsAppLikePreview.js";import"../../template-preview/WhatsApp/WhatsAppLikePreviewV2.js";import{COLORS as y}from"../../../constants/Theme.js";import"../../curtain/CurtainHelper.js";import"../../variable-picker-v3/model.js";import"../../template-preview/models/TemplateMeta.js";import{POD as b}from"../../template-preview/models/WhatsAppTemplate.js";import"../../template-preview/models/Channels.js";import{isRCSChannel as j}from"../../template-preview/helpers/templateMiscHelper.js";import{TitleMedium as x,TitleRegular as C,BodySecondary as I,BodyCaption as k}from"../../TypographyStyle.js";import{__exports as w}from"../../../_virtual/bik-store.js";const O=O=>{let{template:P,whatsappSpecificPickerMeta:T,showVariableModal:S,variableListForImage:L,discountCode:B,setDiscountCode:E}=O;var A,M,V,D,F,R,W,_;const{selectedCarouselIndex:$,setTemplate:q,pickerConf:N,isProductCarouselType:z,pod:G,cardCount:H,carouselProducts:K,setCarouselProducts:J,isError:Q,cardImages:U,disableEditVariable:X,onDeleteSelectedProducts:Y,setSelectedCarouselIndex:Z,setVariableCallback:ee,setShowVariablePicker:te,sliderRef:le}=h(),[oe,ie]=d(j(null==P?void 0:P.channel)?"Carousel Cards":-1==$?"First Message (Step 1/2)":z?"Product Carousel "+((null===(M=null===(A=null==P?void 0:P.mapping)||void 0===A?void 0:A.body)||void 0===M?void 0:M.length)?"(Step 2/2)":""):"Carousel Cards "+((null===(D=null===(V=null==P?void 0:P.mapping)||void 0===V?void 0:V.body)||void 0===D?void 0:D.length)?"(Step 2/2)":"")),[ne,re]=d(!1),[ae,de]=d(!1),se=$===(null!=H?H:-1)-1,ce=(null!=$?$:-1)<1;s((()=>{var e,t,l,o;ie(j(null==P?void 0:P.channel)?"Carousel Cards":-1==$?"First Message (Step 1/2)":z?"Product Carousel "+((null===(t=null===(e=null==P?void 0:P.mapping)||void 0===e?void 0:e.body)||void 0===t?void 0:t.length)?"(Step 2/2)":""):"Carousel Cards "+((null===(o=null===(l=null==P?void 0:P.mapping)||void 0===l?void 0:l.body)||void 0===o?void 0:o.length)?"(Step 2/2)":""))}),[$]);const ue=e=>{null==J||J([{name:"variable",productName:e.actualValue}])};return s((()=>{-1===$&&j(null==P?void 0:P.channel)&&(null==Z||Z(0))}),[$,null==P?void 0:P.channel]),e("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:"16px"}},{children:[e("div",Object.assign({style:{display:"flex",flexDirection:"row",alignItems:"center"}},{children:[!j(null==P?void 0:P.channel)&&null!=$&&$>=0&&!!(null===(R=null===(F=null==P?void 0:P.mapping)||void 0===F?void 0:F.body)||void 0===R?void 0:R.length)&&t(u,{Icon:o,onClick:()=>{null==Z||Z(-1)}}),t(x,Object.assign({style:{marginLeft:10}},{children:oe}))]})),z&&(null!==(W=null==K?void 0:K.length)&&void 0!==W?W:0)>0&&null!=$&&$>=0&&e("div",Object.assign({style:{display:"flex",rowGap:8,marginBottom:16,marginLeft:10,marginRight:10,flexDirection:"column"}},{children:[t(f,{editItem:()=>{1===(null==K?void 0:K.length)&&"variable"===K[0].name?(ee((()=>ue)),te(!0)):re(!ne)},cardBody:1===(null==K?void 0:K.length)&&"variable"===K[0].name?`${K[0].productName}`:`${null==K?void 0:K.length} Products Selected`,hideIcon:1===(null==K?void 0:K.length)&&"variable"===K[0].name,deleteItem:()=>{var e;if(1===(null==K?void 0:K.length)&&"variable"===K[0].name)return void(null==J||J([]));const t=a(Object.assign({},P));t&&(U&&U.length>0?null==U||U.forEach(((e,l)=>{var o;t.components[1].cards[l].components[0].example.header_handle=[null!==(o=U[l])&&void 0!==o?o:"https://res.cloudinary.com/drqhot9ot/image/upload/v1708753454/fake-product.png"]})):null===(e=null==t?void 0:t.components[1].cards)||void 0===e||e.forEach(((e,l)=>{t.components[1].cards[l].components[0].example.header_handle=["https://res.cloudinary.com/drqhot9ot/image/upload/v1708753454/fake-product.png"]})),null==q||q(t)),null==J||J([]),null==Y||Y()}}),K&&(null==K?void 0:K.length)>0&&"variable"!=K[0].name&&t(c,{disabled:(null!==(_=null==K?void 0:K.length)&&void 0!==_?_:0)<=1,style:{alignSelf:"flex-end"},onClick:()=>{de(!0),re(!0)},buttonText:"Rearrange Products",buttonType:"tertiary"})]})),!X&&z&&0===(null==K?void 0:K.length)&&null!=$&&$>=0&&e(l,{children:[e("div",Object.assign({style:{marginLeft:12}},{children:[t(C,{children:"Product(s)"}),t(I,{children:`Select ${null!=H?H:1} products`})]})),e("div",Object.assign({style:{marginTop:16,marginBottom:16,marginLeft:Q?16:12,marginRight:Q?16:12,flexDirection:"column",display:"flex",alignItems:"center"}},{children:[t(c,{matchParentWidth:!0,style:{flex:1,display:"flex",width:"100%",marginBottom:12,border:Q?`2px dashed ${y.content.negative}`:void 0},size:"medium",buttonText:"Add Product(s)",buttonType:Q?"tertiaryGray":"dashBold",LeadingIcon:()=>t("div",Object.assign({style:{display:"flex",width:18,height:18}},{children:t(r,{width:18,height:18,color:y.content.secondary})})),onClick:e=>{re(!0)}}),G===b.CHATBOT&&e(l,{children:[e("div",Object.assign({style:{display:"flex",flex:1,alignItems:"center",justifyContent:"space-between",flexDirection:"row",width:"100%"}},{children:[t("div",{style:{width:"100%",height:1,backgroundColor:"#E0E0E0",marginRight:8}}),t(k,Object.assign({style:{color:"#616161",overflow:"unset"}},{children:"OR"})),t("div",{style:{width:"100%",height:1,backgroundColor:"#E0E0E0",marginLeft:8}})]})),t(c,{matchParentWidth:!0,style:{flex:1,display:"flex",marginTop:12,width:"100%",border:Q?`2px dashed ${y.content.negative}`:void 0},size:"medium",buttonText:"Add Product(s) Variable",buttonType:Q?"tertiaryGray":"dashBold",LeadingIcon:()=>t("div",Object.assign({style:{display:"flex"}},{children:t(r,{width:18,height:18,color:y.content.secondary})})),onClick:e=>{ee((()=>ue)),te(!0)}})]})]})),Q&&t("div",Object.assign({style:{marginLeft:10,marginBottom:16}},{children:t(v,{padding:"8px",errorText:"Please add products"})}))]}),!z&&(null!=$?$:-1)>-1&&e("div",Object.assign({style:{display:"flex",background:y.surface.hovered,alignItems:"center"}},{children:[t(u,{Icon:i,disabled:ce,width:8,height:14,svgStyle:ce?{}:{color:y.content.secondary},onClick:()=>{var e;null===(e=null==le?void 0:le.current)||void 0===e||e.slickPrev(),(null!=$?$:-1)<1||null==Z||Z((e=>e-1))}}),t(C,Object.assign({style:{flex:1,display:"flex",justifyContent:"center"},color:y.content.secondary},{children:`Card ${(null!=$?$:0)+1}/${H}`})),t(u,{Icon:n,width:8,height:14,disabled:se,svgStyle:se?{}:{color:y.content.secondary},onClick:()=>{var e;null===(e=null==le?void 0:le.current)||void 0===e||e.slickNext(),(null!=$?$:-1)>=(null!=H?H:-1)-1||null==Z||Z((e=>e+1))}})]})),t(g,{whatsappSpecificPickerMeta:T,template:P,onTemplateChange:e=>{null==q||q(e)},showVariableModal:S,variableListForImage:L,discountCode:B,setDiscountCode:E}),ne&&N&&t(p,{zIndex:200,startupScreen:ae?m.RearrangeProducts:m.Collections,rearrangeEnabled:!0,storeId:N.storeId,selectedItems:(e=>{if(e.length>0){const t={};for(const l of e){const e=null==l?void 0:l.collectionId,o=l.productId,i=l.variantId;e in t||(t[e]={products:{},name:"",image:"",isSmartCollection:!1}),o in t[e].products||(t[e].products[o]={variants:{},name:(null==l?void 0:l.productName)||"",image:(null==l?void 0:l.productImage)||""}),t[e].products[o].variants[i]={name:(null==l?void 0:l.name)||"",price:"",image:(null==l?void 0:l.image)||"",quantity:l.quantity||0,displayOrder:l.displayOrder}}return t}return{}})(null!=K?K:[]),collectionFetcher:N.fetchCollections,productFetcher:N.fetchProducts,onAdd:(e,t)=>{var l,o,i,n,r,d;de(!1);const s=[];delete e.isCustom;for(const t of Object.keys(e)){const a=e[t].products;if(void 0!==a&&Object.keys(a).length)for(const e of Object.keys(a)){const c=a[e].variants;if(void 0!==c&&Object.keys(c).length)for(const u of Object.keys(c)){const{name:p,image:m,quantity:v,displayOrder:h}=c[u],g={name:p,image:null!==(o=null!=m?m:null===(l=a[e])||void 0===l?void 0:l.image)&&void 0!==o?o:"",quantity:v,variantId:u,productId:e,displayOrder:h,collectionId:t,productName:null!==(n=null===(i=a[e])||void 0===i?void 0:i.name)&&void 0!==n?n:"",productImage:null!==(d=null===(r=a[e])||void 0===r?void 0:r.image)&&void 0!==d?d:""};s.push(g)}}}const c=s.sort(((e,t)=>e.displayOrder-t.displayOrder)),u=s.map((e=>e.image)),p=a(Object.assign({},P));p&&(u.forEach(((e,t)=>{var l;p.components[1].cards[t].components[0].example.header_handle=e?[e]:[null!==(l=null==U?void 0:U[t])&&void 0!==l?l:""]})),null==q||q(p)),null==J||J(c),re(!1)},searchInCollectionFetcher:N.searchInCollection,searchFetcher:N.searchProducts,visible:ne,onClose:()=>{re(!1)},exactLimit:null!=H?H:1,appType:N.appType||w.ApplicationType.BIK})]}))};export{O as default};
@@ -94,4 +94,3 @@ export * from './components/data-source-panel';
94
94
  export * from './components/unsatisfactory-response-list/UnsatisfactoryResponseList';
95
95
  export * from './components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal';
96
96
  export * from './components/data-source-panel/model';
97
- export * from './components/text-picker';
package/dist/esm/index.js CHANGED
@@ -1 +1 @@
1
- export{AmplitudeEvent}from"./amplitude/index.js";import*as o from"./components/template-preview/constants/regexPatterns.js";export{o as regexPatterns};export{default as StringUtils}from"./utils/StringUtils.js";export{BASE_COLORS,COLORS,DEFAULT_THEME,FONTS}from"./constants/Theme.js";export{ComponentZindex}from"./constants/zindex.js";export{CheckBox}from"./components/checkBox/CheckBox.js";export{ListItem}from"./components/list-item/ListItem.js";export{Pagination}from"./components/pagination/Pagination.js";export{RadioButton}from"./components/radioButton/RadioButton.js";export{Toaster}from"./components/toaster/Toaster.js";export{Tooltip}from"./components/tooltips/Tooltip.js";export{PureSpinner,Spinner}from"./components/spinner/Spinner.js";export{Stepper}from"./components/stepper/Stepper.js";export{Tag}from"./components/tag/Tag.js";export{IconButton}from"./components/icon-button/IconButton.js";export{TemplatePreview}from"./components/template-preview/TemplatePreview.js";export{WhatsappLikePreview}from"./components/template-preview/WhatsApp/WhatsAppLikePreview.js";export{WhatsappLikePreviewV2}from"./components/template-preview/WhatsApp/WhatsAppLikePreviewV2.js";export{renderVariableUIForPreview}from"./components/template-preview/helpers/SmsTemplateHelper.js";export{WhatsAppFormatToHTML}from"./components/template-preview/helpers/WhatsAppFormatToHTML.js";export{VariableEditorHelper}from"./components/template-preview/helpers/VariableEditorHelper.js";export{ACTIONS_TYPES,CUSTOM_URL_NAME,HEADER_TYPES,STATIC_URL_CTA_OPTION,TEMPLATE_EDITOR,TEMPLATE_STATUS}from"./components/template-preview/models/TemplateMeta.js";export{BUTTON_TYPE,POD,TEMPLATE_QUALITY}from"./components/template-preview/models/WhatsAppTemplate.js";export{CHANNEL_TYPE}from"./components/template-preview/models/Channels.js";export{TemplateContextMapper}from"./components/template-context-mapper/TemplateContextMapper.js";export{getAllDataFromTemplateComponent,getAllDataFromWebpushTemplateComponent}from"./components/template-context-mapper/utils/getDataFromTemplateComponent.js";export{isVariable,validateIsUrl}from"./components/template-context-mapper/utils/validateIsUrl.js";import"./_virtual/_tslib.js";export{TemplateAnalyticsSkeleton}from"./components/template-context-mapper/modalElements/TemplateAnalyticsSkeleton.js";export{AnalyticsItem,RightPanelTemplateAnalytics,TemplateAnalyticsComponent}from"./components/template-context-mapper/modalElements/TemplateAnalyticsComponent.js";export{FABMenu}from"./components/fab-menu/FABMenu.js";export{FloatingActionButton}from"./components/floating-action-button/FloatingActionButton.js";export{DROP_POSITION,DropdownToggleContainer,FAB_POSITION,FloatingActionButtonContainer,FloatingActionButtonOuterContainer,MENU_ALIGNMENT,StyledDropdown,TooltipStyled}from"./components/floating-action-button/FloatingActionButton.styles.js";export{ImageService}from"./components/image-compress/ImageCompress.js";export{AiBodyCaption,AiBodyTiny,BodyCaption,BodyLarge,BodyPrimary,BodyPrimaryLink,BodyRegular,BodySecondary,BodySecondaryLink,BodySmall,BodyTiny,ButtonLarge,ButtonLargeAI,ButtonRegular,ButtonRegularAI,Caption,CaptionBold,Display,SmallRegular,SubHeading,TextPlaceholder,Tiny,TitleFour,TitleLarge,TitleMedium,TitleRegular,TitleSmall,TitleXlarge}from"./components/TypographyStyle.js";export{Button}from"./components/button/Button.js";export{ProgressBarComponent,ProgressCompletedBar}from"./components/progress-bar/ProgressBarComponent.js";import"react/jsx-runtime";export{ProgressBarType,ProgressBarV2,TextAlignment}from"./components/progress-bar-v2/ProgressBarV2.js";export{QueryBuilder}from"./components/QueryBuilder/QueryBuilder.js";export{BaseQueryBuilderNode}from"./components/QueryBuilder/components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";export{PropertyNode,PropertyNodeHeadless}from"./components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.js";export{queryBuilderSlice}from"./components/QueryBuilder/redux/queryBuilder.reducer.js";export{queryBuilderCacheSlice}from"./components/QueryBuilder/redux/queryBuilderCache.reducer.js";export{AD_STRING_OPERATORS,ANY_AD_OPERATORS,ANY_IG_OPERATORS,BOOLEAN_OPERATORS,DATE_OPERATORS,EVENT_VALUES,EXACTLY_OPERATORS,FREQUENCY_OPERATORS,ICE_BREAKER_OPERATORS,IG_STRING_OPERATORS,INTEGER_OPERATORS,MAIL_SUBJECT_OPERATORS,REACTION_OPERATORS,SPECIFIC_IG_OPERATORS,STRING_OPERATORS,STRING_RESTRICTED_OPERATORS,STRING_RESTRICTED_OPERATORS_2,STRING_RESTRICTED_OPERATORS_3}from"./components/QueryBuilder/types/QueryBuilderOperator.type.js";export{StyledModal}from"./components/modals/styledModal.js";export{DropdownPopover}from"./components/dropdown/DropdownPopover/index.js";export{Dropdown}from"./components/dropdown/Dropdown.js";export{ChipDropdown,ChipDropdownContainer}from"./components/dropdown/ChipDropdown.js";export{OpenedDropdown}from"./components/dropdown/OpenedDropdown/components/OpennedDropdown.js";export{MenuItemDropdown}from"./components/dropdown/MenuItem/MenuItem.js";export{AnalyticsCard}from"./components/analytics-card/AnalyticsCard.js";export{AnalyticsContainer,CardDataContainer}from"./components/analytics-card/AnalyticsCard.styled.js";export{Input}from"./components/input/Input.js";export{AnalyticsChip}from"./components/analytics-chips-and-dropdowns/AnalyticsChip.js";export{AnalyticsDropdown,EachItem,formatDate}from"./components/analytics-chips-and-dropdowns/AnalyticsDropdown.js";export{AnalyticsMultiChip}from"./components/analytics-chips-and-dropdowns/AnalyticsMultiChip.js";export{AnalyticsMetric}from"./components/analytics-chips-and-dropdowns/AnalyticsMetric.js";export{AnalyticsTrend}from"./components/analytics-chips-and-dropdowns/AnalyticsTrend.js";export{LineChart}from"./components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.js";export{LinearChipGroupedChart}from"./components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.js";export{Card,PieChartAnalytics}from"./components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js";export{PieChart}from"./components/analytics-chips-and-dropdowns/chart/Pie/PieChart.js";export{HorizontalGraph}from"./components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js";export{StackedBarChart}from"./components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js";export{StackedBarDistributionChart}from"./components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.js";export{GRAPH_ORIENTATION}from"./components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.model.js";export{VerticalGraph}from"./components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js";export{FunnelVerticalBarGraph}from"./components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.js";export{HEAT,HEAT_COLORS,HEAT_GRADING_TYPE,HeatMap}from"./components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.js";export{HeatBoxStyled,HeatMapVertical}from"./components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.js";export{VerticalBarAndLinearGraph}from"./components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js";export{TruncateValue,calculatePercentage,roundNumber,truncateValueForIndianStore,truncateValueForInternationalStore,truncateValueTo10K,truncateValueToA,truncateValueToB,truncateValueToC,truncateValueToK,truncateValueToL,truncateValueToM,truncateValueToT}from"./components/analytics-chips-and-dropdowns/chart/utils/calcPercentage.js";export{AVATAR_SIZE_VS_ICON_SIZE_MAP,Avatar,BACKGROUND_VS_TEXT_COLOR_MAP,MESSAGE_CHANNELS}from"./components/avatar/Avatar.js";export{AVATAR_BACKGROUND,AVATAR_SIZE_MAP,AVATAR_TYPES,SIZE}from"./components/avatar/AvatarHelper.js";export{Alert}from"./components/alerts/Alert.js";export{ALERT_TYPES,COLOR_CONFIG_MAP,CONTENT_POSITION}from"./components/alerts/AlertHelper.js";export{RATIO,Thumbnail}from"./components/thumbnail/Thumbnail.js";export{Curtain}from"./components/curtain/Curtain.js";export{DatePicker}from"./components/datePicker/DatePicker.js";export{DateButtonType,DatePickerWrapper}from"./components/datePicker/DatePickerWrapper.js";export{Loader,Switch,SwitchContainer,Thumb}from"./components/switch/Switch.js";export{SubscriptionPlan}from"./components/plans/SubscriptionPlan.js";export{BottomWrapper,HeaderWrapper,SubscriptionPlanSelector,defaultTabs}from"./components/plans/SubscriptionPlanSelector.js";export{NewSubscriptionPlan}from"./components/plans/NewSubscriptionPlan.js";export{SubscriptionPlansCollected}from"./components/plans/SubscriptionPlansCollected.js";export{TabItemComponent,Tabs}from"./components/tabs/Tabs.js";export{DynamicTabs}from"./components/dynamic-tabs/DynamicTabs.js";export{BikShimmer}from"./components/shimmer/ShimmerComponent/BikShimmer.js";export{TablePagination}from"./components/TablePagination/TablePagination.js";export{TablePaginationCard,TablePaginationCardStyled}from"./components/TablePagination/TablePaginationCard.js";export{StateModalComponent}from"./components/states-modal/StateModalComponent.js";export{DeleteConfirmationModal}from"./components/states-modal/DeleteConfirmationModal.js";export{ButtonActions,ButtonTypes,StateComponent,StateInterface}from"./components/states/StateComponent.js";export{ShopifyScopeWrapper}from"./components/states/ShopifyScopeWrapper.js";export{WhatsAppTextEditor}from"./components/WhatsAppTextEditor/WhatsAppTextEditor.js";export{CustomRightBorder,EditorActionTypes,WhatsAppTextEditorHeader}from"./components/WhatsAppTextEditor/WhatsAppTextEditorHeader.js";export{BaseWhatsappContentLangHelper}from"./helpers/BaseWhatsappContentLang.helper.js";export{CURTAIN_COLOR_CONFIG_MAP,CURTAIN_MODE,CURTAIN_TYPES}from"./components/curtain/CurtainHelper.js";export{resizeImage}from"./utils/resizeImage.js";export{PickerType}from"./components/variable-picker-v3/model.js";export{CardSelectionModal}from"./components/card-selection-modal/CardSelectionModal.js";export{BikImageCropper}from"./components/image-cropper/BikImageCropper.js";export{BikImagePipeline}from"./components/image-cropper/BikImagePipeline/BikImagePipeline.js";export{ButtonGroup}from"./components/buttonGroup/ButtonGroup.js";export{BikAccordion}from"./components/accordion/Accordion.js";export{FileUploader}from"./components/file-uploader/FileUploader.js";export{ColourInput}from"./components/colourInput/ColourInput.js";export{BikHeader}from"./components/bik-layout/BikHeader.js";export{BikLayout}from"./components/bik-layout/BikLayout.js";export{BikProfile}from"./components/bik-layout/BikProfile.js";export{SimpleSidebar}from"./components/bik-layout/SimpleSidebar.js";export{BikSidebar}from"./components/bik-layout/BikSidebar.js";export{FeatureModal}from"./components/bik-layout/FeatureModal.js";export{SidebarSkeleton}from"./components/bik-layout/SidebarSkeleton.js";export{ShowShopifyRestrictedModal}from"./components/bik-layout/ShowShopifyRestrictedModal.js";export{FeatureModalV2}from"./components/bik-layout/FeatureModalV2.js";export{SearchBar}from"./components/searchBar/searchBar.js";export{CustomDateTime}from"./components/custom-date-time/CustomDateTime.js";export{PricePleaseProductPicker,ProductPickerContent}from"./components/product-picker/ProductPickerModal.js";export{DiscountModal}from"./components/discount-modal/DiscountModal.js";export{CouponExpiration}from"./components/discount-modal/CouponExpiration/CouponExpiration.js";export{COUPON_EXPIRATION,DISCOUNT_APPLIES_TO,DISCOUNT_TARGET_SELECTION,DISCOUNT_TARGET_TYPES,DISCOUNT_TYPES,DISCOUNT_VALUE_TYPES,MIN_PURCHASE_REQUIREMENT,OFFER_APPLIES_TO,initialDynamicCouponErrorState,initialStaticCouponErrorState}from"./components/discount-modal/type.js";export{CountryCodePicker}from"./components/country-code-picker/CountryCodePicker.js";export{CountriesData}from"./components/country-code-picker/CountryCodePicker.modal.js";export{DEFAULT_IMAGE,ShimmerImage}from"./components/shimmer-image/ShimmerImage.js";export{ProductPickerModal,ScreenName}from"./components/product-picker-v2/modal.js";export{Carousel}from"./components/carousel/carousel.js";export{CarouselSecondary,CarouselVersion}from"./components/carousel-secondary/CarouselSecondary.js";export{AccessTokenTroubleshootDialog}from"./components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.js";export{RadioList}from"./components/radioList/RadioList.js";export{CheckList}from"./components/checkList/CheckList.js";export{DateKeys,MEDIA_TYPES,PostPicker,dateOptions}from"./components/postPicker/postPicker.js";export{DropdownButton}from"./components/dropdown-button/DropdownButton.js";export{SideModal}from"./components/side-modal/SideModal.js";export{KeywordsInput}from"./components/keywords-input/KeywordsInput.js";export{AddVariableV2SideModal}from"./components/add-variableV2/AddVariableV2SideModal.js";export{AddVariableV2}from"./components/add-variableV2/AddVariableV2.js";export{NaLinkWrapper,NavigationHyperlink}from"./components/navigation-hyperlink/NavigationHyperlink.js";export{SearchFilter}from"./components/SearchFilter/index.js";export{InputWithVariables}from"./components/input-with-vars/InputWithVariables.js";export{DashboardReviewPopUp}from"./components/dashboard-review-popup/DashboardReviewPopUp.js";export{StarRating}from"./components/star-rating/StarRating.js";export{TestimonialCard}from"./components/testimonial-card/TestimonialCard.js";export{BikSlider}from"./components/slider/slider.js";export{ResizableImage}from"./components/resizeImage/index.js";export{validateURL}from"./utils/validator.js";export{CarouselPreview}from"./components/carousel-preview/CarouselPreview.js";export{Floater}from"./components/floater/floater.js";export{CardSelector}from"./components/card-selector/CardSelector.js";export{CardSelectorGroup}from"./components/card-selector/CardSelectorGroup.js";export{VariablePicker}from"./components/variable-picker-v3/VariablePicker.js";export{ActionButtons}from"./components/action-button/ActionButtons.js";export{ActivateBikAi}from"./components/ai-modals/ActivateBikAI.js";export{AiSyncProgress}from"./components/ai-modals/AiSyncProgress.js";export{AiCreditsExhausted}from"./components/ai-modals/AiCreditsExhausted.js";export{AiCreditsLow}from"./components/ai-modals/AiCreditsLow.js";export{CustomPortal}from"./components/input-with-vars/customPortal.js";export{FloatingInputDropdown}from"./components/floating-input-dropdown/FloatingInputDropdown.js";export{MultilevelDropdownPopover}from"./components/dropdown/MultilevelDropdownPopover/index.js";export{DropShadow}from"./components/dropShadow/DropShadow.js";export{MultiLevelDropdown}from"./components/multi-level-dropdown/MultiLevelDropdown.js";export{DataSourcePanel}from"./components/data-source-panel/DataSourcePanel.js";export{UnsatisfactoryResponseList}from"./components/unsatisfactory-response-list/UnsatisfactoryResponseList.js";export{UnsatisfactoryCountIntentWiseModal}from"./components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.js";export{CustomDataCategories,CustomDataType}from"./components/data-source-panel/model.js";export{TextPickerModal}from"./components/text-picker/TextPickerModal.js";
1
+ export{AmplitudeEvent}from"./amplitude/index.js";import*as o from"./components/template-preview/constants/regexPatterns.js";export{o as regexPatterns};export{default as StringUtils}from"./utils/StringUtils.js";export{BASE_COLORS,COLORS,DEFAULT_THEME,FONTS}from"./constants/Theme.js";export{ComponentZindex}from"./constants/zindex.js";export{CheckBox}from"./components/checkBox/CheckBox.js";export{ListItem}from"./components/list-item/ListItem.js";export{Pagination}from"./components/pagination/Pagination.js";export{RadioButton}from"./components/radioButton/RadioButton.js";export{Toaster}from"./components/toaster/Toaster.js";export{Tooltip}from"./components/tooltips/Tooltip.js";export{PureSpinner,Spinner}from"./components/spinner/Spinner.js";export{Stepper}from"./components/stepper/Stepper.js";export{Tag}from"./components/tag/Tag.js";export{IconButton}from"./components/icon-button/IconButton.js";export{TemplatePreview}from"./components/template-preview/TemplatePreview.js";export{WhatsappLikePreview}from"./components/template-preview/WhatsApp/WhatsAppLikePreview.js";export{WhatsappLikePreviewV2}from"./components/template-preview/WhatsApp/WhatsAppLikePreviewV2.js";export{renderVariableUIForPreview}from"./components/template-preview/helpers/SmsTemplateHelper.js";export{WhatsAppFormatToHTML}from"./components/template-preview/helpers/WhatsAppFormatToHTML.js";export{VariableEditorHelper}from"./components/template-preview/helpers/VariableEditorHelper.js";export{ACTIONS_TYPES,CUSTOM_URL_NAME,HEADER_TYPES,STATIC_URL_CTA_OPTION,TEMPLATE_EDITOR,TEMPLATE_STATUS}from"./components/template-preview/models/TemplateMeta.js";export{BUTTON_TYPE,POD,TEMPLATE_QUALITY}from"./components/template-preview/models/WhatsAppTemplate.js";export{CHANNEL_TYPE}from"./components/template-preview/models/Channels.js";export{TemplateContextMapper}from"./components/template-context-mapper/TemplateContextMapper.js";export{getAllDataFromTemplateComponent,getAllDataFromWebpushTemplateComponent}from"./components/template-context-mapper/utils/getDataFromTemplateComponent.js";export{isVariable,validateIsUrl}from"./components/template-context-mapper/utils/validateIsUrl.js";import"./_virtual/_tslib.js";export{TemplateAnalyticsSkeleton}from"./components/template-context-mapper/modalElements/TemplateAnalyticsSkeleton.js";export{AnalyticsItem,RightPanelTemplateAnalytics,TemplateAnalyticsComponent}from"./components/template-context-mapper/modalElements/TemplateAnalyticsComponent.js";export{FABMenu}from"./components/fab-menu/FABMenu.js";export{FloatingActionButton}from"./components/floating-action-button/FloatingActionButton.js";export{DROP_POSITION,DropdownToggleContainer,FAB_POSITION,FloatingActionButtonContainer,FloatingActionButtonOuterContainer,MENU_ALIGNMENT,StyledDropdown,TooltipStyled}from"./components/floating-action-button/FloatingActionButton.styles.js";export{ImageService}from"./components/image-compress/ImageCompress.js";export{AiBodyCaption,AiBodyTiny,BodyCaption,BodyLarge,BodyPrimary,BodyPrimaryLink,BodyRegular,BodySecondary,BodySecondaryLink,BodySmall,BodyTiny,ButtonLarge,ButtonLargeAI,ButtonRegular,ButtonRegularAI,Caption,CaptionBold,Display,SmallRegular,SubHeading,TextPlaceholder,Tiny,TitleFour,TitleLarge,TitleMedium,TitleRegular,TitleSmall,TitleXlarge}from"./components/TypographyStyle.js";export{Button}from"./components/button/Button.js";export{ProgressBarComponent,ProgressCompletedBar}from"./components/progress-bar/ProgressBarComponent.js";import"react/jsx-runtime";export{ProgressBarType,ProgressBarV2,TextAlignment}from"./components/progress-bar-v2/ProgressBarV2.js";export{QueryBuilder}from"./components/QueryBuilder/QueryBuilder.js";export{BaseQueryBuilderNode}from"./components/QueryBuilder/components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";export{PropertyNode,PropertyNodeHeadless}from"./components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.js";export{queryBuilderSlice}from"./components/QueryBuilder/redux/queryBuilder.reducer.js";export{queryBuilderCacheSlice}from"./components/QueryBuilder/redux/queryBuilderCache.reducer.js";export{AD_STRING_OPERATORS,ANY_AD_OPERATORS,ANY_IG_OPERATORS,BOOLEAN_OPERATORS,DATE_OPERATORS,EVENT_VALUES,EXACTLY_OPERATORS,FREQUENCY_OPERATORS,ICE_BREAKER_OPERATORS,IG_STRING_OPERATORS,INTEGER_OPERATORS,MAIL_SUBJECT_OPERATORS,REACTION_OPERATORS,SPECIFIC_IG_OPERATORS,STRING_OPERATORS,STRING_RESTRICTED_OPERATORS,STRING_RESTRICTED_OPERATORS_2,STRING_RESTRICTED_OPERATORS_3}from"./components/QueryBuilder/types/QueryBuilderOperator.type.js";export{StyledModal}from"./components/modals/styledModal.js";export{DropdownPopover}from"./components/dropdown/DropdownPopover/index.js";export{Dropdown}from"./components/dropdown/Dropdown.js";export{ChipDropdown,ChipDropdownContainer}from"./components/dropdown/ChipDropdown.js";export{OpenedDropdown}from"./components/dropdown/OpenedDropdown/components/OpennedDropdown.js";export{MenuItemDropdown}from"./components/dropdown/MenuItem/MenuItem.js";export{AnalyticsCard}from"./components/analytics-card/AnalyticsCard.js";export{AnalyticsContainer,CardDataContainer}from"./components/analytics-card/AnalyticsCard.styled.js";export{Input}from"./components/input/Input.js";export{AnalyticsChip}from"./components/analytics-chips-and-dropdowns/AnalyticsChip.js";export{AnalyticsDropdown,EachItem,formatDate}from"./components/analytics-chips-and-dropdowns/AnalyticsDropdown.js";export{AnalyticsMultiChip}from"./components/analytics-chips-and-dropdowns/AnalyticsMultiChip.js";export{AnalyticsMetric}from"./components/analytics-chips-and-dropdowns/AnalyticsMetric.js";export{AnalyticsTrend}from"./components/analytics-chips-and-dropdowns/AnalyticsTrend.js";export{LineChart}from"./components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.js";export{LinearChipGroupedChart}from"./components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.js";export{Card,PieChartAnalytics}from"./components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js";export{PieChart}from"./components/analytics-chips-and-dropdowns/chart/Pie/PieChart.js";export{HorizontalGraph}from"./components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js";export{StackedBarChart}from"./components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js";export{StackedBarDistributionChart}from"./components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.js";export{GRAPH_ORIENTATION}from"./components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.model.js";export{VerticalGraph}from"./components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js";export{FunnelVerticalBarGraph}from"./components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.js";export{HEAT,HEAT_COLORS,HEAT_GRADING_TYPE,HeatMap}from"./components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.js";export{HeatBoxStyled,HeatMapVertical}from"./components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.js";export{VerticalBarAndLinearGraph}from"./components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js";export{TruncateValue,calculatePercentage,roundNumber,truncateValueForIndianStore,truncateValueForInternationalStore,truncateValueTo10K,truncateValueToA,truncateValueToB,truncateValueToC,truncateValueToK,truncateValueToL,truncateValueToM,truncateValueToT}from"./components/analytics-chips-and-dropdowns/chart/utils/calcPercentage.js";export{AVATAR_SIZE_VS_ICON_SIZE_MAP,Avatar,BACKGROUND_VS_TEXT_COLOR_MAP,MESSAGE_CHANNELS}from"./components/avatar/Avatar.js";export{AVATAR_BACKGROUND,AVATAR_SIZE_MAP,AVATAR_TYPES,SIZE}from"./components/avatar/AvatarHelper.js";export{Alert}from"./components/alerts/Alert.js";export{ALERT_TYPES,COLOR_CONFIG_MAP,CONTENT_POSITION}from"./components/alerts/AlertHelper.js";export{RATIO,Thumbnail}from"./components/thumbnail/Thumbnail.js";export{Curtain}from"./components/curtain/Curtain.js";export{DatePicker}from"./components/datePicker/DatePicker.js";export{DateButtonType,DatePickerWrapper}from"./components/datePicker/DatePickerWrapper.js";export{Loader,Switch,SwitchContainer,Thumb}from"./components/switch/Switch.js";export{SubscriptionPlan}from"./components/plans/SubscriptionPlan.js";export{BottomWrapper,HeaderWrapper,SubscriptionPlanSelector,defaultTabs}from"./components/plans/SubscriptionPlanSelector.js";export{NewSubscriptionPlan}from"./components/plans/NewSubscriptionPlan.js";export{SubscriptionPlansCollected}from"./components/plans/SubscriptionPlansCollected.js";export{TabItemComponent,Tabs}from"./components/tabs/Tabs.js";export{DynamicTabs}from"./components/dynamic-tabs/DynamicTabs.js";export{BikShimmer}from"./components/shimmer/ShimmerComponent/BikShimmer.js";export{TablePagination}from"./components/TablePagination/TablePagination.js";export{TablePaginationCard,TablePaginationCardStyled}from"./components/TablePagination/TablePaginationCard.js";export{StateModalComponent}from"./components/states-modal/StateModalComponent.js";export{DeleteConfirmationModal}from"./components/states-modal/DeleteConfirmationModal.js";export{ButtonActions,ButtonTypes,StateComponent,StateInterface}from"./components/states/StateComponent.js";export{ShopifyScopeWrapper}from"./components/states/ShopifyScopeWrapper.js";export{WhatsAppTextEditor}from"./components/WhatsAppTextEditor/WhatsAppTextEditor.js";export{CustomRightBorder,EditorActionTypes,WhatsAppTextEditorHeader}from"./components/WhatsAppTextEditor/WhatsAppTextEditorHeader.js";export{BaseWhatsappContentLangHelper}from"./helpers/BaseWhatsappContentLang.helper.js";export{CURTAIN_COLOR_CONFIG_MAP,CURTAIN_MODE,CURTAIN_TYPES}from"./components/curtain/CurtainHelper.js";export{resizeImage}from"./utils/resizeImage.js";export{PickerType}from"./components/variable-picker-v3/model.js";export{CardSelectionModal}from"./components/card-selection-modal/CardSelectionModal.js";export{BikImageCropper}from"./components/image-cropper/BikImageCropper.js";export{BikImagePipeline}from"./components/image-cropper/BikImagePipeline/BikImagePipeline.js";export{ButtonGroup}from"./components/buttonGroup/ButtonGroup.js";export{BikAccordion}from"./components/accordion/Accordion.js";export{FileUploader}from"./components/file-uploader/FileUploader.js";export{ColourInput}from"./components/colourInput/ColourInput.js";export{BikHeader}from"./components/bik-layout/BikHeader.js";export{BikLayout}from"./components/bik-layout/BikLayout.js";export{BikProfile}from"./components/bik-layout/BikProfile.js";export{SimpleSidebar}from"./components/bik-layout/SimpleSidebar.js";export{BikSidebar}from"./components/bik-layout/BikSidebar.js";export{FeatureModal}from"./components/bik-layout/FeatureModal.js";export{SidebarSkeleton}from"./components/bik-layout/SidebarSkeleton.js";export{ShowShopifyRestrictedModal}from"./components/bik-layout/ShowShopifyRestrictedModal.js";export{FeatureModalV2}from"./components/bik-layout/FeatureModalV2.js";export{SearchBar}from"./components/searchBar/searchBar.js";export{CustomDateTime}from"./components/custom-date-time/CustomDateTime.js";export{PricePleaseProductPicker,ProductPickerContent}from"./components/product-picker/ProductPickerModal.js";export{DiscountModal}from"./components/discount-modal/DiscountModal.js";export{CouponExpiration}from"./components/discount-modal/CouponExpiration/CouponExpiration.js";export{COUPON_EXPIRATION,DISCOUNT_APPLIES_TO,DISCOUNT_TARGET_SELECTION,DISCOUNT_TARGET_TYPES,DISCOUNT_TYPES,DISCOUNT_VALUE_TYPES,MIN_PURCHASE_REQUIREMENT,OFFER_APPLIES_TO,initialDynamicCouponErrorState,initialStaticCouponErrorState}from"./components/discount-modal/type.js";export{CountryCodePicker}from"./components/country-code-picker/CountryCodePicker.js";export{CountriesData}from"./components/country-code-picker/CountryCodePicker.modal.js";export{DEFAULT_IMAGE,ShimmerImage}from"./components/shimmer-image/ShimmerImage.js";export{ProductPickerModal,ScreenName}from"./components/product-picker-v2/modal.js";export{Carousel}from"./components/carousel/carousel.js";export{CarouselSecondary,CarouselVersion}from"./components/carousel-secondary/CarouselSecondary.js";export{AccessTokenTroubleshootDialog}from"./components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.js";export{RadioList}from"./components/radioList/RadioList.js";export{CheckList}from"./components/checkList/CheckList.js";export{DateKeys,MEDIA_TYPES,PostPicker,dateOptions}from"./components/postPicker/postPicker.js";export{DropdownButton}from"./components/dropdown-button/DropdownButton.js";export{SideModal}from"./components/side-modal/SideModal.js";export{KeywordsInput}from"./components/keywords-input/KeywordsInput.js";export{AddVariableV2SideModal}from"./components/add-variableV2/AddVariableV2SideModal.js";export{AddVariableV2}from"./components/add-variableV2/AddVariableV2.js";export{NaLinkWrapper,NavigationHyperlink}from"./components/navigation-hyperlink/NavigationHyperlink.js";export{SearchFilter}from"./components/SearchFilter/index.js";export{InputWithVariables}from"./components/input-with-vars/InputWithVariables.js";export{DashboardReviewPopUp}from"./components/dashboard-review-popup/DashboardReviewPopUp.js";export{StarRating}from"./components/star-rating/StarRating.js";export{TestimonialCard}from"./components/testimonial-card/TestimonialCard.js";export{BikSlider}from"./components/slider/slider.js";export{ResizableImage}from"./components/resizeImage/index.js";export{validateURL}from"./utils/validator.js";export{CarouselPreview}from"./components/carousel-preview/CarouselPreview.js";export{Floater}from"./components/floater/floater.js";export{CardSelector}from"./components/card-selector/CardSelector.js";export{CardSelectorGroup}from"./components/card-selector/CardSelectorGroup.js";export{VariablePicker}from"./components/variable-picker-v3/VariablePicker.js";export{ActionButtons}from"./components/action-button/ActionButtons.js";export{ActivateBikAi}from"./components/ai-modals/ActivateBikAI.js";export{AiSyncProgress}from"./components/ai-modals/AiSyncProgress.js";export{AiCreditsExhausted}from"./components/ai-modals/AiCreditsExhausted.js";export{AiCreditsLow}from"./components/ai-modals/AiCreditsLow.js";export{CustomPortal}from"./components/input-with-vars/customPortal.js";export{FloatingInputDropdown}from"./components/floating-input-dropdown/FloatingInputDropdown.js";export{MultilevelDropdownPopover}from"./components/dropdown/MultilevelDropdownPopover/index.js";export{DropShadow}from"./components/dropShadow/DropShadow.js";export{MultiLevelDropdown}from"./components/multi-level-dropdown/MultiLevelDropdown.js";export{DataSourcePanel}from"./components/data-source-panel/DataSourcePanel.js";export{UnsatisfactoryResponseList}from"./components/unsatisfactory-response-list/UnsatisfactoryResponseList.js";export{UnsatisfactoryCountIntentWiseModal}from"./components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.js";export{CustomDataCategories,CustomDataType}from"./components/data-source-panel/model.js";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bikdotai/bik-component-library",
3
- "version": "0.0.682-beta.2",
3
+ "version": "0.0.682-beta.pp-2",
4
4
  "description": "Bik Component Library",
5
5
  "repository": {
6
6
  "type": "git",
@@ -1,12 +0,0 @@
1
- import React from 'react';
2
- export interface TextPickerCategoryCardProps {
3
- id: string;
4
- name: string;
5
- itemsCount: number;
6
- selectedCount: number;
7
- isChecked: boolean;
8
- isPartiallyChecked: boolean;
9
- onCheck: (checked: boolean, e?: React.MouseEvent) => void;
10
- onClick: (e: React.MouseEvent) => void;
11
- }
12
- export declare const TextPickerCategoryCard: React.FC<TextPickerCategoryCardProps>;
@@ -1,13 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("styled-components"),r=require("../../constants/Theme.js"),i=require("../checkBox/CheckBox.js"),s=require("../icon-button/IconButton.js"),o=require("../tag/Tag.js"),n=require("../TypographyStyle.js"),c=require("../../assets/icons/chevronRight.svg.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const l=a(t).default.div`
2
- height: 64px;
3
- background-color: ${e=>{let{isSelected:t,isActive:i}=e;return t?r.COLORS.background.positive.light:i?r.COLORS.surface.hovered:r.COLORS.surface.standard}};
4
- border-bottom: 1px solid ${r.COLORS.stroke.primary};
5
- padding: 12px 24px;
6
- display: flex;
7
- align-items: center;
8
- cursor: pointer;
9
- transition: background 0.2s;
10
- &:hover {
11
- background-color: ${e=>{let{isSelected:t}=e;return t?r.COLORS.background.positive.light:r.COLORS.surface.hovered}};
12
- }
13
- `;exports.TextPickerCategoryCard=t=>{let{id:a,name:d,itemsCount:u,selectedCount:g,isChecked:h,isPartiallyChecked:x,onCheck:p,onClick:y}=t;return e.jsxs(l,Object.assign({isActive:h||x,isSelected:h,onClick:y},{children:[e.jsx(i.CheckBox,{isChecked:h||x,isPartiallyChecked:x&&!h,onValueChange:function(e,t,r){null==r||r.stopPropagation(),p(e,r)},style:{marginRight:16}}),e.jsxs("div",Object.assign({style:{flex:1,display:"flex",flexDirection:"column"}},{children:[e.jsx(n.BodyPrimary,{children:d}),e.jsxs(n.BodyCaption,Object.assign({style:{color:r.COLORS.text.secondary,fontSize:13}},{children:[u," document",1!==u?"s":""]}))]})),!!g&&e.jsx(o.Tag,{tagText:`${g} selected`,type:"positive",style:{marginLeft:12}}),e.jsx(s.IconButton,{Icon:c.default,height:16,width:16,style:{marginLeft:8}})]}))};
@@ -1,6 +0,0 @@
1
- import React from 'react';
2
- export interface TextPickerFooterProps {
3
- totalSelected: number;
4
- maxDocuments: number;
5
- }
6
- export declare const TextPickerFooter: React.FC<TextPickerFooterProps>;
@@ -1,15 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../tag/Tag.js"),n=require("../TypographyStyle.js"),r=require("../../constants/Theme.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=i(require("styled-components"));const o=s.default.div`
2
- box-sizing: border-box;
3
- width: 100%;
4
- margin: 0;
5
- display: flex;
6
- justify-content: flex-start;
7
- align-items: center;
8
- `,c=s.default.div`
9
- display: flex;
10
- align-items: center;
11
- `,a=s.default(n.BodyCaption)`
12
- color: ${e=>{let{$isInactive:t}=e;return t?r.COLORS.content.inactive:r.COLORS.content.brand}};
13
- font-weight: 600;
14
- font-size: 18px;
15
- `;exports.TextPickerFooter=n=>{let{totalSelected:r,maxDocuments:i}=n;const s=i!==1/0&&r>i;return e.jsx(o,{children:e.jsx(c,{children:s?e.jsx(t.Tag,{tagText:`You can only select ${i} documents`,type:"negative"}):e.jsx(a,Object.assign({$isInactive:0===r},{children:i!==1/0?`${r}/${i} documents selected`:`${r} documents selected`}))})})};
@@ -1,11 +0,0 @@
1
- import React from 'react';
2
- export interface TextPickerItemRowProps {
3
- item: {
4
- id: string;
5
- name: string;
6
- };
7
- selected: boolean;
8
- onCheck: (checked: boolean) => void;
9
- onClick: () => void;
10
- }
11
- export declare const TextPickerItemRow: React.FC<TextPickerItemRowProps>;
@@ -1,17 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("styled-components"),t=require("../../constants/Theme.js"),i=require("../checkBox/CheckBox.js"),n=require("../TypographyStyle.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=s(r);const o=c.default.div`
2
- min-height: 48px;
3
- background: ${e=>{let{selected:r}=e;return r?t.COLORS.surface.hovered:t.COLORS.surface.standard}};
4
- border-bottom: 1px solid ${t.COLORS.stroke.primary};
5
- padding: 12px 24px;
6
- display: flex;
7
- align-items: center;
8
- cursor: pointer;
9
- `,d=c.default.div`
10
- margin-right: 16px;
11
- display: flex;
12
- flex-direction: column;
13
- justify-content: center;
14
- align-items: center;
15
- `,l=c.default.div`
16
- flex: 1;
17
- `;exports.TextPickerItemRow=r=>{let{item:t,selected:s,onCheck:c,onClick:a}=r;return e.jsxs(o,Object.assign({selected:s,onClick:a},{children:[e.jsx(d,{children:e.jsx(i.CheckBox,{isChecked:s,onValueChange:c})}),e.jsx(l,{children:e.jsx(n.BodyPrimary,{children:t.name})})]}))};
@@ -1,29 +0,0 @@
1
- import React from 'react';
2
- import type { ButtonProps } from '../button/model';
3
- export interface TextPickerCategory {
4
- id: string;
5
- name: string;
6
- items: {
7
- id: string;
8
- name: string;
9
- }[];
10
- }
11
- export interface TextPickerProps {
12
- visible: boolean;
13
- categories: TextPickerCategory[];
14
- selectedItems: {
15
- [categoryId: string]: string[];
16
- };
17
- onAdd: (selected: {
18
- [categoryId: string]: string[];
19
- }) => void;
20
- onClose?: () => void;
21
- title?: string;
22
- subtitle?: string;
23
- width?: string;
24
- zIndex?: number;
25
- maxDocuments?: number;
26
- primaryButton?: ButtonProps;
27
- secondaryButton?: ButtonProps;
28
- }
29
- export declare const TextPickerModal: React.FC<TextPickerProps>;
@@ -1,26 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),i=require("../../constants/Theme.js"),r=require("../modals/styledModal.js"),n=require("./TextPickerCategoryCard.js"),o=require("./TextPickerSelectAllRow.js"),l=require("./TextPickerItemRow.js"),s=require("./TextPickerFooter.js"),d=require("../input/Input.js"),a=require("../TypographyStyle.js"),c=require("../../assets/icons/arrow_left.svg.js"),u=require("../icon-button/IconButton.js");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var g=h(require("styled-components"));const x=g.default.div`
2
- display: flex;
3
- flex-direction: column;
4
- height: 100%;
5
- `,m=g.default.div`
6
- padding: 12px 24px;
7
- border-bottom: 1px solid ${i.COLORS.stroke.primary};
8
- `,p=g.default.div`
9
- flex: 1;
10
- overflow-y: auto;
11
- min-height: 0;
12
- `,j=g.default.div`
13
- display: flex;
14
- align-items: center;
15
- padding: 0 24px;
16
- background: ${i.COLORS.surface.subdued};
17
- border-bottom: 1px solid ${i.COLORS.stroke.primary};
18
- `,v=g.default.div`
19
- flex: 1;
20
- display: flex;
21
- align-items: center;
22
- justify-content: center;
23
- color: ${i.COLORS.content.secondary};
24
- text-align: center;
25
- padding: 32px;
26
- `;exports.TextPickerModal=h=>{var g,y;const{visible:C,categories:f,selectedItems:b,onAdd:k,onClose:O,title:S="Select Text",subtitle:T,width:w="640px",zIndex:L}=h,q=null!==(g=h.maxDocuments)&&void 0!==g?g:1/0,[B,P]=t.useState("categories"),[R,I]=t.useState(""),[A,F]=t.useState(b),[$,M]=t.useState(null),D=f.filter((e=>e.name.toLowerCase().includes(R.toLowerCase()))),_=$?$.items.filter((e=>e.name.toLowerCase().includes(R.toLowerCase()))):[],z=Object.values(A).reduce(((e,t)=>e+t.length),0),N=T||"",E=e=>{var t;return e.items.length>0&&(null===(t=A[e.id])||void 0===t?void 0:t.length)===e.items.length},G=e=>{var t;return!!(null===(t=A[e.id])||void 0===t?void 0:t.length)&&A[e.id].length<e.items.length},H=()=>{var e;return!!$&&_.length>0&&(null===(e=A[$.id])||void 0===e?void 0:e.length)===_.length},J=(e,t)=>{$&&F((i=>{const r=i[$.id]||[];return t&&z>=q?i:Object.assign(Object.assign({},i),{[$.id]:t?[...r,e]:r.filter((t=>t!==e))})}))};return e.jsx(r.StyledModal,Object.assign({open:C,onClose:O,headingTitle:S,headingSubtitle:N,centralContainerStyles:{width:w,zIndex:L},hideCrossButton:!1,primaryButton:h.primaryButton?Object.assign(Object.assign({},h.primaryButton),{buttonText:h.primaryButton.isLoading?"Loading...":h.primaryButton.buttonText||"Add",disabled:null!==(y=h.primaryButton.disabled)&&void 0!==y&&y||0===z||q!==1/0&&z>q,onClick:h.primaryButton.onClick||(()=>k(A))}):{buttonText:"Add",disabled:0===z||q!==1/0&&z>q,onClick:()=>k(A)},footerLeftCustomElement:e.jsx(s.TextPickerFooter,{totalSelected:z,maxDocuments:q}),footerContainerStyle:{borderTop:`1px solid ${i.COLORS.stroke.primary}`,background:i.COLORS.surface.standard},modalBodyStyles:{overflow:"hidden",display:"flex",flexDirection:"column",flex:1},wrapperStyle:{height:"calc(100vh - 168px)"}},{children:e.jsx(x,{children:"categories"===B?e.jsxs(e.Fragment,{children:[e.jsx(m,{children:e.jsx(d.Input,{placeholder:"Search ...",value:R,onChangeText:I,height:"40px"})}),e.jsx(p,{children:0===D.length?e.jsx(v,{children:"No categories found. Try a different search."}):D.map((t=>{var i;return e.jsx(n.TextPickerCategoryCard,{id:t.id,name:t.name,itemsCount:t.items.length,selectedCount:(null===(i=A[t.id])||void 0===i?void 0:i.length)||0,isChecked:E(t),isPartiallyChecked:G(t)&&!E(t),onCheck:(e,i)=>((e,t,i)=>{i&&i.stopPropagation(),F((i=>Object.assign(Object.assign({},i),{[e.id]:t?e.items.map((e=>e.id)):[]})))})(t,e,i),onClick:()=>(e=>{M(e),P("items"),I("")})(t)},t.id)}))})]}):e.jsxs(e.Fragment,{children:[e.jsxs(j,{children:[e.jsx(u.IconButton,{Icon:c.default,height:16,width:16,onClick:()=>{P("categories"),M(null),I("")},style:{marginRight:8},"aria-label":"Back"}),e.jsx(a.BodyCaption,Object.assign({style:{color:i.COLORS.content.secondary}},{children:null==$?void 0:$.name}))]}),e.jsx(m,{children:e.jsx(d.Input,{placeholder:"Search ...",value:R,onChangeText:I,height:"40px"})}),e.jsx(p,{children:0===_.length?e.jsx(v,{children:"No items found. Try a different search."}):e.jsxs(e.Fragment,{children:[e.jsx(o.TextPickerSelectAllRow,{isChecked:H(),isPartiallyChecked:(()=>{var e;return!!$&&!!(null===(e=A[$.id])||void 0===e?void 0:e.length)&&A[$.id].length<_.length})()&&!H(),onCheck:e=>{$&&F((t=>e?Object.assign(Object.assign({},t),{[$.id]:_.map((e=>e.id))}):Object.assign(Object.assign({},t),{[$.id]:[]})))}}),_.map((t=>{var i;return e.jsx(l.TextPickerItemRow,{item:t,selected:(null===(i=A[$.id])||void 0===i?void 0:i.includes(t.id))||!1,onCheck:e=>J(t.id,e),onClick:()=>{var e;return J(t.id,!(null===(e=A[$.id])||void 0===e?void 0:e.includes(t.id)))}},t.id)}))]})})]})})}))};
@@ -1,7 +0,0 @@
1
- import React from 'react';
2
- export interface TextPickerSelectAllRowProps {
3
- isChecked: boolean;
4
- isPartiallyChecked: boolean;
5
- onCheck: (checked: boolean) => void;
6
- }
7
- export declare const TextPickerSelectAllRow: React.FC<TextPickerSelectAllRowProps>;
@@ -1,17 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("styled-components"),t=require("../../constants/Theme.js"),i=require("../checkBox/CheckBox.js"),s=require("../TypographyStyle.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=c(r);const d=l.default.div`
2
- background: ${e=>{let{isActive:r}=e;return r?t.COLORS.surface.hovered:t.COLORS.surface.subdued}};
3
- border-bottom: 1px solid ${t.COLORS.stroke.primary};
4
- padding: 12px 24px;
5
- display: flex;
6
- align-items: center;
7
- cursor: default;
8
- flex-direction: row;
9
- justify-content: center;
10
- align-items: center;
11
-
12
- `,n=l.default.div`
13
- display: flex;
14
- margin-right: 16px;
15
- `,a=l.default.div`
16
- flex: 1;
17
- `;exports.TextPickerSelectAllRow=r=>{let{isChecked:t,isPartiallyChecked:c,onCheck:l}=r;return e.jsxs(d,Object.assign({isActive:t||c},{children:[e.jsx(n,{children:e.jsx(i.CheckBox,{isChecked:t||c,isPartiallyChecked:c&&!t,onValueChange:l})}),e.jsx(a,{children:e.jsx(s.BodyPrimary,{children:"Select All"})})]}))};
@@ -1 +0,0 @@
1
- export * from './TextPickerModal';
@@ -1,12 +0,0 @@
1
- import React from 'react';
2
- export interface TextPickerCategoryCardProps {
3
- id: string;
4
- name: string;
5
- itemsCount: number;
6
- selectedCount: number;
7
- isChecked: boolean;
8
- isPartiallyChecked: boolean;
9
- onCheck: (checked: boolean, e?: React.MouseEvent) => void;
10
- onClick: (e: React.MouseEvent) => void;
11
- }
12
- export declare const TextPickerCategoryCard: React.FC<TextPickerCategoryCardProps>;
@@ -1,13 +0,0 @@
1
- import{jsxs as e,jsx as t}from"react/jsx-runtime";import o from"styled-components";import{COLORS as i}from"../../constants/Theme.js";import{CheckBox as r}from"../checkBox/CheckBox.js";import{IconButton as s}from"../icon-button/IconButton.js";import{Tag as n}from"../tag/Tag.js";import{BodyPrimary as c,BodyCaption as l}from"../TypographyStyle.js";import a from"../../assets/icons/chevronRight.svg.js";const d=o.div`
2
- height: 64px;
3
- background-color: ${e=>{let{isSelected:t,isActive:o}=e;return t?i.background.positive.light:o?i.surface.hovered:i.surface.standard}};
4
- border-bottom: 1px solid ${i.stroke.primary};
5
- padding: 12px 24px;
6
- display: flex;
7
- align-items: center;
8
- cursor: pointer;
9
- transition: background 0.2s;
10
- &:hover {
11
- background-color: ${e=>{let{isSelected:t}=e;return t?i.background.positive.light:i.surface.hovered}};
12
- }
13
- `,m=o=>{let{id:m,name:h,itemsCount:p,selectedCount:g,isChecked:u,isPartiallyChecked:f,onCheck:y,onClick:k}=o;return e(d,Object.assign({isActive:u||f,isSelected:u,onClick:k},{children:[t(r,{isChecked:u||f,isPartiallyChecked:f&&!u,onValueChange:function(e,t,o){null==o||o.stopPropagation(),y(e,o)},style:{marginRight:16}}),e("div",Object.assign({style:{flex:1,display:"flex",flexDirection:"column"}},{children:[t(c,{children:h}),e(l,Object.assign({style:{color:i.text.secondary,fontSize:13}},{children:[p," document",1!==p?"s":""]}))]})),!!g&&t(n,{tagText:`${g} selected`,type:"positive",style:{marginLeft:12}}),t(s,{Icon:a,height:16,width:16,style:{marginLeft:8}})]}))};export{m as TextPickerCategoryCard};
@@ -1,6 +0,0 @@
1
- import React from 'react';
2
- export interface TextPickerFooterProps {
3
- totalSelected: number;
4
- maxDocuments: number;
5
- }
6
- export declare const TextPickerFooter: React.FC<TextPickerFooterProps>;
@@ -1,15 +0,0 @@
1
- import{jsx as t}from"react/jsx-runtime";import{Tag as e}from"../tag/Tag.js";import{BodyCaption as n}from"../TypographyStyle.js";import{COLORS as o}from"../../constants/Theme.js";import i from"styled-components";const r=i.div`
2
- box-sizing: border-box;
3
- width: 100%;
4
- margin: 0;
5
- display: flex;
6
- justify-content: flex-start;
7
- align-items: center;
8
- `,s=i.div`
9
- display: flex;
10
- align-items: center;
11
- `,c=i(n)`
12
- color: ${t=>{let{$isInactive:e}=t;return e?o.content.inactive:o.content.brand}};
13
- font-weight: 600;
14
- font-size: 18px;
15
- `,a=n=>{let{totalSelected:o,maxDocuments:i}=n;return t(r,{children:t(s,{children:i!==1/0&&o>i?t(e,{tagText:`You can only select ${i} documents`,type:"negative"}):t(c,Object.assign({$isInactive:0===o},{children:i!==1/0?`${o}/${i} documents selected`:`${o} documents selected`}))})})};export{a as TextPickerFooter};
@@ -1,11 +0,0 @@
1
- import React from 'react';
2
- export interface TextPickerItemRowProps {
3
- item: {
4
- id: string;
5
- name: string;
6
- };
7
- selected: boolean;
8
- onCheck: (checked: boolean) => void;
9
- onClick: () => void;
10
- }
11
- export declare const TextPickerItemRow: React.FC<TextPickerItemRowProps>;
@@ -1,17 +0,0 @@
1
- import{jsxs as e,jsx as r}from"react/jsx-runtime";import t from"styled-components";import{COLORS as i}from"../../constants/Theme.js";import{CheckBox as n}from"../checkBox/CheckBox.js";import{BodyPrimary as o}from"../TypographyStyle.js";const c=t.div`
2
- min-height: 48px;
3
- background: ${e=>{let{selected:r}=e;return r?i.surface.hovered:i.surface.standard}};
4
- border-bottom: 1px solid ${i.stroke.primary};
5
- padding: 12px 24px;
6
- display: flex;
7
- align-items: center;
8
- cursor: pointer;
9
- `,s=t.div`
10
- margin-right: 16px;
11
- display: flex;
12
- flex-direction: column;
13
- justify-content: center;
14
- align-items: center;
15
- `,l=t.div`
16
- flex: 1;
17
- `,d=t=>{let{item:i,selected:d,onCheck:m,onClick:a}=t;return e(c,Object.assign({selected:d,onClick:a},{children:[r(s,{children:r(n,{isChecked:d,onValueChange:m})}),r(l,{children:r(o,{children:i.name})})]}))};export{d as TextPickerItemRow};
@@ -1,29 +0,0 @@
1
- import React from 'react';
2
- import type { ButtonProps } from '../button/model';
3
- export interface TextPickerCategory {
4
- id: string;
5
- name: string;
6
- items: {
7
- id: string;
8
- name: string;
9
- }[];
10
- }
11
- export interface TextPickerProps {
12
- visible: boolean;
13
- categories: TextPickerCategory[];
14
- selectedItems: {
15
- [categoryId: string]: string[];
16
- };
17
- onAdd: (selected: {
18
- [categoryId: string]: string[];
19
- }) => void;
20
- onClose?: () => void;
21
- title?: string;
22
- subtitle?: string;
23
- width?: string;
24
- zIndex?: number;
25
- maxDocuments?: number;
26
- primaryButton?: ButtonProps;
27
- secondaryButton?: ButtonProps;
28
- }
29
- export declare const TextPickerModal: React.FC<TextPickerProps>;
@@ -1,26 +0,0 @@
1
- import{jsx as e,jsxs as t,Fragment as i}from"react/jsx-runtime";import{useState as o}from"react";import{COLORS as n}from"../../constants/Theme.js";import{StyledModal as r}from"../modals/styledModal.js";import{TextPickerCategoryCard as l}from"./TextPickerCategoryCard.js";import{TextPickerSelectAllRow as d}from"./TextPickerSelectAllRow.js";import{TextPickerItemRow as s}from"./TextPickerItemRow.js";import{TextPickerFooter as a}from"./TextPickerFooter.js";import{Input as c}from"../input/Input.js";import{BodyCaption as m}from"../TypographyStyle.js";import h from"../../assets/icons/arrow_left.svg.js";import{IconButton as u}from"../icon-button/IconButton.js";import g from"styled-components";const p=g.div`
2
- display: flex;
3
- flex-direction: column;
4
- height: 100%;
5
- `,f=g.div`
6
- padding: 12px 24px;
7
- border-bottom: 1px solid ${n.stroke.primary};
8
- `,v=g.div`
9
- flex: 1;
10
- overflow-y: auto;
11
- min-height: 0;
12
- `,x=g.div`
13
- display: flex;
14
- align-items: center;
15
- padding: 0 24px;
16
- background: ${n.surface.subdued};
17
- border-bottom: 1px solid ${n.stroke.primary};
18
- `,y=g.div`
19
- flex: 1;
20
- display: flex;
21
- align-items: center;
22
- justify-content: center;
23
- color: ${n.content.secondary};
24
- text-align: center;
25
- padding: 32px;
26
- `,b=g=>{var b,C;const{visible:j,categories:k,selectedItems:T,onAdd:w,onClose:O,title:B="Select Text",subtitle:S,width:I="640px",zIndex:L}=g,P=null!==(b=g.maxDocuments)&&void 0!==b?b:1/0,[$,A]=o("categories"),[D,R]=o(""),[z,N]=o(T),[E,F]=o(null),M=k.filter((e=>e.name.toLowerCase().includes(D.toLowerCase()))),_=E?E.items.filter((e=>e.name.toLowerCase().includes(D.toLowerCase()))):[],q=Object.values(z).reduce(((e,t)=>e+t.length),0),G=S||"",H=e=>{var t;return e.items.length>0&&(null===(t=z[e.id])||void 0===t?void 0:t.length)===e.items.length},J=e=>{var t;return!!(null===(t=z[e.id])||void 0===t?void 0:t.length)&&z[e.id].length<e.items.length},K=()=>{var e;return!!E&&_.length>0&&(null===(e=z[E.id])||void 0===e?void 0:e.length)===_.length},Q=(e,t)=>{E&&N((i=>{const o=i[E.id]||[];return t&&q>=P?i:Object.assign(Object.assign({},i),{[E.id]:t?[...o,e]:o.filter((t=>t!==e))})}))};return e(r,Object.assign({open:j,onClose:O,headingTitle:B,headingSubtitle:G,centralContainerStyles:{width:I,zIndex:L},hideCrossButton:!1,primaryButton:g.primaryButton?Object.assign(Object.assign({},g.primaryButton),{buttonText:g.primaryButton.isLoading?"Loading...":g.primaryButton.buttonText||"Add",disabled:null!==(C=g.primaryButton.disabled)&&void 0!==C&&C||0===q||P!==1/0&&q>P,onClick:g.primaryButton.onClick||(()=>w(z))}):{buttonText:"Add",disabled:0===q||P!==1/0&&q>P,onClick:()=>w(z)},footerLeftCustomElement:e(a,{totalSelected:q,maxDocuments:P}),footerContainerStyle:{borderTop:`1px solid ${n.stroke.primary}`,background:n.surface.standard},modalBodyStyles:{overflow:"hidden",display:"flex",flexDirection:"column",flex:1},wrapperStyle:{height:"calc(100vh - 168px)"}},{children:e(p,{children:t(i,"categories"===$?{children:[e(f,{children:e(c,{placeholder:"Search ...",value:D,onChangeText:R,height:"40px"})}),e(v,{children:0===M.length?e(y,{children:"No categories found. Try a different search."}):M.map((t=>{var i;return e(l,{id:t.id,name:t.name,itemsCount:t.items.length,selectedCount:(null===(i=z[t.id])||void 0===i?void 0:i.length)||0,isChecked:H(t),isPartiallyChecked:J(t)&&!H(t),onCheck:(e,i)=>((e,t,i)=>{i&&i.stopPropagation(),N((i=>Object.assign(Object.assign({},i),{[e.id]:t?e.items.map((e=>e.id)):[]})))})(t,e,i),onClick:()=>(e=>{F(e),A("items"),R("")})(t)},t.id)}))})]}:{children:[t(x,{children:[e(u,{Icon:h,height:16,width:16,onClick:()=>{A("categories"),F(null),R("")},style:{marginRight:8},"aria-label":"Back"}),e(m,Object.assign({style:{color:n.content.secondary}},{children:null==E?void 0:E.name}))]}),e(f,{children:e(c,{placeholder:"Search ...",value:D,onChangeText:R,height:"40px"})}),e(v,{children:0===_.length?e(y,{children:"No items found. Try a different search."}):t(i,{children:[e(d,{isChecked:K(),isPartiallyChecked:(()=>{var e;return!!E&&!!(null===(e=z[E.id])||void 0===e?void 0:e.length)&&z[E.id].length<_.length})()&&!K(),onCheck:e=>{E&&N((t=>e?Object.assign(Object.assign({},t),{[E.id]:_.map((e=>e.id))}):Object.assign(Object.assign({},t),{[E.id]:[]})))}}),_.map((t=>{var i;return e(s,{item:t,selected:(null===(i=z[E.id])||void 0===i?void 0:i.includes(t.id))||!1,onCheck:e=>Q(t.id,e),onClick:()=>{var e;return Q(t.id,!(null===(e=z[E.id])||void 0===e?void 0:e.includes(t.id)))}},t.id)}))]})})]})})}))};export{b as TextPickerModal};
@@ -1,7 +0,0 @@
1
- import React from 'react';
2
- export interface TextPickerSelectAllRowProps {
3
- isChecked: boolean;
4
- isPartiallyChecked: boolean;
5
- onCheck: (checked: boolean) => void;
6
- }
7
- export declare const TextPickerSelectAllRow: React.FC<TextPickerSelectAllRowProps>;
@@ -1,17 +0,0 @@
1
- import{jsxs as e,jsx as r}from"react/jsx-runtime";import i from"styled-components";import{COLORS as t}from"../../constants/Theme.js";import{CheckBox as o}from"../checkBox/CheckBox.js";import{BodyPrimary as c}from"../TypographyStyle.js";const s=i.div`
2
- background: ${e=>{let{isActive:r}=e;return r?t.surface.hovered:t.surface.subdued}};
3
- border-bottom: 1px solid ${t.stroke.primary};
4
- padding: 12px 24px;
5
- display: flex;
6
- align-items: center;
7
- cursor: default;
8
- flex-direction: row;
9
- justify-content: center;
10
- align-items: center;
11
-
12
- `,n=i.div`
13
- display: flex;
14
- margin-right: 16px;
15
- `,l=i.div`
16
- flex: 1;
17
- `,d=i=>{let{isChecked:t,isPartiallyChecked:d,onCheck:a}=i;return e(s,Object.assign({isActive:t||d},{children:[r(n,{children:r(o,{isChecked:t||d,isPartiallyChecked:d&&!t,onValueChange:a})}),r(l,{children:r(c,{children:"Select All"})})]}))};export{d as TextPickerSelectAllRow};
@@ -1 +0,0 @@
1
- export * from './TextPickerModal';