@bikdotai/bik-component-library 0.0.639 → 0.0.640-0
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.
- package/dist/cjs/components/QueryBuilder/Triggers/EVENTS/components/EventsTrigger.d.ts +1 -1
- package/dist/cjs/components/QueryBuilder/Triggers/EVENTS/selectors/useIGTriggerNameCacheSelector.d.ts +1 -1
- package/dist/cjs/components/QueryBuilder/Triggers/IG/components/IGTrigger.d.ts +1 -1
- package/dist/cjs/components/QueryBuilder/Triggers/IG/selectors/useIGTriggerNameCacheSelector.d.ts +1 -1
- package/dist/cjs/components/QueryBuilder/Triggers/components/BaseTriggerQueryBuilderNode.d.ts +2 -2
- package/dist/cjs/components/bik-layout/MockMenus.d.ts +1 -0
- package/dist/cjs/components/product-picker/ProductPickerModal.js +1 -1
- package/dist/cjs/components/product-picker/type.d.ts +1 -0
- package/dist/cjs/components/product-picker-v2/modal.d.ts +3 -0
- package/dist/cjs/components/product-picker-v2/modal.js +1 -1
- package/dist/esm/components/QueryBuilder/Triggers/EVENTS/components/EventsTrigger.d.ts +1 -1
- package/dist/esm/components/QueryBuilder/Triggers/EVENTS/selectors/useIGTriggerNameCacheSelector.d.ts +1 -1
- package/dist/esm/components/QueryBuilder/Triggers/IG/components/IGTrigger.d.ts +1 -1
- package/dist/esm/components/QueryBuilder/Triggers/IG/selectors/useIGTriggerNameCacheSelector.d.ts +1 -1
- package/dist/esm/components/QueryBuilder/Triggers/components/BaseTriggerQueryBuilderNode.d.ts +2 -2
- package/dist/esm/components/bik-layout/MockMenus.d.ts +1 -0
- package/dist/esm/components/product-picker/ProductPickerModal.js +1 -1
- package/dist/esm/components/product-picker/type.d.ts +1 -0
- package/dist/esm/components/product-picker-v2/modal.d.ts +3 -0
- package/dist/esm/components/product-picker-v2/modal.js +1 -1
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { QueryBuilderNodeProps } from "../../../
|
|
2
|
+
import { QueryBuilderNodeProps } from "../../../Types/QueryBuilderNodeProps.type";
|
|
3
3
|
declare const EventsTrigger: React.FC<QueryBuilderNodeProps>;
|
|
4
4
|
export default EventsTrigger;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { QueryBuilderAPIData } from "../../../
|
|
1
|
+
import { QueryBuilderAPIData } from "../../../Types/QueryBuilderAPI.type";
|
|
2
2
|
export declare const useIGTriggerNameCacheSelector: () => QueryBuilderAPIData[];
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { QueryBuilderNodeProps } from "../../../
|
|
2
|
+
import { QueryBuilderNodeProps } from "../../../Types/QueryBuilderNodeProps.type";
|
|
3
3
|
declare const IGTrigger: React.FC<QueryBuilderNodeProps>;
|
|
4
4
|
export default IGTrigger;
|
package/dist/cjs/components/QueryBuilder/Triggers/IG/selectors/useIGTriggerNameCacheSelector.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { QueryBuilderAPIData } from "../../../
|
|
1
|
+
import { QueryBuilderAPIData } from "../../../Types/QueryBuilderAPI.type";
|
|
2
2
|
export declare const useIGTriggerNameCacheSelector: () => QueryBuilderAPIData[];
|
package/dist/cjs/components/QueryBuilder/Triggers/components/BaseTriggerQueryBuilderNode.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { DropdownOption } from "../../../dropdown/type";
|
|
3
|
-
import { QueryBuilderProperty } from "../../
|
|
4
|
-
import { QueryBuilderNodeProps } from "../../
|
|
3
|
+
import { QueryBuilderProperty } from "../../Types/QueryBuilder.type";
|
|
4
|
+
import { QueryBuilderNodeProps } from "../../Types/QueryBuilderNodeProps.type";
|
|
5
5
|
declare const BaseTriggerQueryBuilderNode: React.FC<QueryBuilderNodeProps & {
|
|
6
6
|
cacheKey: string;
|
|
7
7
|
propertyAddBtnText: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../node_modules/lodash.debounce/index.js"),s=require("react"),o=require("../bik-layout/PageLoader.js"),r=require("../checkBox/CheckBox.js"),n=require("../input/Input.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../node_modules/lodash.debounce/index.js"),s=require("react"),o=require("../bik-layout/PageLoader.js"),r=require("../checkBox/CheckBox.js"),n=require("../input/Input.js"),l=require("../modals/styledModal.js"),c=require("./ProductPicker.styled.js"),i=require("../TypographyStyle.js"),a=require("../../utils/DateUtils.js"),d=require("../../constants/Theme.js"),u=require("../../assets/icons/alert_triangle.svg.js"),p=require("../../assets/icons/search.svg.js");const h="https://jkfenner.com/wp-content/uploads/2019/11/default.jpg",j=t=>{let{text:s,styleProps:o}=t;return e.jsxs(c.StyledZeroState,{children:[e.jsx("div",Object.assign({className:"icon__container",style:Object.assign({},o)},{children:e.jsx(u.default,{width:24,height:24,color:d.DEFAULT_THEME.colorsV2.content.secondary})})),e.jsx(i.TitleSmall,{children:"No results found"}),e.jsx(i.BodySecondary,Object.assign({style:{color:d.DEFAULT_THEME.colorsV2.content.secondary,textAlign:"center"}},{children:`Sorry we could not find any results for "${s}"`}))]})},g=l=>{var u,g,x,m;const P=l.instaPost?a.default.dateFormat(new Date(l.instaPost.timestamp),"•",!0):"",[y,v]=s.useState(l.products),[E,_]=s.useState(!1),[b,T]=s.useState(""),f=s.useCallback(t.default((e=>{e?(v([]),l.onSearchKeyChange(e).then((e=>{v(e),_(!1)}))):(v(l.products),_(!1))}),700),[]);return e.jsxs(c.StyledProductPickerContainer,{children:[l.instaPost&&e.jsxs("div",Object.assign({className:"post__wrapper"},{children:[e.jsx("img",{alt:"Ig Media",onError:e=>{e.target.onerror=null,e.target.src=h},src:null===(u=l.instaPost)||void 0===u?void 0:u.media_url,className:"post__thumbnail"}),e.jsxs("div",Object.assign({className:"post__info-wrapper"},{children:[e.jsx(i.BodyPrimary,Object.assign({style:{textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap",color:l.instaPost.caption?d.DEFAULT_THEME.colorsV2.content.primary:d.DEFAULT_THEME.colorsV2.content.secondary}},{children:(null===(g=l.instaPost)||void 0===g?void 0:g.caption)?null===(x=l.instaPost)||void 0===x?void 0:x.caption:"No caption"})),e.jsx(i.Caption,Object.assign({style:{color:d.DEFAULT_THEME.colorsV2.content.placeholder}},{children:P}))]}))]})),e.jsx("div",Object.assign({style:{borderTop:l.instaPost?`1px solid ${d.DEFAULT_THEME.colorsV2.stroke.primary}`:"none",borderBottom:`1px solid ${d.DEFAULT_THEME.colorsV2.stroke.primary}`,padding:l.instaPost?"16px 24px":"0px 24px 16px 24px"}},{children:e.jsx(n.Input,{placeholder:null!==(m=l.searchPlaceholder)&&void 0!==m?m:"Search products..",onChangeText:e=>{var t;T(e),(null===(t=e.trim())||void 0===t?void 0:t.length)>0?(_(!0),f(e)):(_(!1),v(l.products))},rightIcon:{icon:p.default}})})),e.jsxs("div",Object.assign({style:{maxHeight:350,overflowY:"scroll"}},{children:[E&&e.jsx("div",Object.assign({className:"loader__wrapper"},{children:e.jsx(o.PageLoader,{})})),0!==y.length||E?y.map((t=>{var s;const o=l.selectedProducts.find((e=>e.id===t.id));return e.jsxs("div",Object.assign({className:"product__wrapper"},{children:[e.jsxs("div",Object.assign({className:"product__info-wrapper"},{children:[e.jsx("img",{alt:"Product",onError:e=>{e.target.onerror=null,e.target.src=h},src:null!==(s=t.image)&&void 0!==s?s:h,className:"product__image"}),e.jsx(i.TitleSmall,{children:t.name})]})),e.jsx("div",Object.assign({style:{order:1}},{children:e.jsx(r.CheckBox,{isChecked:void 0!==o,onValueChange:e=>{((e,t)=>{const s=l.selectedProducts.find((e=>e.id===t.id));if(e&&!s){const e=[...l.selectedProducts,t];l.setSelectedProducts(e)}else if(s){const e=[...l.selectedProducts];let s=-1;l.selectedProducts.forEach(((e,o)=>{e.id===t.id&&(s=o)})),e.splice(s,1),l.setSelectedProducts(e)}})(e,t)}})}))]}),t.id)})):e.jsx(j,{text:b})]}))]})};exports.PricePleaseProductPicker=t=>{var o;const[r,n]=s.useState([]);return s.useEffect((()=>{var e;n(null!==(e=t.selectedProducts)&&void 0!==e?e:[])}),[null===(o=t.selectedProducts)||void 0===o?void 0:o.length]),e.jsx(l.StyledModal,Object.assign({open:t.show,onClose:()=>{t.onClose()},footerLeftCustomElement:r.length>10?e.jsx(i.Caption,Object.assign({style:{color:d.DEFAULT_THEME.colorsV2.content.negative}},{children:"Can't add more than 10 products"})):e.jsx(i.Caption,Object.assign({style:{color:d.DEFAULT_THEME.colorsV2.content.placeholder}},{children:r?`${r.length} selected`:""})),headingTitle:t.title,primaryButton:{disabled:r.length>10||0===r.length,buttonType:"primary",buttonText:"Select",size:"small",onClick:()=>{t.setSelectedProducts(r),t.onClose()}},secondaryButton:t.secondaryButtonProps,footerShadow:!0,headingSubtitle:t.subtitle},{children:e.jsx(g,Object.assign({},t,{selectedProducts:r,setSelectedProducts:n}))}))},exports.ProductPickerContent=g;
|
|
@@ -16,6 +16,7 @@ export interface ProductPickerProps {
|
|
|
16
16
|
products: Product[] | Collection[];
|
|
17
17
|
onClose: () => void;
|
|
18
18
|
title: string;
|
|
19
|
+
subtitle?: string;
|
|
19
20
|
onSave: (productIds: Product[] | Collection[]) => void;
|
|
20
21
|
onSearchKeyChange: (key: string) => Promise<Product[] | Collection[]>;
|
|
21
22
|
instaPost?: IInstaPost;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
+
import { ButtonProps } from '../button/model';
|
|
2
3
|
import { FooterForNonModalI, OUT_OF_STOCK_ACTION } from './type';
|
|
3
4
|
export interface ProductVariant {
|
|
4
5
|
name: string;
|
|
@@ -101,6 +102,8 @@ export type ProductPickerInterface = {
|
|
|
101
102
|
crossButtonInsideHeader?: boolean;
|
|
102
103
|
footerForNonModal?: FooterForNonModalI;
|
|
103
104
|
useDynamicInfoImageSize?: boolean;
|
|
105
|
+
primaryButton?: ButtonProps;
|
|
106
|
+
secondaryButton?: ButtonProps;
|
|
104
107
|
} & ({
|
|
105
108
|
startupScreen: ScreenName.RearrangeProducts;
|
|
106
109
|
rearrangeEnabled: true;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react/jsx-runtime"),o=require("../../assets/icons/search.svg.js"),c=require("react"),r=require("../../constants/Theme.js"),s=require("../../assets/icons/cross.svg.js"),n=require("../button/Button.js"),i=require("../input/Input.js"),l=require("../modals/styledModal.js"),a=require("../spinner/Spinner.js"),d=require("../tag/Tag.js"),u=require("./collectionScreen.js"),h=require("./productInfoOverlay.js"),p=require("./productScreen.js"),S=require("./rearrangeScreen.js"),x=require("./reducers.js"),C=require("./searchScreen.js"),g=require("./selectedScreen.js"),j=require("./style.js"),y=require("./type.js");exports.ScreenName=void 0,(e=exports.ScreenName||(exports.ScreenName={})).Collections="collections",e.RearrangeProducts="rearrange",e.SelectedProducts="view",e.SearchProducts="searchProducts",e.Products="products";exports.ProductPickerModal=e=>{const{storeId:m,selectedItems:f,onClose:b,visible:v,zIndex:I,exactLimit:k,limit:P,hideCollectionCheckbox:O,hideProductCheckbox:F,outOfStockAction:R=y.OUT_OF_STOCK_ACTION.BLUR,hideVariantCheckbox:T,selectProductsFromCustomCollection:D,hideSelectionCount:
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react/jsx-runtime"),o=require("../../assets/icons/search.svg.js"),c=require("react"),r=require("../../constants/Theme.js"),s=require("../../assets/icons/cross.svg.js"),n=require("../button/Button.js"),i=require("../input/Input.js"),l=require("../modals/styledModal.js"),a=require("../spinner/Spinner.js"),d=require("../tag/Tag.js"),u=require("./collectionScreen.js"),h=require("./productInfoOverlay.js"),p=require("./productScreen.js"),S=require("./rearrangeScreen.js"),x=require("./reducers.js"),C=require("./searchScreen.js"),g=require("./selectedScreen.js"),j=require("./style.js"),y=require("./type.js");exports.ScreenName=void 0,(e=exports.ScreenName||(exports.ScreenName={})).Collections="collections",e.RearrangeProducts="rearrange",e.SelectedProducts="view",e.SearchProducts="searchProducts",e.Products="products";exports.ProductPickerModal=e=>{const{storeId:m,selectedItems:f,onClose:b,visible:v,zIndex:I,exactLimit:k,limit:P,hideCollectionCheckbox:O,hideProductCheckbox:F,outOfStockAction:R=y.OUT_OF_STOCK_ACTION.BLUR,hideVariantCheckbox:T,selectProductsFromCustomCollection:D,hideSelectionCount:N,title:q,width:E,left:w,renderWithoutModal:B,onClickSave:A,pickerType:L,hideProductVariants:M=!1,startupScreen:z=exports.ScreenName.Collections,rearrangeEnabled:V,selectSingleItem:$=!1,showProductDetails:_,containerStyle:H,crossButtonInsideHeader:W=!1,footerForNonModal:G={},primaryButton:K,secondaryButton:U}=e,[Y,J]=c.useReducer(x.collectionsReducer,{}),[Q,X]=c.useState([exports.ScreenName.Collections,exports.ScreenName.RearrangeProducts].includes(z)?z:exports.ScreenName.Collections),[Z,ee]=c.useState("grid"),[te,oe]=c.useState(""),[ce,re]=c.useState(""),[se,ne]=c.useState(0),[ie,le]=c.useState(!1),[ae,de]=c.useState(0),[ue,he]=c.useState(""),[pe,Se]=c.useState(!1),[xe,Ce]=c.useState(!1),[ge,je]=c.useReducer(x.searchReducer,{collections:{},products:{}}),[ye,me]=c.useReducer(x.selectedColectionsReducer,Object.keys(f).length>0?f:{}),fe=c.useRef(null),[be,ve]=c.useState(!1),[Ie,ke]=c.useState();c.useEffect((()=>{le(!0),Ce(!0),e.collectionFetcher(se,m).then((e=>{J({type:"fetched",data:(null==e?void 0:e.collections)||{}}),le(!1),ne((e=>e+1)),Ce(!1)})).catch()}),[]),c.useEffect((()=>{let e=0;M?Object.keys(ye||[]).forEach((t=>{var o;Object.keys((null===(o=ye[t])||void 0===o?void 0:o.products)||[]).forEach((o=>{var c;"-1"!==t&&ye[-1]&&(null===(c=ye[-1].products)||void 0===c?void 0:c[o])||(e+=1)}))})):Object.keys(ye||[]).forEach((t=>{var o;Object.keys((null===(o=ye[t])||void 0===o?void 0:o.products)||[]).forEach((o=>{var c,r;Object.keys((null===(r=null===(c=ye[t].products)||void 0===c?void 0:c[o])||void 0===r?void 0:r.variants)||[]).forEach((()=>{e+=1}))}))})),de(e)}),[Y,ye,M]),c.useEffect((()=>{ce&&(le(!0),e.productFetcher(ce,m).then((e=>{Object.keys(e).length&&J({type:"productsFetched",data:{collectionId:ce,products:e}}),le(!1)})).catch())}),[ce]),c.useEffect((()=>{const t=setTimeout((()=>{"rearrange"!==Q&&(ue.length||"collections"!==Q)&&(ue.length?(Se(!0),e.searchFetcher(m,ue).then((e=>{"collections"in e&&"products"in e?(je({type:"set",data:e}),J({type:"searched",data:e.collections})):(je({type:"set",data:{collections:{},products:e}}),J({type:"searched",data:e})),X("searchProducts"),le(!1),Se(!1)}))):X("collections"))}),800);return()=>clearTimeout(t)}),[ue]),c.useEffect((()=>{A&&(e.onAdd(ye,ae),Pe())}),[A]),c.useEffect((()=>{$&&Object.keys(ye||{}).length&&ae&&(e.onAdd(ye,ae),Pe())}),[$,ye,ae]);const Pe=()=>{me({type:"reset",data:{}})},Oe=()=>k&&ae>k?t.jsx(d.Tag,{tagText:`You can only select ${k} products`,type:"negative"}):P&&ae>P?t.jsx(d.Tag,{tagText:`You can only select ${P} products`,type:"negative"}):ae>0?t.jsx(n.Button,{onClick:()=>{X(V?exports.ScreenName.RearrangeProducts:exports.ScreenName.SelectedProducts)},buttonText:k?`${ae}/${k} products selected`:`${ae} products selected`,buttonType:["rearrange","view"].includes(Q)?"tertiaryGray":"tertiary",disabled:["rearrange","view"].includes(Q)}):t.jsx(n.Button,{disabled:!0,buttonText:k?`${ae}/${k} products selected`:`${ae} products selected`,buttonType:"tertiaryGray"}),Fe=e=>ie?"Loading...":Q===exports.ScreenName.RearrangeProducts?null!=e?e:"Done":null!=e?e:"Add",Re=t.jsxs(j.ContainerStyle,Object.assign({style:null!=H?H:{}},{children:[e.postHeader&&t.jsx("div",Object.assign({style:{padding:"0 24px"}},{children:e.postHeader})),!e.hideGlobalSearch&&t.jsx(t.Fragment,{children:("collections"===Q||"searchProducts"===Q)&&t.jsx("div",Object.assign({style:{padding:B?"8px 16px":"12px 24px",borderBottom:"1px solid #E0E0E0"}},{children:t.jsx(i.Input,{placeholder:"Search for collections and products, or type a product ID",noKeyDownChange:!0,noErrorHint:!0,rightIcon:{icon:()=>pe?t.jsx(a.Spinner,{size:"small",color:r.COLORS.content.primary}):t.jsx(o.default,{})},id:"listInput",height:"24px",type:"text",value:ue,onChangeText:e=>{e.length&&e.trim().length?he(e):he("")}})}))}),t.jsxs(j.ScrollContainerStyle,Object.assign({ref:fe,screenName:Q},{children:["collections"===Q&&t.jsx(u.CollectionsScreen,{customCollectionRestriction:e.customCollectionRestriction,dataLoading:xe,collections:Y,selectedCollectionsDispatch:me,setCollectionId:oe,setSelectedCollectionId:re,setScreen:X,selectedCollections:ye,collectionFetcher:e.collectionFetcher,storeId:m,collectionsDispatch:J,setSaveDisabled:le,pagingControls:{curPage:se,setCurPage:ne},hideCollectionCheckbox:O,renderWithoutModal:B,pickerType:L,scrollContainerRef:fe}),"products"===Q&&te&&t.jsx(x.CollectionIdContext.Provider,Object.assign({value:te},{children:t.jsx(p.ProductsScreen,{hideInCollectionSearch:e.hideInCollectionSearch,customCollectionRestriction:e.customCollectionRestriction,productFetcher:e.productFetcher,setScreen:X,storeId:m,data:Y[te],collectionsDispatch:J,selectedCollectionsDispatch:me,selectedData:ye,setSaveDisabled:le,searchInCollectionFetcher:e.searchInCollectionFetcher,hideProductCheckbox:F,outOfStockAction:R,hideVariantCheckbox:T,selectProductsFromCustomCollection:D,renderWithoutModal:B,pickerType:L,hideProductVariants:M,fbStatusFetcher:e.fbStatusFetcher,onProductDetailClick:e=>{ve(!0),ke(e)},showProductDetailInfoIcon:_,scrollContainerRef:fe})})),"view"===Q&&t.jsx(g.SelectedScreen,{selectedCollections:ye||{},selectedCollectionsDispatch:me,setScreen:X,collections:Y,hideProductVariants:M,outOfStockAction:R,storeId:m,fbStatusFetcher:e.fbStatusFetcher}),"rearrange"===Q&&t.jsx(S.RearrangeScreen,{selectedCollections:ye||{},selectedCollectionsDispatch:me,setScreen:X,outOfStockAction:R,rearrangeViewType:"grid"===Z?"list":"grid",scrollContainerRef:fe,storeId:m,fbStatusFetcher:e.fbStatusFetcher}),"searchProducts"===Q&&t.jsx(C.SearchScreen,{customCollectionRestriction:e.customCollectionRestriction,selectedCollections:ye||{},searchedCollections:ge||{},searchedCollectionsDispatch:je,selectedCollectionsDispatch:me,setScreen:X,collections:Y,onBackPress:()=>{he(""),je({type:"set",data:{collections:{},products:{}}})},pickerType:L,hideProductCheckbox:F,hideProductVariants:M,hideVariantCheckbox:T,storeId:m,fbStatusFetcher:e.fbStatusFetcher,setCollectionId:oe,setSelectedCollectionId:re,renderWithoutModal:B,hideCollectionCheckbox:O,outOfStockAction:R})]}))]}));return t.jsx(t.Fragment,{children:B?t.jsxs(t.Fragment,{children:[Re,G.renderFooter?t.jsxs(j.StyledFooterForNonModal,{children:[Oe(),t.jsx(n.Button,{buttonText:Fe(G.primaryButtonText),disabled:!G.isLoading&&(ie||ae<1||k&&ae<k||!k&&P&&ae>P)||G.primaryButtonDisabled,isLoading:G.isLoading,onClick:()=>{e.onAdd(ye,ae),Pe(),X([exports.ScreenName.Collections,exports.ScreenName.RearrangeProducts].includes(z)?z:exports.ScreenName.Collections)}})]}):t.jsx(t.Fragment,{}),be&&Ie?t.jsx(h.ProductInfoOverlay,{productData:Ie,outOfStockAction:R,useDynamicInfoImageSize:e.useDynamicInfoImageSize,onClose:()=>{ve(!1)}}):t.jsx(t.Fragment,{})]}):t.jsxs(l.StyledModal,Object.assign({zIndex:I,open:v,onClose:()=>{null==b||b(),Pe()},headingTitle:q||("collections"===Q||"products"===Q?"Select Products":"view"===Q?"Selected Products":"searchProducts"===Q?"Searched Results":"rearrange"===Q?"Rearrange Products":void 0),footerShadow:!0,centralContainerStyles:{width:E||"600px",left:w||"auto"},headerRightCustomElement:W?t.jsx("div",Object.assign({style:{cursor:"pointer",display:"flex"},onClick:b},{children:t.jsx(s.default,{width:20,height:20,color:r.COLORS.content.secondary})})):t.jsx(t.Fragment,{}),footerContainerStyle:e.stickyFooter?{position:"absolute",bottom:0,left:0,width:"100%",zIndex:9,background:r.COLORS.surface.standard}:void 0,primaryButton:K?Object.assign(Object.assign({},K),{disabled:!K.isLoading&&(ie||ae<1||k&&ae<k||!k&&P&&ae>P)||K.disabled,onClick:()=>{e.onAdd(ye,ae),Pe(),X([exports.ScreenName.Collections,exports.ScreenName.RearrangeProducts].includes(z)?z:exports.ScreenName.Collections)}}):{buttonText:Fe(),disabled:ie||ae<1||k&&ae<k||!k&&P&&ae>P||!1,onClick:()=>{e.onAdd(ye,ae),Pe()}},secondaryButton:Object.assign({},null!=U?U:{}),wrapperStyle:e.stickyFooter?{height:"calc(100vh - 168px)"}:void 0,footerLeftCustomElement:N?t.jsx(t.Fragment,{}):Oe(),hideCrossButton:be||W},{children:[Re,be&&Ie?t.jsx(h.ProductInfoOverlay,{productData:Ie,useDynamicInfoImageSize:e.useDynamicInfoImageSize,outOfStockAction:R,onClose:()=>{ve(!1)}}):t.jsx(t.Fragment,{})]}))})};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { QueryBuilderNodeProps } from "../../../
|
|
2
|
+
import { QueryBuilderNodeProps } from "../../../Types/QueryBuilderNodeProps.type";
|
|
3
3
|
declare const EventsTrigger: React.FC<QueryBuilderNodeProps>;
|
|
4
4
|
export default EventsTrigger;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { QueryBuilderAPIData } from "../../../
|
|
1
|
+
import { QueryBuilderAPIData } from "../../../Types/QueryBuilderAPI.type";
|
|
2
2
|
export declare const useIGTriggerNameCacheSelector: () => QueryBuilderAPIData[];
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { QueryBuilderNodeProps } from "../../../
|
|
2
|
+
import { QueryBuilderNodeProps } from "../../../Types/QueryBuilderNodeProps.type";
|
|
3
3
|
declare const IGTrigger: React.FC<QueryBuilderNodeProps>;
|
|
4
4
|
export default IGTrigger;
|
package/dist/esm/components/QueryBuilder/Triggers/IG/selectors/useIGTriggerNameCacheSelector.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { QueryBuilderAPIData } from "../../../
|
|
1
|
+
import { QueryBuilderAPIData } from "../../../Types/QueryBuilderAPI.type";
|
|
2
2
|
export declare const useIGTriggerNameCacheSelector: () => QueryBuilderAPIData[];
|
package/dist/esm/components/QueryBuilder/Triggers/components/BaseTriggerQueryBuilderNode.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { DropdownOption } from "../../../dropdown/type";
|
|
3
|
-
import { QueryBuilderProperty } from "../../
|
|
4
|
-
import { QueryBuilderNodeProps } from "../../
|
|
3
|
+
import { QueryBuilderProperty } from "../../Types/QueryBuilder.type";
|
|
4
|
+
import { QueryBuilderNodeProps } from "../../Types/QueryBuilderNodeProps.type";
|
|
5
5
|
declare const BaseTriggerQueryBuilderNode: React.FC<QueryBuilderNodeProps & {
|
|
6
6
|
cacheKey: string;
|
|
7
7
|
propertyAddBtnText: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as t}from"react/jsx-runtime";import o from"../../node_modules/lodash.debounce/index.js";import{useState as s,useCallback as r,useEffect as n}from"react";import{PageLoader as c}from"../bik-layout/PageLoader.js";import{CheckBox as
|
|
1
|
+
import{jsxs as e,jsx as t}from"react/jsx-runtime";import o from"../../node_modules/lodash.debounce/index.js";import{useState as s,useCallback as r,useEffect as n}from"react";import{PageLoader as c}from"../bik-layout/PageLoader.js";import{CheckBox as i}from"../checkBox/CheckBox.js";import{Input as l}from"../input/Input.js";import{StyledModal as d}from"../modals/styledModal.js";import{StyledProductPickerContainer as a,StyledZeroState as p}from"./ProductPicker.styled.js";import{BodyPrimary as m,Caption as u,TitleSmall as h,BodySecondary as g}from"../TypographyStyle.js";import v from"../../utils/DateUtils.js";import{DEFAULT_THEME as f}from"../../constants/Theme.js";import j from"../../assets/icons/alert_triangle.svg.js";import y from"../../assets/icons/search.svg.js";const P="https://jkfenner.com/wp-content/uploads/2019/11/default.jpg",b=o=>{let{text:s,styleProps:r}=o;return e(p,{children:[t("div",Object.assign({className:"icon__container",style:Object.assign({},r)},{children:t(j,{width:24,height:24,color:f.colorsV2.content.secondary})})),t(h,{children:"No results found"}),t(g,Object.assign({style:{color:f.colorsV2.content.secondary,textAlign:"center"}},{children:`Sorry we could not find any results for "${s}"`}))]})},x=n=>{var d,p,g,j;const x=n.instaPost?v.dateFormat(new Date(n.instaPost.timestamp),"•",!0):"",[_,O]=s(n.products),[w,S]=s(!1),[C,N]=s(""),V=r(o((e=>{e?(O([]),n.onSearchKeyChange(e).then((e=>{O(e),S(!1)}))):(O(n.products),S(!1))}),700),[]);return e(a,{children:[n.instaPost&&e("div",Object.assign({className:"post__wrapper"},{children:[t("img",{alt:"Ig Media",onError:e=>{e.target.onerror=null,e.target.src=P},src:null===(d=n.instaPost)||void 0===d?void 0:d.media_url,className:"post__thumbnail"}),e("div",Object.assign({className:"post__info-wrapper"},{children:[t(m,Object.assign({style:{textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap",color:n.instaPost.caption?f.colorsV2.content.primary:f.colorsV2.content.secondary}},{children:(null===(p=n.instaPost)||void 0===p?void 0:p.caption)?null===(g=n.instaPost)||void 0===g?void 0:g.caption:"No caption"})),t(u,Object.assign({style:{color:f.colorsV2.content.placeholder}},{children:x}))]}))]})),t("div",Object.assign({style:{borderTop:n.instaPost?`1px solid ${f.colorsV2.stroke.primary}`:"none",borderBottom:`1px solid ${f.colorsV2.stroke.primary}`,padding:n.instaPost?"16px 24px":"0px 24px 16px 24px"}},{children:t(l,{placeholder:null!==(j=n.searchPlaceholder)&&void 0!==j?j:"Search products..",onChangeText:e=>{var t;N(e),(null===(t=e.trim())||void 0===t?void 0:t.length)>0?(S(!0),V(e)):(S(!1),O(n.products))},rightIcon:{icon:y}})})),e("div",Object.assign({style:{maxHeight:350,overflowY:"scroll"}},{children:[w&&t("div",Object.assign({className:"loader__wrapper"},{children:t(c,{})})),0!==_.length||w?_.map((o=>{var s;const r=n.selectedProducts.find((e=>e.id===o.id));return e("div",Object.assign({className:"product__wrapper"},{children:[e("div",Object.assign({className:"product__info-wrapper"},{children:[t("img",{alt:"Product",onError:e=>{e.target.onerror=null,e.target.src=P},src:null!==(s=o.image)&&void 0!==s?s:P,className:"product__image"}),t(h,{children:o.name})]})),t("div",Object.assign({style:{order:1}},{children:t(i,{isChecked:void 0!==r,onValueChange:e=>{((e,t)=>{const o=n.selectedProducts.find((e=>e.id===t.id));if(e&&!o){const e=[...n.selectedProducts,t];n.setSelectedProducts(e)}else if(o){const e=[...n.selectedProducts];let o=-1;n.selectedProducts.forEach(((e,s)=>{e.id===t.id&&(o=s)})),e.splice(o,1),n.setSelectedProducts(e)}})(e,o)}})}))]}),o.id)})):t(b,{text:C})]}))]})},_=e=>{var o;const[r,c]=s([]);return n((()=>{var t;c(null!==(t=e.selectedProducts)&&void 0!==t?t:[])}),[null===(o=e.selectedProducts)||void 0===o?void 0:o.length]),t(d,Object.assign({open:e.show,onClose:()=>{e.onClose()},footerLeftCustomElement:r.length>10?t(u,Object.assign({style:{color:f.colorsV2.content.negative}},{children:"Can't add more than 10 products"})):t(u,Object.assign({style:{color:f.colorsV2.content.placeholder}},{children:r?`${r.length} selected`:""})),headingTitle:e.title,primaryButton:{disabled:r.length>10||0===r.length,buttonType:"primary",buttonText:"Select",size:"small",onClick:()=>{e.setSelectedProducts(r),e.onClose()}},secondaryButton:e.secondaryButtonProps,footerShadow:!0,headingSubtitle:e.subtitle},{children:t(x,Object.assign({},e,{selectedProducts:r,setSelectedProducts:c}))}))};export{_ as PricePleaseProductPicker,x as ProductPickerContent};
|
|
@@ -16,6 +16,7 @@ export interface ProductPickerProps {
|
|
|
16
16
|
products: Product[] | Collection[];
|
|
17
17
|
onClose: () => void;
|
|
18
18
|
title: string;
|
|
19
|
+
subtitle?: string;
|
|
19
20
|
onSave: (productIds: Product[] | Collection[]) => void;
|
|
20
21
|
onSearchKeyChange: (key: string) => Promise<Product[] | Collection[]>;
|
|
21
22
|
instaPost?: IInstaPost;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
+
import { ButtonProps } from '../button/model';
|
|
2
3
|
import { FooterForNonModalI, OUT_OF_STOCK_ACTION } from './type';
|
|
3
4
|
export interface ProductVariant {
|
|
4
5
|
name: string;
|
|
@@ -101,6 +102,8 @@ export type ProductPickerInterface = {
|
|
|
101
102
|
crossButtonInsideHeader?: boolean;
|
|
102
103
|
footerForNonModal?: FooterForNonModalI;
|
|
103
104
|
useDynamicInfoImageSize?: boolean;
|
|
105
|
+
primaryButton?: ButtonProps;
|
|
106
|
+
secondaryButton?: ButtonProps;
|
|
104
107
|
} & ({
|
|
105
108
|
startupScreen: ScreenName.RearrangeProducts;
|
|
106
109
|
rearrangeEnabled: true;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import c from"../../assets/icons/search.svg.js";import{useReducer as r,useState as s,useRef as
|
|
1
|
+
import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import c from"../../assets/icons/search.svg.js";import{useReducer as r,useState as s,useRef as n,useEffect as i}from"react";import{COLORS as l}from"../../constants/Theme.js";import d from"../../assets/icons/cross.svg.js";import{Button as a}from"../button/Button.js";import{Input as u}from"../input/Input.js";import{StyledModal as h}from"../modals/styledModal.js";import{Spinner as p}from"../spinner/Spinner.js";import{Tag as m}from"../tag/Tag.js";import{CollectionsScreen as C}from"./collectionScreen.js";import{ProductInfoOverlay as g}from"./productInfoOverlay.js";import{ProductsScreen as f}from"./productScreen.js";import{RearrangeScreen as y}from"./rearrangeScreen.js";import{collectionsReducer as b,searchReducer as S,selectedColectionsReducer as v,CollectionIdContext as k}from"./reducers.js";import{SearchScreen as j}from"./searchScreen.js";import{SelectedScreen as I}from"./selectedScreen.js";import{ContainerStyle as x,ScrollContainerStyle as P,StyledFooterForNonModal as O}from"./style.js";import{OUT_OF_STOCK_ACTION as D}from"./type.js";var F;!function(e){e.Collections="collections",e.RearrangeProducts="rearrange",e.SelectedProducts="view",e.SearchProducts="searchProducts",e.Products="products"}(F||(F={}));const T=T=>{const{storeId:R,selectedItems:w,onClose:A,visible:B,zIndex:E,exactLimit:L,limit:z,hideCollectionCheckbox:V,hideProductCheckbox:$,outOfStockAction:M=D.BLUR,hideVariantCheckbox:H,selectProductsFromCustomCollection:W,hideSelectionCount:G,title:N,width:Y,left:K,renderWithoutModal:U,onClickSave:q,pickerType:J,hideProductVariants:Q=!1,startupScreen:X=F.Collections,rearrangeEnabled:Z,selectSingleItem:_=!1,showProductDetails:ee,containerStyle:te,crossButtonInsideHeader:oe=!1,footerForNonModal:ce={},primaryButton:re,secondaryButton:se}=T,[ne,ie]=r(b,{}),[le,de]=s([F.Collections,F.RearrangeProducts].includes(X)?X:F.Collections),[ae,ue]=s("grid"),[he,pe]=s(""),[me,Ce]=s(""),[ge,fe]=s(0),[ye,be]=s(!1),[Se,ve]=s(0),[ke,je]=s(""),[Ie,xe]=s(!1),[Pe,Oe]=s(!1),[De,Fe]=r(S,{collections:{},products:{}}),[Te,Re]=r(v,Object.keys(w).length>0?w:{}),we=n(null),[Ae,Be]=s(!1),[Ee,Le]=s();i((()=>{be(!0),Oe(!0),T.collectionFetcher(ge,R).then((e=>{ie({type:"fetched",data:(null==e?void 0:e.collections)||{}}),be(!1),fe((e=>e+1)),Oe(!1)})).catch()}),[]),i((()=>{let e=0;Q?Object.keys(Te||[]).forEach((t=>{var o;Object.keys((null===(o=Te[t])||void 0===o?void 0:o.products)||[]).forEach((o=>{var c;"-1"!==t&&Te[-1]&&(null===(c=Te[-1].products)||void 0===c?void 0:c[o])||(e+=1)}))})):Object.keys(Te||[]).forEach((t=>{var o;Object.keys((null===(o=Te[t])||void 0===o?void 0:o.products)||[]).forEach((o=>{var c,r;Object.keys((null===(r=null===(c=Te[t].products)||void 0===c?void 0:c[o])||void 0===r?void 0:r.variants)||[]).forEach((()=>{e+=1}))}))})),ve(e)}),[ne,Te,Q]),i((()=>{me&&(be(!0),T.productFetcher(me,R).then((e=>{Object.keys(e).length&&ie({type:"productsFetched",data:{collectionId:me,products:e}}),be(!1)})).catch())}),[me]),i((()=>{const e=setTimeout((()=>{"rearrange"!==le&&(ke.length||"collections"!==le)&&(ke.length?(xe(!0),T.searchFetcher(R,ke).then((e=>{"collections"in e&&"products"in e?(Fe({type:"set",data:e}),ie({type:"searched",data:e.collections})):(Fe({type:"set",data:{collections:{},products:e}}),ie({type:"searched",data:e})),de("searchProducts"),be(!1),xe(!1)}))):de("collections"))}),800);return()=>clearTimeout(e)}),[ke]),i((()=>{q&&(T.onAdd(Te,Se),ze())}),[q]),i((()=>{_&&Object.keys(Te||{}).length&&Se&&(T.onAdd(Te,Se),ze())}),[_,Te,Se]);const ze=()=>{Re({type:"reset",data:{}})},Ve=()=>L&&Se>L?t(m,{tagText:`You can only select ${L} products`,type:"negative"}):z&&Se>z?t(m,{tagText:`You can only select ${z} products`,type:"negative"}):t(a,Se>0?{onClick:()=>{de(Z?F.RearrangeProducts:F.SelectedProducts)},buttonText:L?`${Se}/${L} products selected`:`${Se} products selected`,buttonType:["rearrange","view"].includes(le)?"tertiaryGray":"tertiary",disabled:["rearrange","view"].includes(le)}:{disabled:!0,buttonText:L?`${Se}/${L} products selected`:`${Se} products selected`,buttonType:"tertiaryGray"}),$e=e=>ye?"Loading...":le===F.RearrangeProducts?null!=e?e:"Done":null!=e?e:"Add",Me=e(x,Object.assign({style:null!=te?te:{}},{children:[T.postHeader&&t("div",Object.assign({style:{padding:"0 24px"}},{children:T.postHeader})),!T.hideGlobalSearch&&t(o,{children:("collections"===le||"searchProducts"===le)&&t("div",Object.assign({style:{padding:U?"8px 16px":"12px 24px",borderBottom:"1px solid #E0E0E0"}},{children:t(u,{placeholder:"Search for collections and products, or type a product ID",noKeyDownChange:!0,noErrorHint:!0,rightIcon:{icon:()=>Ie?t(p,{size:"small",color:l.content.primary}):t(c,{})},id:"listInput",height:"24px",type:"text",value:ke,onChangeText:e=>{e.length&&e.trim().length?je(e):je("")}})}))}),e(P,Object.assign({ref:we,screenName:le},{children:["collections"===le&&t(C,{customCollectionRestriction:T.customCollectionRestriction,dataLoading:Pe,collections:ne,selectedCollectionsDispatch:Re,setCollectionId:pe,setSelectedCollectionId:Ce,setScreen:de,selectedCollections:Te,collectionFetcher:T.collectionFetcher,storeId:R,collectionsDispatch:ie,setSaveDisabled:be,pagingControls:{curPage:ge,setCurPage:fe},hideCollectionCheckbox:V,renderWithoutModal:U,pickerType:J,scrollContainerRef:we}),"products"===le&&he&&t(k.Provider,Object.assign({value:he},{children:t(f,{hideInCollectionSearch:T.hideInCollectionSearch,customCollectionRestriction:T.customCollectionRestriction,productFetcher:T.productFetcher,setScreen:de,storeId:R,data:ne[he],collectionsDispatch:ie,selectedCollectionsDispatch:Re,selectedData:Te,setSaveDisabled:be,searchInCollectionFetcher:T.searchInCollectionFetcher,hideProductCheckbox:$,outOfStockAction:M,hideVariantCheckbox:H,selectProductsFromCustomCollection:W,renderWithoutModal:U,pickerType:J,hideProductVariants:Q,fbStatusFetcher:T.fbStatusFetcher,onProductDetailClick:e=>{Be(!0),Le(e)},showProductDetailInfoIcon:ee,scrollContainerRef:we})})),"view"===le&&t(I,{selectedCollections:Te||{},selectedCollectionsDispatch:Re,setScreen:de,collections:ne,hideProductVariants:Q,outOfStockAction:M,storeId:R,fbStatusFetcher:T.fbStatusFetcher}),"rearrange"===le&&t(y,{selectedCollections:Te||{},selectedCollectionsDispatch:Re,setScreen:de,outOfStockAction:M,rearrangeViewType:"grid"===ae?"list":"grid",scrollContainerRef:we,storeId:R,fbStatusFetcher:T.fbStatusFetcher}),"searchProducts"===le&&t(j,{customCollectionRestriction:T.customCollectionRestriction,selectedCollections:Te||{},searchedCollections:De||{},searchedCollectionsDispatch:Fe,selectedCollectionsDispatch:Re,setScreen:de,collections:ne,onBackPress:()=>{je(""),Fe({type:"set",data:{collections:{},products:{}}})},pickerType:J,hideProductCheckbox:$,hideProductVariants:Q,hideVariantCheckbox:H,storeId:R,fbStatusFetcher:T.fbStatusFetcher,setCollectionId:pe,setSelectedCollectionId:Ce,renderWithoutModal:U,hideCollectionCheckbox:V,outOfStockAction:M})]}))]}));return t(o,{children:U?e(o,{children:[Me,ce.renderFooter?e(O,{children:[Ve(),t(a,{buttonText:$e(ce.primaryButtonText),disabled:!ce.isLoading&&(ye||Se<1||L&&Se<L||!L&&z&&Se>z)||ce.primaryButtonDisabled,isLoading:ce.isLoading,onClick:()=>{T.onAdd(Te,Se),ze(),de([F.Collections,F.RearrangeProducts].includes(X)?X:F.Collections)}})]}):t(o,{}),Ae&&Ee?t(g,{productData:Ee,outOfStockAction:M,useDynamicInfoImageSize:T.useDynamicInfoImageSize,onClose:()=>{Be(!1)}}):t(o,{})]}):e(h,Object.assign({zIndex:E,open:B,onClose:()=>{null==A||A(),ze()},headingTitle:N||("collections"===le||"products"===le?"Select Products":"view"===le?"Selected Products":"searchProducts"===le?"Searched Results":"rearrange"===le?"Rearrange Products":void 0),footerShadow:!0,centralContainerStyles:{width:Y||"600px",left:K||"auto"},headerRightCustomElement:oe?t("div",Object.assign({style:{cursor:"pointer",display:"flex"},onClick:A},{children:t(d,{width:20,height:20,color:l.content.secondary})})):t(o,{}),footerContainerStyle:T.stickyFooter?{position:"absolute",bottom:0,left:0,width:"100%",zIndex:9,background:l.surface.standard}:void 0,primaryButton:re?Object.assign(Object.assign({},re),{disabled:!re.isLoading&&(ye||Se<1||L&&Se<L||!L&&z&&Se>z)||re.disabled,onClick:()=>{T.onAdd(Te,Se),ze(),de([F.Collections,F.RearrangeProducts].includes(X)?X:F.Collections)}}):{buttonText:$e(),disabled:ye||Se<1||L&&Se<L||!L&&z&&Se>z||!1,onClick:()=>{T.onAdd(Te,Se),ze()}},secondaryButton:Object.assign({},null!=se?se:{}),wrapperStyle:T.stickyFooter?{height:"calc(100vh - 168px)"}:void 0,footerLeftCustomElement:G?t(o,{}):Ve(),hideCrossButton:Ae||oe},{children:[Me,Ae&&Ee?t(g,{productData:Ee,useDynamicInfoImageSize:T.useDynamicInfoImageSize,outOfStockAction:M,onClose:()=>{Be(!1)}}):t(o,{})]}))})};export{T as ProductPickerModal,F as ScreenName};
|