@bikdotai/bik-component-library 0.0.687-beta.4 → 0.0.687-beta.6

package/dist/esm/components/product-picker-v2/productScreen.js

@@ -1 +1 @@
-import{jsxs as t,jsx as e}from"react/jsx-runtime";import o from"../../assets/icons/arrow_left.svg.js";import r from"../../assets/icons/box.svg.js";import c from"../../assets/icons/search.svg.js";import{cloneDeep as n}from"lodash";import{useContext as i,useRef as l,useState as s,useEffect as d}from"react";import{COLORS as u}from"../../constants/Theme.js";import{CheckBox as a}from"../checkBox/CheckBox.js";import{IconButton as p}from"../icon-button/IconButton.js";import{InfiniteScroll as h}from"../InfiniteScroll/InfiniteScroll.js";import{Input as m}from"../input/Input.js";import{Spinner as f}from"../spinner/Spinner.js";import{BodyCaption as y,TitleRegular as g}from"../TypographyStyle.js";import{EmptyState as j}from"./emptyState.js";import{ProductGroup as v}from"./product.js";import{ProductPickerShimmer as b}from"./ProductPickerShimmer.js";import{CollectionIdContext as k}from"./reducers.js";import{ProductScreenHeader as O,ProductScreenCollectionCardStyle as P}from"./style.js";import{OUT_OF_STOCK_ACTION as C}from"./type.js";import{getVariantIdsToFetchAtProductLevel as I,markVariantsAsApprovedProductsLevel as D,isCollectionPartiallyChecked as S,isProductPartiallyChecked as E,liftTheStateUp as x}from"./utility.js";var w=Object.defineProperty,T=Object.defineProperties,R=Object.getOwnPropertyDescriptors,V=Object.getOwnPropertySymbols,A=Object.prototype.hasOwnProperty,B=Object.prototype.propertyIsEnumerable,F=(t,e,o)=>e in t?w(t,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):t[e]=o,J=(t,e)=>{for(var o in e||(e={}))A.call(e,o)&&F(t,o,e[o]);if(V)for(var o of V(e))B.call(e,o)&&F(t,o,e[o]);return t},K=(t,e)=>T(t,R(e));const M=w=>{var T,R;const{data:V,collectionsDispatch:A,selectedData:B,selectedCollectionsDispatch:F,productFetcher:M,storeId:N,setScreen:U,setSaveDisabled:W,hideInCollectionSearch:z,customCollectionRestriction:H,hideProductCheckbox:L,outOfStockAction:_=C.BLUR,hideVariantCheckbox:q=!1,selectProductsFromCustomCollection:G=!1,pickerType:Q,hideProductVariants:X,fbStatusFetcher:Y,onProductDetailClick:Z,showProductDetailInfoIcon:$,scrollContainerRef:tt,appType:et}=w,ot=i(k),rt=l(0),ct=l(!1),[nt,it]=s(""),[lt,st]=s(!1),[dt,ut]=s(V),at=l(!0),pt=l(!1);d((()=>{if(at.current)return void(at.current=!1);const t=setTimeout((()=>{nt.length?(st(!0),w.searchInCollectionFetcher(N,ot,nt,et).then((t=>{const e=n(V);e.products=t,ut(e);const o=I(null!=t?t:{});mt(o,null!=t?t:{},!0),W(!1),st(!1)}))):ut(V)}),800);return()=>clearTimeout(t)}),[nt]);d((()=>{var t,e,o,r;pt.current=!1,rt.current=Math.floor((null==(e=Object.keys(null!=(t=V.products)?t:{}))?void 0:e.length)/10);const c=I(null!=(o=V.products)?o:{});mt(c,null!=(r=V.products)?r:{})}),[ot]);const ht=!!H&&V.isSmartCollection;d((()=>{(null==V?void 0:V.products)||ft(10)}),[]);const mt=(t,e,o)=>{Y||(o?D(e,A,ot,dt,ut):D(e,A,ot)),t.length>0&&Y&&Y(N,t,et).then((t=>{const r=J({},e);Object.keys(e).forEach((o=>{var c,n;Object.keys(null!=(n=null==(c=null==e?void 0:e[o])?void 0:c.variants)?n:{}).forEach((c=>{var n,i;const l=null==(n=null==e?void 0:e[o].variants)?void 0:n[c];l&&"REJECTED"===t[c]?l.fbStatus="REJECTED":l&&"APPROVED"===t[c]&&(l.fbStatus="APPROVED");const s=null==(i=null==r?void 0:r[o])?void 0:i.variants;s&&s[c]&&(s[c]=l)}))})),o?(ut((t=>{const e=J({},t);return e.products=r,e})),A({type:"productsPaged",data:{collectionId:ot,products:r}})):A({type:"productsPaged",data:{collectionId:ot,products:r}})})).catch((t=>{o?D(e,A,ot,dt,ut):D(e,A,ot)}))},ft=t=>{W(!0),st(!0),M(ot,N,et,t,0).then((e=>{if(Object.keys(e).length||(pt.current=!0),Object.keys(e).length){ut(K(J({},dt),{products:e}));const t=I(e);mt(t,e),rt.current=1}t||F({type:"selected",data:{id:ot,val:K(J({},V),{products:e})}}),W(!1),st(!1)})).catch()},yt=(t,e)=>{const o=x(e,V);F({type:t,data:K(J({},o),{isRestricted:H})})},gt=!!(null==B?void 0:B[ot])&&!!Object.keys(null!=(R=null==(T=null==B?void 0:B[ot])?void 0:T.products)?R:{}).length;return t("div",{children:[t(O,{children:[e(p,{Icon:o,height:16,onClick:()=>{U("collections")}}),e(y,{style:{color:u.content.secondary},children:V.name})]}),!z&&e("div",{style:{padding:16,height:"76px",borderBottom:"1px solid #E0E0E0"},children:e(m,{noKeyDownChange:!0,noErrorHint:!0,rightIcon:{icon:()=>lt&&nt.length?e(f,{size:"small",color:u.content.primary}):e(c,{})},id:"listInput",height:"24px",type:"text",value:nt,onChangeText:t=>{t.length&&t.trim().length?it(t):it("")},placeholder:"Search using ID, Name or SKU ID"})}),Object.keys((null==dt?void 0:dt.products)||[]).length>0&&!ht&&!nt.length&&!L&&"-1"!==ot&&t(P,{children:[e(a,{isChecked:gt,isPartiallyChecked:S(ot,dt,B,X),onValueChange:function(t){t?ft():F({type:"unselected",data:{id:ot}})}}),e("div",{style:{width:40,height:40},children:e(r,{})}),e(g,{children:"All Products"})]}),e(h,{hasData:!(Object.keys((null==dt?void 0:dt.products)||[]).length<10)&&!!Object.keys((null==dt?void 0:dt.products)||[]).length,fetchMore:()=>(ct.current=!0,M(ot,N,et,10,rt.current).then((t=>{let e=!1;if(Object.keys(t).length||(e=!0),Object.keys(t).length){const e=dt;e.products=J(J({},dt.products),t),ut(J({},e));const o=I(t);mt(o,t)}return W(!1),ct.current=!1,rt.current+=1,e}))),containerRef:tt,children:Object.keys((null==dt?void 0:dt.products)||[]).length?Object.keys(dt.products||[]).map((t=>e(v,{outOfStockAction:_,collectionId:ot,isProductPartiallyChecked:E(ot,t,B,dt,X),productId:t,data:dt.products[t],selectedData:B,selectedCollectionsDispatch:F,viewOnly:!G&&!!ht,upliftAdditions:yt,hideProductCheckbox:L,hideVariantCheckbox:q,hideProductVariants:X,pickerType:Q,onProductDetailClick:Z,showProductDetailInfoIcon:$},t))):lt?e(b,{limit:10}):e(j,{title:"No products to show",subtitle:nt.length?"We couldn't find the product you were looking for":"We couldn’t find any product in this collection."})})]})};export{M as ProductsScreen};
+import{jsxs as t,jsx as e}from"react/jsx-runtime";import o from"../../assets/icons/arrow_left.svg.js";import c from"../../assets/icons/box.svg.js";import r from"../../assets/icons/search.svg.js";import{cloneDeep as n}from"lodash";import{useContext as s,useRef as i,useState as l,useEffect as d}from"react";import{COLORS as a}from"../../constants/Theme.js";import{CheckBox as h}from"../checkBox/CheckBox.js";import{IconButton as p}from"../icon-button/IconButton.js";import{InfiniteScroll as u}from"../InfiniteScroll/InfiniteScroll.js";import{Input as m}from"../input/Input.js";import{Spinner as f}from"../spinner/Spinner.js";import{BodyCaption as y,TitleRegular as g}from"../TypographyStyle.js";import{EmptyState as j}from"./emptyState.js";import{ProductGroup as k}from"./product.js";import{ProductPickerShimmer as b}from"./ProductPickerShimmer.js";import{CollectionIdContext as C}from"./reducers.js";import{ProductScreenHeader as P,ProductScreenCollectionCardStyle as I}from"./style.js";import{OUT_OF_STOCK_ACTION as D}from"./type.js";import{getVariantIdsToFetchAtProductLevel as O,markVariantsAsApprovedProductsLevel as S,isCollectionPartiallyChecked as v,isProductPartiallyChecked as x,liftTheStateUp as E}from"./utility.js";const T=T=>{const{data:R,collectionsDispatch:w,selectedData:V,selectedCollectionsDispatch:A,productFetcher:B,storeId:F,setScreen:J,setSaveDisabled:K,hideInCollectionSearch:M,customCollectionRestriction:N,hideProductCheckbox:U,outOfStockAction:W=D.BLUR,hideVariantCheckbox:z=!1,selectProductsFromCustomCollection:H=!1,pickerType:L,hideProductVariants:_,fbStatusFetcher:q,onProductDetailClick:G,showProductDetailInfoIcon:Q,scrollContainerRef:X,appType:Y}=T,Z=s(C),$=i(0),tt=i(!1),[et,ot]=l(""),[ct,rt]=l(!1),[nt,st]=l(R),it=i(!0),lt=i(!1);d((()=>{if(it.current)return void(it.current=!1);const t=setTimeout((()=>{et.length?(rt(!0),T.searchInCollectionFetcher(F,Z,et,Y).then((t=>{const e=n(R);e.products=t,st(e);const o=O(t??{});at(o,t??{},!0),K(!1),rt(!1)}))):st(R)}),800);return()=>clearTimeout(t)}),[et]);d((()=>{lt.current=!1,$.current=Math.floor(Object.keys(R.products??{})?.length/10);const t=O(R.products??{});at(t,R.products??{})}),[Z]);const dt=!!N&&R.isSmartCollection;d((()=>{R?.products||ht(10)}),[]);const at=(t,e,o)=>{q||(o?S(e,w,Z,nt,st):S(e,w,Z)),t.length>0&&q&&q(F,t,Y).then((t=>{const c={...e};Object.keys(e).forEach((o=>{Object.keys(e?.[o]?.variants??{}).forEach((r=>{const n=e?.[o].variants?.[r];n&&"REJECTED"===t[r]?n.fbStatus="REJECTED":n&&"APPROVED"===t[r]&&(n.fbStatus="APPROVED");const s=c?.[o]?.variants;s&&s[r]&&(s[r]=n)}))})),o?(st((t=>{const e={...t};return e.products=c,e})),w({type:"productsPaged",data:{collectionId:Z,products:c}})):w({type:"productsPaged",data:{collectionId:Z,products:c}})})).catch((t=>{o?S(e,w,Z,nt,st):S(e,w,Z)}))},ht=t=>{K(!0),rt(!0),B(Z,F,Y,t,0).then((e=>{if(Object.keys(e).length||(lt.current=!0),Object.keys(e).length){st({...nt,products:e});const t=O(e);at(t,e),$.current=1}t||A({type:"selected",data:{id:Z,val:{...R,products:e}}}),K(!1),rt(!1)})).catch()},pt=(t,e)=>{const o=E(e,R);A({type:t,data:{...o,isRestricted:N}})},ut=!!V?.[Z]&&!!Object.keys(V?.[Z]?.products??{}).length;return t("div",{children:[t(P,{children:[e(p,{Icon:o,height:16,onClick:()=>{J("collections")}}),e(y,{style:{color:a.content.secondary},children:R.name})]}),!M&&e("div",{style:{padding:16,height:"76px",borderBottom:"1px solid #E0E0E0"},children:e(m,{noKeyDownChange:!0,noErrorHint:!0,rightIcon:{icon:()=>ct&&et.length?e(f,{size:"small",color:a.content.primary}):e(r,{})},id:"listInput",height:"24px",type:"text",value:et,onChangeText:t=>{t.length&&t.trim().length?ot(t):ot("")},placeholder:"Search using ID, Name or SKU ID"})}),Object.keys(nt?.products||[]).length>0&&!dt&&!et.length&&!U&&"-1"!==Z&&t(I,{children:[e(h,{isChecked:ut,isPartiallyChecked:v(Z,nt,V,_),onValueChange:function(t){t?ht():A({type:"unselected",data:{id:Z}})}}),e("div",{style:{width:40,height:40},children:e(c,{})}),e(g,{children:"All Products"})]}),e(u,{hasData:!(Object.keys(nt?.products||[]).length<10)&&!!Object.keys(nt?.products||[]).length,fetchMore:()=>(tt.current=!0,B(Z,F,Y,10,$.current).then((t=>{let e=!1;if(Object.keys(t).length||(e=!0),Object.keys(t).length){const e=nt;e.products={...nt.products,...t},st({...e});const o=O(t);at(o,t)}return K(!1),tt.current=!1,$.current+=1,e}))),containerRef:X,children:Object.keys(nt?.products||[]).length?Object.keys(nt.products||[]).map((t=>e(k,{outOfStockAction:W,collectionId:Z,isProductPartiallyChecked:x(Z,t,V,nt,_),productId:t,data:nt.products[t],selectedData:V,selectedCollectionsDispatch:A,viewOnly:!H&&!!dt,upliftAdditions:pt,hideProductCheckbox:U,hideVariantCheckbox:z,hideProductVariants:_,pickerType:L,onProductDetailClick:G,showProductDetailInfoIcon:Q},t))):ct?e(b,{limit:10}):e(j,{title:"No products to show",subtitle:et.length?"We couldn't find the product you were looking for":"We couldn’t find any product in this collection."})})]})};export{T as ProductsScreen};

package/dist/esm/components/product-picker-v2/rearrangeScreen.js

@@ -1 +1 @@
-import{jsxs as t,jsx as e}from"react/jsx-runtime";import o from"../../assets/icons/arrow_left.svg.js";import{useState as r,useEffect as s}from"react";import{DragDropContext as c}from"react-beautiful-dnd";import{COLORS as i}from"../../constants/Theme.js";import{IconButton as n}from"../icon-button/IconButton.js";import{BodyCaption as l}from"../TypographyStyle.js";import{EmptyState as a}from"./emptyState.js";import{parseSelectedVariantsToArray as p}from"./helpers/ProductHelper.js";import{SelectedScreenHeader as d}from"./style.js";import{fetchFbStatusCollection as m}from"./utility.js";import{VariantsList as u,VariantsGrid as f}from"./variantComponents.js";const h=h=>{const{selectedCollections:y,selectedCollectionsDispatch:j,setScreen:S,rearrangeViewType:C,outOfStockAction:g,scrollContainerRef:b,storeId:T,fbStatusFetcher:V,appType:k}=h,[v,w]=r(p(y));s((()=>{w(p(y))}),[y]),s((()=>{var t;null==(t=null==b?void 0:b.current)||t.scrollTo({top:0}),m(y,T,k,j,V,"update")}),[]);return t(c,{onDragEnd:t=>{if(!t.destination)return;const e=v,[o]=e.splice(t.source.index,1);e.splice(t.destination.index,0,o),e.forEach(((t,e)=>{t.displayOrder=e})),w(e)},children:[t(d,{children:[e(n,{Icon:o,width:16,height:16,color:i.content.secondary,onClick:()=>{S("collections")}}),e(l,{color:i.content.secondary,children:"All Products"})]}),Object.keys(y).length>0?"list"===C?e(u,{selectedVariants:v,setSelectedVariants:w,selectedCollectionsDispatch:j,outOfStockAction:g}):e(f,{selectedVariants:v,setSelectedVariants:w,selectedCollectionsDispatch:j}):e(a,{title:"No Products Selected",subtitle:"Selected products will appear here"})]})};export{h as RearrangeScreen};
+import{jsxs as t,jsx as e}from"react/jsx-runtime";import o from"../../assets/icons/arrow_left.svg.js";import{useState as r,useEffect as s}from"react";import{DragDropContext as c}from"react-beautiful-dnd";import{COLORS as i}from"../../constants/Theme.js";import{IconButton as n}from"../icon-button/IconButton.js";import{BodyCaption as l}from"../TypographyStyle.js";import{EmptyState as a}from"./emptyState.js";import{parseSelectedVariantsToArray as p}from"./helpers/ProductHelper.js";import{SelectedScreenHeader as d}from"./style.js";import{fetchFbStatusCollection as m}from"./utility.js";import{VariantsList as f,VariantsGrid as u}from"./variantComponents.js";const h=h=>{const{selectedCollections:y,selectedCollectionsDispatch:j,setScreen:S,rearrangeViewType:C,outOfStockAction:g,scrollContainerRef:b,storeId:T,fbStatusFetcher:V,appType:k}=h,[w,x]=r(p(y));s((()=>{x(p(y))}),[y]),s((()=>{b?.current?.scrollTo({top:0}),m(y,T,k,j,V,"update")}),[]);return t(c,{onDragEnd:t=>{if(!t.destination)return;const e=w,[o]=e.splice(t.source.index,1);e.splice(t.destination.index,0,o),e.forEach(((t,e)=>{t.displayOrder=e})),x(e)},children:[t(d,{children:[e(n,{Icon:o,width:16,height:16,color:i.content.secondary,onClick:()=>{S("collections")}}),e(l,{color:i.content.secondary,children:"All Products"})]}),Object.keys(y).length>0?"list"===C?e(f,{selectedVariants:w,setSelectedVariants:x,selectedCollectionsDispatch:j,outOfStockAction:g}):e(u,{selectedVariants:w,setSelectedVariants:x,selectedCollectionsDispatch:j}):e(a,{title:"No Products Selected",subtitle:"Selected products will appear here"})]})};export{h as RearrangeScreen};

package/dist/esm/components/product-picker-v2/reducers.js

@@ -1 +1 @@
-import{cloneDeep as t}from"lodash";import{createContext as a}from"react";var e=Object.defineProperty,r=Object.defineProperties,d=Object.getOwnPropertyDescriptors,o=Object.getOwnPropertySymbols,c=Object.prototype.hasOwnProperty,s=Object.prototype.propertyIsEnumerable,n=(t,a,r)=>a in t?e(t,a,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[a]=r,l=(t,a)=>{for(var e in a||(a={}))c.call(a,e)&&n(t,e,a[e]);if(o)for(var e of o(a))s.call(a,e)&&n(t,e,a[e]);return t};function u(a,e){var r,d,o,c,s,n,u,i,p,v,f;let y={},O="",m="",b="";switch(e.type){case"selected":return y=t(a),e.data.val.isSmartCollection&&(e.data.isRestricted&&(y={}),y.isCustom=!0),y[e.data.id]=e.data.val,y;case"unselected":return y=t(a),(null==y?void 0:y.isCustom)&&(y.isCustom=!1),delete y[e.data.id],y;case"productUnselected":return y=t(a),O=e.data.productId,m=e.data.collectionId,delete y[m].products[O],Object.keys(y[m].products).length||((null==y?void 0:y.isCustom)&&(y.isCustom=!1),delete y[m]),y;case"productSelected":return y=t(a),O=e.data.productId,m=e.data.collectionId,(null==(r=e.data.catalogOnlyData)?void 0:r.isSmartCollection)&&(e.data.isRestricted&&(y={}),y.isCustom=!0),(null==y?void 0:y[m])||(y[m]=e.data.catalogOnlyData,y[m].products={}),y[m].products[O]=e.data.product,y;case"variantSelected":return y=t(a),O=e.data.productId,m=e.data.collectionId,b=e.data.variantId,(null==(d=e.data.catalogOnlyData)?void 0:d.isSmartCollection)&&(e.data.isRestricted&&(y={}),y.isCustom=!0),(null==y?void 0:y[m])||(y[m]=e.data.catalogOnlyData,y[m].products={},y[m].products[O]=e.data.productOnlyData,y[m].products[O].variants={}),(null==(o=null==y?void 0:y[m])?void 0:o.products)||(y[m].products={}),(null==(s=null==(c=null==y?void 0:y[m])?void 0:c.products)?void 0:s[O])||(y[m].products[O]=e.data.productOnlyData,y[m].products[O].variants={}),y[m].products[O].variants||(y[m].products[O].variants={}),y[m].products[O].variants[b]=e.data.variant,y;case"variantUnselected":return y=t(a),O=e.data.productId,m=e.data.collectionId,b=e.data.variantId,(null==(u=null==(n=y[m].products[O])?void 0:n.variants)?void 0:u[b])&&delete y[m].products[O].variants[b],Object.keys(null!=(v=null==(p=null==(i=y[m].products)?void 0:i[O])?void 0:p.variants)?v:{}).length||(delete y[m].products[O],Object.keys(y[m].products).length||((null==(f=y[m])?void 0:f.isSmartCollection)&&(y.isCustom=!1),delete y[m])),y;case"update":return y=l({},a),y;case"reset":return{};default:return a}}function i(t,a){let e={};switch(a.type){case"fetched":return e=l({},a.data),e;case"productsFetched":return e=l({},t),e[a.data.collectionId].products=a.data.products,e;case"paged":return e=l(l({},t),a.data),e;case"productsPaged":return e=l({},t),e[a.data.collectionId].products=l(l({},e[a.data.collectionId].products),a.data.products),e;case"searched":e=l({},t);for(const t in a.data)t in e||(e[t]=a.data[t]);return e;default:return{}}}function p(t,a){let e={};switch(a.type){case"paginate":e=l({},t);for(const t in a.data)if(Object.prototype.hasOwnProperty.call(a.data,t)){const s=a.data[t];if(Object.prototype.hasOwnProperty.call(e,t)){const a=e[t];e[t]=(o=l({},a),c={products:l(l({},a.products),s.products)},r(o,d(c)))}else e[t]=s}return e;case"update":return e=l({},t),e;case"set":return e=l(l({},t),a.data),e;case"filter":e={};for(const r in t)if(r in a.data){const d=l({},t[r]),o=a.data[r],c={};for(const t in d.products)if(t in o.products){const a=l({},d.products[t]),e=o.products[t],r={};for(const t in a.variants)t in e.variants&&(r[t]=l({},a.variants[t]));Object.keys(r).length>0&&(a.variants=r,c[t]=a)}Object.keys(c).length>0&&(d.products=c,e[r]=d)}return e;default:return t}var o,c}function v(t,a){let e={collections:{},products:{}};switch(a.type){case"set":return a.data;case"setProducts":return e=l({},t),e.products=a.data,e;default:return t}}const f=a("");export{f as CollectionIdContext,i as collectionsReducer,p as paginationReducer,v as searchReducer,u as selectedColectionsReducer};
+import{cloneDeep as t}from"lodash";import{createContext as a}from"react";function e(a,e){let r={},d="",c="",s="";switch(e.type){case"selected":return r=t(a),e.data.val.isSmartCollection&&(e.data.isRestricted&&(r={}),r.isCustom=!0),r[e.data.id]=e.data.val,r;case"unselected":return r=t(a),r?.isCustom&&(r.isCustom=!1),delete r[e.data.id],r;case"productUnselected":return r=t(a),d=e.data.productId,c=e.data.collectionId,delete r[c].products[d],Object.keys(r[c].products).length||(r?.isCustom&&(r.isCustom=!1),delete r[c]),r;case"productSelected":return r=t(a),d=e.data.productId,c=e.data.collectionId,e.data.catalogOnlyData?.isSmartCollection&&(e.data.isRestricted&&(r={}),r.isCustom=!0),r?.[c]||(r[c]=e.data.catalogOnlyData,r[c].products={}),r[c].products[d]=e.data.product,r;case"variantSelected":return r=t(a),d=e.data.productId,c=e.data.collectionId,s=e.data.variantId,e.data.catalogOnlyData?.isSmartCollection&&(e.data.isRestricted&&(r={}),r.isCustom=!0),r?.[c]||(r[c]=e.data.catalogOnlyData,r[c].products={},r[c].products[d]=e.data.productOnlyData,r[c].products[d].variants={}),r?.[c]?.products||(r[c].products={}),r?.[c]?.products?.[d]||(r[c].products[d]=e.data.productOnlyData,r[c].products[d].variants={}),r[c].products[d].variants||(r[c].products[d].variants={}),r[c].products[d].variants[s]=e.data.variant,r;case"variantUnselected":return r=t(a),d=e.data.productId,c=e.data.collectionId,s=e.data.variantId,r[c].products[d]?.variants?.[s]&&delete r[c].products[d].variants[s],Object.keys(r[c].products?.[d]?.variants??{}).length||(delete r[c].products[d],Object.keys(r[c].products).length||(r[c]?.isSmartCollection&&(r.isCustom=!1),delete r[c])),r;case"update":return r={...a},r;case"reset":return{};default:return a}}function r(t,a){let e={};switch(a.type){case"fetched":return e={...a.data},e;case"productsFetched":return e={...t},e[a.data.collectionId].products=a.data.products,e;case"paged":return e={...t,...a.data},e;case"productsPaged":return e={...t},e[a.data.collectionId].products={...e[a.data.collectionId].products,...a.data.products},e;case"searched":e={...t};for(const t in a.data)t in e||(e[t]=a.data[t]);return e;default:return{}}}function d(t,a){let e={};switch(a.type){case"paginate":e={...t};for(const t in a.data)if(Object.prototype.hasOwnProperty.call(a.data,t)){const r=a.data[t];if(Object.prototype.hasOwnProperty.call(e,t)){const a=e[t];e[t]={...a,products:{...a.products,...r.products}}}else e[t]=r}return e;case"update":return e={...t},e;case"set":return e={...t,...a.data},e;case"filter":e={};for(const r in t)if(r in a.data){const d={...t[r]},c=a.data[r],s={};for(const t in d.products)if(t in c.products){const a={...d.products[t]},e=c.products[t],r={};for(const t in a.variants)t in e.variants&&(r[t]={...a.variants[t]});Object.keys(r).length>0&&(a.variants=r,s[t]=a)}Object.keys(s).length>0&&(d.products=s,e[r]=d)}return e;default:return t}}function c(t,a){let e={collections:{},products:{}};switch(a.type){case"set":return a.data;case"setProducts":return e={...t},e.products=a.data,e;default:return t}}const s=a("");export{s as CollectionIdContext,r as collectionsReducer,d as paginationReducer,c as searchReducer,e as selectedColectionsReducer};

package/dist/esm/components/product-picker-v2/searchScreen.js

@@ -1 +1 @@
-import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import l from"../../assets/icons/arrow_left.svg.js";import{useEffect as c}from"react";import{IconButton as i}from"../icon-button/IconButton.js";import{BodyCaption as r}from"../TypographyStyle.js";import{CollectionCard as s}from"./collectionScreen.js";import{EmptyState as n}from"./emptyState.js";import{ProductGroup as d}from"./product.js";import{SelectedScreenHeader as u}from"./style.js";import{fetchFbStatusCollection as a,isCollectionPartiallyChecked as p,isProductPartiallyChecked as h,liftTheStateUp as v}from"./utility.js";var m=Object.defineProperty,y=Object.defineProperties,C=Object.getOwnPropertyDescriptors,b=Object.getOwnPropertySymbols,f=Object.prototype.hasOwnProperty,k=Object.prototype.propertyIsEnumerable,j=(e,t,o)=>t in e?m(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,O=(e,t)=>{for(var o in t||(t={}))f.call(t,o)&&j(e,o,t[o]);if(b)for(var o of b(t))k.call(t,o)&&j(e,o,t[o]);return e};const P=m=>{var b;const{customCollectionRestriction:f,selectedCollections:k,searchedCollections:j,searchedCollectionsDispatch:P,selectedCollectionsDispatch:S,setScreen:I,collections:g,onBackPress:x,hideVariantCheckbox:w,pickerType:D,hideProductVariants:T,hideProductCheckbox:V,storeId:A,fbStatusFetcher:R,setCollectionId:W,setSelectedCollectionId:B,hideCollectionCheckbox:M,renderWithoutModal:E,outOfStockAction:F,appType:N}=m;c((()=>{var e;a(null!=(e=j.products)?e:{},A,N,P,R,"setProducts")}),[null==j?void 0:j.products]);const _=!!f&&(null==k?void 0:k.isCustom);return e("div",{children:[e(u,{children:[t(i,{Icon:l,onClick:()=>{I("collections"),x()}}),t(r,{children:(null==(b=Object.keys(null==j?void 0:j.collections))?void 0:b.length)?"Searched Collections & Products":"Searched Products"})]}),t("div",{children:Object.keys(null==j?void 0:j.products).length||Object.keys(null==j?void 0:j.collections).length?e(o,{children:[t(o,{children:Object.keys(null==j?void 0:j.collections).map((e=>t(s,{customCollectionRestriction:f,data:null==g?void 0:g[e],isDisabled:_&&!(null==k?void 0:k[e]),isChecked:!!(null==k?void 0:k[e]),isPartiallyChecked:p(e,null==g?void 0:g[e],k,T),selectedCollectionsDispatch:S,setCollectionId:W,setSelectedCollectionId:B,setScreen:I,id:e,hideCollectionCheckbox:M||"-1"===e,selectedCollections:k,renderWithoutModal:E,pickerType:D,usedInSearch:!0},e)))}),t(o,{children:Object.keys(null==j?void 0:j.products).map((e=>{var o,l;return Object.keys((null==(l=null==(o=null==j?void 0:j.products)?void 0:o[e])?void 0:l.products)||[]).map((o=>{var l,c,i;let r=!1;return(null==(l=null==j?void 0:j.products)?void 0:l.isCustom)&&(r=!0),t(d,{collectionId:e,upliftAdditions:(t,o)=>((e,t,o)=>{var l;const c=v(o,null==(l=null==j?void 0:j.products)?void 0:l[e]);var i,r;S({type:t,data:(i=O({},c),r={isRestricted:f},y(i,C(r)))})})(e,t,o),productId:o,data:(null==(c=null==j?void 0:j.products)?void 0:c[e].products)[o],isProductPartiallyChecked:h(e,o,k,null==(i=j.products)?void 0:i[e],T),selectedData:k,selectedCollectionsDispatch:S,viewOnly:r,hideProductCheckbox:V,hideVariantCheckbox:w,hideProductVariants:T,pickerType:D,outOfStockAction:F},o)}))}))})]}):t(n,{title:"No search results found",subtitle:"We couldn’t find the product you were looking for."})})]})};export{P as SearchScreen};
+import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import c from"../../assets/icons/arrow_left.svg.js";import{useEffect as s}from"react";import{IconButton as i}from"../icon-button/IconButton.js";import{BodyCaption as r}from"../TypographyStyle.js";import{CollectionCard as l}from"./collectionScreen.js";import{EmptyState as d}from"./emptyState.js";import{ProductGroup as n}from"./product.js";import{SelectedScreenHeader as p}from"./style.js";import{fetchFbStatusCollection as a,isCollectionPartiallyChecked as u,isProductPartiallyChecked as h,liftTheStateUp as m}from"./utility.js";const C=C=>{const{customCollectionRestriction:k,selectedCollections:y,searchedCollections:f,searchedCollectionsDispatch:b,selectedCollectionsDispatch:j,setScreen:S,collections:P,onBackPress:I,hideVariantCheckbox:O,pickerType:x,hideProductVariants:g,hideProductCheckbox:D,storeId:T,fbStatusFetcher:v,setCollectionId:V,setSelectedCollectionId:w,hideCollectionCheckbox:A,renderWithoutModal:R,outOfStockAction:W,appType:B}=C;s((()=>{a(f.products??{},T,B,b,v,"setProducts")}),[f?.products]);const M=!!k&&y?.isCustom;return e("div",{children:[e(p,{children:[t(i,{Icon:c,onClick:()=>{S("collections"),I()}}),t(r,{children:Object.keys(f?.collections)?.length?"Searched Collections & Products":"Searched Products"})]}),t("div",{children:Object.keys(f?.products).length||Object.keys(f?.collections).length?e(o,{children:[t(o,{children:Object.keys(f?.collections).map((e=>t(l,{customCollectionRestriction:k,data:P?.[e],isDisabled:M&&!y?.[e],isChecked:!!y?.[e],isPartiallyChecked:u(e,P?.[e],y,g),selectedCollectionsDispatch:j,setCollectionId:V,setSelectedCollectionId:w,setScreen:S,id:e,hideCollectionCheckbox:A||"-1"===e,selectedCollections:y,renderWithoutModal:R,pickerType:x,usedInSearch:!0},e)))}),t(o,{children:Object.keys(f?.products).map((e=>Object.keys(f?.products?.[e]?.products||[]).map((o=>{let c=!1;return f?.products?.isCustom&&(c=!0),t(n,{collectionId:e,upliftAdditions:(t,o)=>((e,t,o)=>{const c=m(o,f?.products?.[e]);j({type:t,data:{...c,isRestricted:k}})})(e,t,o),productId:o,data:(f?.products?.[e].products)[o],isProductPartiallyChecked:h(e,o,y,f.products?.[e],g),selectedData:y,selectedCollectionsDispatch:j,viewOnly:c,hideProductCheckbox:D,hideVariantCheckbox:O,hideProductVariants:g,pickerType:x,outOfStockAction:W},o)}))))})]}):t(d,{title:"No search results found",subtitle:"We couldn’t find the product you were looking for."})})]})};export{C as SearchScreen};

package/dist/esm/components/product-picker-v2/selectedScreen.js

@@ -1 +1 @@
-import{jsxs as t,jsx as e,Fragment as r}from"react/jsx-runtime";import o from"../../assets/icons/arrow_left.svg.js";import{useRef as c,useReducer as n,useEffect as i}from"react";import{IconButton as s}from"../icon-button/IconButton.js";import{BodyCaption as l}from"../TypographyStyle.js";import{EmptyState as d}from"./emptyState.js";import{ProductGroup as u}from"./product.js";import{paginationReducer as a}from"./reducers.js";import{SelectedScreenHeader as p}from"./style.js";import{paginateSelectedItems as m,fetchFbStatusCollection as f,isProductPartiallyChecked as h}from"./utility.js";const y=y=>{const{selectedCollections:v,selectedCollectionsDispatch:j,setScreen:b,collections:S,hideProductVariants:k=!1,outOfStockAction:I,storeId:O,fbStatusFetcher:g,appType:C}=y,P=c(0),w=c(null),[A,D]=n(a,{});i((()=>{P.current=0;const t=m(v,10,0);D({type:"paginate",data:t}),f(t,O,C,D,g,"set"),P.current+=1}),[]),i((()=>{D({type:"filter",data:v})}),[v]),i((()=>{const t=new IntersectionObserver((t=>{if(t[0].isIntersecting&&P.current>0){const t=m(v,10,P.current);D({type:"paginate",data:t}),f(t,O,C,D,g,"update"),P.current+=1}}),{threshold:1});return w.current&&t.observe(w.current),()=>{w.current&&t.unobserve(w.current)}}),[w,v]);const x=v;return t("div",{children:[t(p,{children:[e(s,{Icon:o,onClick:()=>{b("collections")}}),e(l,{children:"Selected Products"})]}),t("div",{children:[Object.keys(A).length>0?e(r,{children:Object.keys(A).map((t=>{var r;return Object.keys((null==(r=null==A?void 0:A[t])?void 0:r.products)||[]).map((r=>{let o=!1;return(null==x?void 0:x.isCustom)&&(o=!0),e(u,{upliftAdditions:null,collectionId:t,productId:r,data:A[t].products[r],isProductPartiallyChecked:h(t,r,x,null==S?void 0:S[t],k),selectedData:x,selectedCollectionsDispatch:j,viewOnly:o,hideProductVariants:k,outOfStockAction:I},r)}))}))}):e(d,{title:"No Products Selected",subtitle:"Select products will appear here"}),e("div",{ref:w})]})]})};export{y as SelectedScreen};
+import{jsxs as t,jsx as e,Fragment as r}from"react/jsx-runtime";import o from"../../assets/icons/arrow_left.svg.js";import{useRef as c,useReducer as s,useEffect as i}from"react";import{IconButton as n}from"../icon-button/IconButton.js";import{BodyCaption as l}from"../TypographyStyle.js";import{EmptyState as d}from"./emptyState.js";import{ProductGroup as u}from"./product.js";import{paginationReducer as a}from"./reducers.js";import{SelectedScreenHeader as p}from"./style.js";import{paginateSelectedItems as m,fetchFbStatusCollection as f,isProductPartiallyChecked as h}from"./utility.js";const y=y=>{const{selectedCollections:j,selectedCollectionsDispatch:b,setScreen:S,collections:v,hideProductVariants:k=!1,outOfStockAction:I,storeId:O,fbStatusFetcher:g,appType:C}=y,P=c(0),w=c(null),[A,D]=s(a,{});i((()=>{P.current=0;const t=m(j,10,0);D({type:"paginate",data:t}),f(t,O,C,D,g,"set"),P.current+=1}),[]),i((()=>{D({type:"filter",data:j})}),[j]),i((()=>{const t=new IntersectionObserver((t=>{if(t[0].isIntersecting&&P.current>0){const t=m(j,10,P.current);D({type:"paginate",data:t}),f(t,O,C,D,g,"update"),P.current+=1}}),{threshold:1});return w.current&&t.observe(w.current),()=>{w.current&&t.unobserve(w.current)}}),[w,j]);const x=j;return t("div",{children:[t(p,{children:[e(n,{Icon:o,onClick:()=>{S("collections")}}),e(l,{children:"Selected Products"})]}),t("div",{children:[Object.keys(A).length>0?e(r,{children:Object.keys(A).map((t=>Object.keys(A?.[t]?.products||[]).map((r=>{let o=!1;return x?.isCustom&&(o=!0),e(u,{upliftAdditions:null,collectionId:t,productId:r,data:A[t].products[r],isProductPartiallyChecked:h(t,r,x,v?.[t],k),selectedData:x,selectedCollectionsDispatch:b,viewOnly:o,hideProductVariants:k,outOfStockAction:I},r)}))))}):e(d,{title:"No Products Selected",subtitle:"Select products will appear here"}),e("div",{ref:w})]})]})};export{y as SelectedScreen};

package/dist/esm/components/product-picker-v2/type.d.ts

@@ -0,0 +1,22 @@
+declare enum OUT_OF_STOCK_ACTION {
+    HIDE = "HIDE",
+    NORMAL = "NORMAL",
+    /** @description shows OOS label  */
+    BLUR = "BLUR"
+}
+interface FooterForNonModalI {
+    renderFooter?: boolean;
+    primaryButtonText?: string;
+    primaryButtonDisabled?: boolean;
+    isLoading?: boolean;
+}
+declare enum ScreenName {
+    Collections = "collections",
+    RearrangeProducts = "rearrange",
+    SelectedProducts = "view",
+    SearchProducts = "searchProducts",
+    Products = "products"
+}
+
+export { OUT_OF_STOCK_ACTION, ScreenName };
+export type { FooterForNonModalI };

package/dist/esm/components/product-picker-v2/utility.js

@@ -1 +1 @@
-import{cloneDeep as l}from"lodash";var t=Object.defineProperty,n=Object.defineProperties,o=Object.getOwnPropertyDescriptors,r=Object.getOwnPropertySymbols,u=Object.prototype.hasOwnProperty,s=Object.prototype.propertyIsEnumerable,c=(l,n,o)=>n in l?t(l,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):l[n]=o,e=(l,t)=>{for(var n in t||(t={}))u.call(t,n)&&c(l,n,t[n]);if(r)for(var n of r(t))s.call(t,n)&&c(l,n,t[n]);return l},a=(l,t)=>n(l,o(t));const d=(t,n)=>{const o=l(n);if(delete o.products,(t=a(e({},t),{catalogOnlyData:o})).productId&&n.products){const r=l(n.products[t.productId]);(null==r?void 0:r.variants)&&delete r.variants,t=a(e({},t),{catalogOnlyData:o,productOnlyData:r})}return t};function i(l,t,n){var o;const r={};let u=0;for(const s in l)if(Object.prototype.hasOwnProperty.call(l,s)){const c=l[s],d=v(c.products,t,n-u);d&&Object.keys(d).length>0&&(r[s]=a(e({},c),{products:d})),u+=Object.keys(null!=(o=c.products)?o:{}).length}return r}function v(l,t,n){if(!l)return{};const o=Object.keys(l).slice(n,n+t),r={};return o.forEach((t=>{r[t]=l[t]})),r}const p=(l,t,n)=>{Object.keys(l).forEach((t=>{var n,o;const r=null!=(o=null==(n=l[t])?void 0:n.products)?o:{};Object.keys(r).forEach((n=>{var o,r,u,s;const c=null!=(s=null==(u=null==(r=null==(o=l[t])?void 0:o.products)?void 0:r[n])?void 0:u.variants)?s:{};Object.keys(c).forEach((o=>{var r,u,s,c;const e=null==(c=null==(s=null==(u=null==(r=l[t])?void 0:r.products)?void 0:u[n])?void 0:s.variants)?void 0:c[o];e&&!e.fbStatus&&(e.fbStatus="APPROVED")}))}))})),t({type:n,data:l})},f=function(l,t,n,o,r){let u=arguments.length>5&&void 0!==arguments[5]?arguments[5]:"paged";r||p(l,o,u);const s=(l=>{const t=[];return Object.keys(l).forEach((n=>{var o,r;const u=null!=(r=null==(o=l[n])?void 0:o.products)?r:{};Object.keys(u).forEach((o=>{var r,u,s,c;const e=null!=(c=null==(s=null==(u=null==(r=l[n])?void 0:r.products)?void 0:u[o])?void 0:s.variants)?c:{};Object.keys(e).forEach((r=>{var u,s,c,e;const a=null==(e=null==(c=null==(s=null==(u=l[n])?void 0:u.products)?void 0:s[o])?void 0:c.variants)?void 0:e[r];(null==a?void 0:a.fbStatus)||t.push(r)}))}))})),t})(l);s.length>0&&r&&r(t,s,n).then((t=>{const n=e({},l);Object.keys(n).forEach((l=>{var o,r;const u=null!=(r=null==(o=n[l])?void 0:o.products)?r:{};Object.keys(u).forEach((o=>{var r,u,s,c;const e=null!=(c=null==(s=null==(u=null==(r=n[l])?void 0:r.products)?void 0:u[o])?void 0:s.variants)?c:{};Object.keys(e).forEach((r=>{var u,s,c,e;const a=null==(e=null==(c=null==(s=null==(u=n[l])?void 0:u.products)?void 0:s[o])?void 0:c.variants)?void 0:e[r];a&&"REJECTED"===t[r]?a.fbStatus="REJECTED":a&&"APPROVED"===t[r]&&(a.fbStatus="APPROVED")}))}))})),o({type:u,data:n})})).catch((t=>{console.error("Error in fbStatusFetcher",t),p(l,o,u)}))},b=(l,t)=>{const n=[];return Object.keys(null!=l?l:{}).forEach((o=>{var r,u;const s=null!=(u=null==(r=null==l?void 0:l[o])?void 0:r.variants)?u:{};Object.keys(s).forEach((r=>{var u,s,c,e,a;let d;d=t?null==(c=null==(s=null==(u=null==t?void 0:t.products)?void 0:u[o])?void 0:s.variants)?void 0:c[r]:null==(a=null==(e=null==l?void 0:l[o])?void 0:e.variants)?void 0:a[r],(null==d?void 0:d.fbStatus)||n.push(r)}))})),n},O=(l,t,n,o,r)=>{const u=e({},l);if(Object.keys(l).forEach((t=>{var n,o;Object.keys(null!=(o=null==(n=null==l?void 0:l[t])?void 0:n.variants)?o:{}).forEach((n=>{var o,r;const s=null==(o=null==l?void 0:l[t].variants)?void 0:o[n];s&&(s.fbStatus="APPROVED");const c=null==(r=null==u?void 0:u[t])?void 0:r.variants;c&&c[n]&&(c[n]=s)}))})),o&&r){const l=e({},o);l.products=u,r(l),t({type:"productsPaged",data:{collectionId:n,products:u}})}else t({type:"productsPaged",data:{collectionId:n,products:u}})},y=l=>{const t=Object.keys(l.variants||[]);let n=!1;return!(t.length<=1)||(t.forEach((t=>{var o,r;n=null!=(r=null==(o=l.variants)?void 0:o[t].name.includes(l.name))&&r})),!n)},h=(l,t,n,o,r)=>{var u,s,c,e,a,d,i,v,p,f,b,O,y,h,j,E,k,g,P;let m=0,D=0;if(null==(s=null==(u=null==n?void 0:n[l])?void 0:u.products)?void 0:s[t]){if(r)return!1;const u=(null==(a=null==(e=null==(c=null==n?void 0:n[l])?void 0:c.products)?void 0:e[t])?void 0:a.variants)||[];if(1===Object.keys(u).length)for(const o in u){const r=null==(i=null==(d=null==n?void 0:n[l])?void 0:d.products)?void 0:i[t],u=null==(b=null==(f=null==(p=null==(v=null==n?void 0:n[l])?void 0:v.products)?void 0:p[t])?void 0:f.variants)?void 0:b[o];if(null==(y=null==u?void 0:u.name)?void 0:y.includes(null!=(O=null==r?void 0:r.name)?O:""))return!1}if(null==(E=Object.keys((null==(j=null==(h=null==o?void 0:o.products)?void 0:h[t])?void 0:j.variants)||[]))||E.forEach((()=>D++)),Object.keys((null==(P=null==(g=null==(k=null==n?void 0:n[l])?void 0:k.products)?void 0:g[t])?void 0:P.variants)||[]).forEach((()=>m++)),m>0&&D!==m)return!0}return!1},j=function(l,t,n){var o,r,u,s;let c=0,e=0;if(arguments.length>3&&void 0!==arguments[3]&&arguments[3]){const s=null!=(o=null==t?void 0:t.products)?o:{};c=Object.keys(s).length;const a=null!=(u=null==(r=n[l])?void 0:r.products)?u:{};e=Object.keys(a).length}else if(n[l]){const o=null==t?void 0:t.products;o&&Object.keys(o).forEach((l=>{var t;const n=null==(t=o[l])?void 0:t.variants;n&&Object.keys(n).forEach((l=>c+=1))}));const r=null==(s=n[l])?void 0:s.products;if(r&&Object.keys(r).forEach((l=>{var t;const n=null==(t=r[l])?void 0:t.variants;n&&Object.keys(n).forEach((l=>e+=1))})),c<=0&&e>0)return!1}return e>0&&c!==e},E=(t,n,o)=>Object.keys(t).reduce(((r,u)=>{var s;return u in n?(r[u]=a(e({},t[u]),{products:Object.keys(null!=(s=t[u].products)?s:{}).reduce(((r,s)=>{var c,d,i,v,p,f,b,O,y,h;const j=null==(c=n[u].products)?void 0:c[s],E=null==(v=null==(i=null==(d=null==o?void 0:o.products)?void 0:d[u])?void 0:i.products)?void 0:v[s];return j?r[s]=a(e({},(null==(p=t[u].products)?void 0:p[s])||{}),{allVariants:l(j.variants)}):E?r[s]=a(e({},(null==(f=t[u].products)?void 0:f[s])||{}),{allVariants:l(E.variants)}):(null==(O=null==(b=t[u].products)?void 0:b[s])?void 0:O.allVariants)&&(r[s]=a(e({},(null==(y=t[u].products)?void 0:y[s])||{}),{allVariants:l(null==(h=t[u].products)?void 0:h[s].allVariants)})),r}),{})}),r):r}),{}),k=(l,t)=>{var n;if(t)return l.skuId;const o=Object.values(null!=(n=null==l?void 0:l.variants)?n:{});return 1===o.length&&o[0].name.includes(l.name)?o[0].skuId:""};export{f as fetchFbStatusCollection,k as getSkuId,b as getVariantIdsToFetchAtProductLevel,j as isCollectionPartiallyChecked,h as isProductPartiallyChecked,d as liftTheStateUp,O as markVariantsAsApprovedProductsLevel,i as paginateSelectedItems,y as shouldShowVariant,E as updateAllVariantsForSelectedProducts};
+import{cloneDeep as t}from"lodash";const s=(s,c)=>{const r=t(c);if(delete r.products,(s={...s,catalogOnlyData:r}).productId&&c.products){const e=t(c.products[s.productId]);e?.variants&&delete e.variants,s={...s,catalogOnlyData:r,productOnlyData:e}}return s};function c(t,s,c){const e={};let a=0;for(const o in t)if(Object.prototype.hasOwnProperty.call(t,o)){const n=t[o],u=r(n.products,s,c-a);u&&Object.keys(u).length>0&&(e[o]={...n,products:u}),a+=Object.keys(n.products??{}).length}return e}function r(t,s,c){if(!t)return{};const r=Object.keys(t).slice(c,c+s),e={};return r.forEach((s=>{e[s]=t[s]})),e}const e=(t,s,c)=>{Object.keys(t).forEach((s=>{const c=t[s]?.products??{};Object.keys(c).forEach((c=>{const r=t[s]?.products?.[c]?.variants??{};Object.keys(r).forEach((r=>{const e=t[s]?.products?.[c]?.variants?.[r];e&&!e.fbStatus&&(e.fbStatus="APPROVED")}))}))})),s({type:c,data:t})},a=(t,s,c,r,a,o="paged")=>{a||e(t,r,o);const n=(t=>{const s=[];return Object.keys(t).forEach((c=>{const r=t[c]?.products??{};Object.keys(r).forEach((r=>{const e=t[c]?.products?.[r]?.variants??{};Object.keys(e).forEach((e=>{const a=t[c]?.products?.[r]?.variants?.[e];a?.fbStatus||s.push(e)}))}))})),s})(t);n.length>0&&a&&a(s,n,c).then((s=>{const c={...t};Object.keys(c).forEach((t=>{const r=c[t]?.products??{};Object.keys(r).forEach((r=>{const e=c[t]?.products?.[r]?.variants??{};Object.keys(e).forEach((e=>{const a=c[t]?.products?.[r]?.variants?.[e];a&&"REJECTED"===s[e]?a.fbStatus="REJECTED":a&&"APPROVED"===s[e]&&(a.fbStatus="APPROVED")}))}))})),r({type:o,data:c})})).catch((s=>{console.error("Error in fbStatusFetcher",s),e(t,r,o)}))},o=(t,s)=>{const c=[];return Object.keys(t??{}).forEach((r=>{const e=t?.[r]?.variants??{};Object.keys(e).forEach((e=>{let a;a=s?s?.products?.[r]?.variants?.[e]:t?.[r]?.variants?.[e],a?.fbStatus||c.push(e)}))})),c},n=(t,s,c,r,e)=>{const a={...t};if(Object.keys(t).forEach((s=>{Object.keys(t?.[s]?.variants??{}).forEach((c=>{const r=t?.[s].variants?.[c];r&&(r.fbStatus="APPROVED");const e=a?.[s]?.variants;e&&e[c]&&(e[c]=r)}))})),r&&e){const t={...r};t.products=a,e(t),s({type:"productsPaged",data:{collectionId:c,products:a}})}else s({type:"productsPaged",data:{collectionId:c,products:a}})},u=t=>{const s=Object.keys(t.variants||[]);let c=!1;return!(s.length<=1)||(s.forEach((s=>{c=t.variants?.[s].name.includes(t.name)??!1})),!c)},d=(t,s,c,r,e)=>{let a=0,o=0;if(c?.[t]?.products?.[s]){if(e)return!1;const n=c?.[t]?.products?.[s]?.variants||[];if(1===Object.keys(n).length)for(const r in n){const e=c?.[t]?.products?.[s],a=c?.[t]?.products?.[s]?.variants?.[r];if(a?.name?.includes(e?.name??""))return!1}if(Object.keys(r?.products?.[s]?.variants||[])?.forEach((()=>o++)),Object.keys(c?.[t]?.products?.[s]?.variants||[]).forEach((()=>a++)),a>0&&o!==a)return!0}return!1},i=(t,s,c,r=!1)=>{let e=0,a=0;if(r){const r=s?.products??{};e=Object.keys(r).length;const o=c[t]?.products??{};a=Object.keys(o).length}else if(c[t]){const r=s?.products;r&&Object.keys(r).forEach((t=>{const s=r[t]?.variants;s&&Object.keys(s).forEach((t=>e+=1))}));const o=c[t]?.products;if(o&&Object.keys(o).forEach((t=>{const s=o[t]?.variants;s&&Object.keys(s).forEach((t=>a+=1))})),e<=0&&a>0)return!1}return a>0&&e!==a},p=(s,c,r)=>Object.keys(s).reduce(((e,a)=>a in c?(e[a]={...s[a],products:Object.keys(s[a].products??{}).reduce(((e,o)=>{const n=c[a].products?.[o],u=r?.products?.[a]?.products?.[o];return n?e[o]={...s[a].products?.[o]||{},allVariants:t(n.variants)}:u?e[o]={...s[a].products?.[o]||{},allVariants:t(u.variants)}:s[a].products?.[o]?.allVariants&&(e[o]={...s[a].products?.[o]||{},allVariants:t(s[a].products?.[o].allVariants)}),e}),{})},e):e),{}),f=(t,s)=>{if(s)return t.skuId;const c=Object.values(t?.variants??{});return 1===c.length&&c[0].name.includes(t.name)?c[0].skuId:""};export{a as fetchFbStatusCollection,f as getSkuId,o as getVariantIdsToFetchAtProductLevel,i as isCollectionPartiallyChecked,d as isProductPartiallyChecked,s as liftTheStateUp,n as markVariantsAsApprovedProductsLevel,c as paginateSelectedItems,u as shouldShowVariant,p as updateAllVariantsForSelectedProducts};

package/dist/esm/components/product-picker-v2/variant.js

@@ -1 +1 @@
-import{jsx as t,jsxs as e}from"react/jsx-runtime";import r from"../../assets/icons/delete.svg.js";import o from"../../assets/icons/drag_handle.svg.js";import{Tooltip as i}from"../tooltips/Tooltip.js";import{COLORS as a}from"../../constants/Theme.js";import{IconButton as n}from"../icon-button/IconButton.js";import{ShimmerImage as c}from"../shimmer-image/ShimmerImage.js";import{TitleSmall as l,BodyCaption as d}from"../TypographyStyle.js";import{CurrencySymbols as m}from"./constants.js";import{ProductHelper as s}from"./helpers/ProductHelper.js";import{ProductPickerTag as h}from"./ProductPickerTag.js";import{VariantCardListStyle as p,ProductInfo as u,ProductSubTitle as g,SKUIDBadge as f,EllipsedBodyTiny as y,VariantCardGridStyle as v}from"./style.js";const I=v=>{var I,j,b;const{data:T,selectedCollectionsDispatch:P,outOfStockAction:k}=v,x=()=>{let t;return t=T.name.includes(T.productName)?T.name:`${T.productName} ${T.name}`,t},{dataForProductPickerTag:w,tagText:D,tagType:N}=s.getDataForProductPickerTag(T,!0,k),S=`${T.currency&&null!=(I=m[T.currency])?I:""}${null!=(b=null!=(j=T.price)?j:T.actualPrice)?b:""}`,$=T.skuId;return t(p,{children:e("div",{className:"text-container",children:[t(o,{width:24,height:24,color:a.content.placeholder}),t("div",{children:t(c,{width:40,height:40,imageUrl:T.image,alt:"Item",borderRadius:4},T.variantId)}),e("div",{className:"info-container",children:[e("div",{className:"tooltip-title-tag",children:[t(i,{body:x(),placement:"bottom",delay:400,variant:"light",children:t(l,{numberOfLines:1,style:{flex:1,minWidth:0},children:x()})}),e(u,{children:[t(h,{isVariant:!0,data:w,tagText:D,tagType:N}),t(n,{Icon:()=>t(r,{width:24,height:24,color:a.content.placeholder}),onClick:()=>{P&&P({type:"variantUnselected",data:{productId:T.productId,variantId:T.variantId,collectionId:T.collectionId}}),v.onDelete&&v.onDelete()}})]})]}),e(g,{children:[t(d,{color:a.content.secondary,children:!(null==w?void 0:w.fbStatus)||D?null:S}),$&&t(i,{body:$,placement:"top",children:t(f,{children:t(y,{children:`SKU ID: ${$}`})})})]})]})]})})},j=e=>{const{data:r}=e;return t(v,{children:t(i,{body:r.name,alwaysVisible:!1,variant:"dark",placement:"bottom",children:t(c,{width:72,height:72,imageUrl:r.image,alt:"Item",borderRadius:4})})})};export{j as VariantCardGridView,I as VariantCardListView};
+import{jsx as t,jsxs as e}from"react/jsx-runtime";import r from"../../assets/icons/delete.svg.js";import o from"../../assets/icons/drag_handle.svg.js";import{Tooltip as i}from"../tooltips/Tooltip.js";import{COLORS as a}from"../../constants/Theme.js";import{IconButton as n}from"../icon-button/IconButton.js";import{ShimmerImage as c}from"../shimmer-image/ShimmerImage.js";import{TitleSmall as l,BodyCaption as d}from"../TypographyStyle.js";import{CurrencySymbols as m}from"./constants.js";import{ProductHelper as s}from"./helpers/ProductHelper.js";import{ProductPickerTag as h}from"./ProductPickerTag.js";import{VariantCardListStyle as p,ProductInfo as u,ProductSubTitle as g,SKUIDBadge as f,EllipsedBodyTiny as y,VariantCardGridStyle as I}from"./style.js";const j=I=>{const{data:j,selectedCollectionsDispatch:v,outOfStockAction:b}=I,T=()=>{let t;return t=j.name.includes(j.productName)?j.name:`${j.productName} ${j.name}`,t},{dataForProductPickerTag:P,tagText:k,tagType:x}=s.getDataForProductPickerTag(j,!0,b),w=`${j.currency?m[j.currency]??"":""}${j.price??j.actualPrice??""}`,D=j.skuId;return t(p,{children:e("div",{className:"text-container",children:[t(o,{width:24,height:24,color:a.content.placeholder}),t("div",{children:t(c,{width:40,height:40,imageUrl:j.image,alt:"Item",borderRadius:4},j.variantId)}),e("div",{className:"info-container",children:[e("div",{className:"tooltip-title-tag",children:[t(i,{body:T(),placement:"bottom",delay:400,variant:"light",children:t(l,{numberOfLines:1,style:{flex:1,minWidth:0},children:T()})}),e(u,{children:[t(h,{isVariant:!0,data:P,tagText:k,tagType:x}),t(n,{Icon:()=>t(r,{width:24,height:24,color:a.content.placeholder}),onClick:()=>{v&&v({type:"variantUnselected",data:{productId:j.productId,variantId:j.variantId,collectionId:j.collectionId}}),I.onDelete&&I.onDelete()}})]})]}),e(g,{children:[t(d,{color:a.content.secondary,children:!P?.fbStatus||k?null:w}),D&&t(i,{body:D,placement:"top",children:t(f,{children:t(y,{children:`SKU ID: ${D}`})})})]})]})]})})},v=e=>{const{data:r}=e;return t(I,{children:t(i,{body:r.name,alwaysVisible:!1,variant:"dark",placement:"bottom",children:t(c,{width:72,height:72,imageUrl:r.image,alt:"Item",borderRadius:4})})})};export{v as VariantCardGridView,j as VariantCardListView};

package/dist/esm/components/product-picker-v2/variantComponents.js

@@ -1 +1 @@
-import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useState as o}from"react";import{Droppable as t,Draggable as a}from"react-beautiful-dnd";import{COLORS as l}from"../../constants/Theme.js";import{VariantCardListView as d,VariantCardGridView as n}from"./variant.js";var p=Object.defineProperty,i=Object.defineProperties,s=Object.getOwnPropertyDescriptors,c=Object.getOwnPropertySymbols,f=Object.prototype.hasOwnProperty,b=Object.prototype.propertyIsEnumerable,u=(e,r,o)=>r in e?p(e,r,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[r]=o,h=(e,r)=>{for(var o in r||(r={}))f.call(r,o)&&u(e,o,r[o]);if(c)for(var o of c(r))b.call(r,o)&&u(e,o,r[o]);return e},g=(e,r)=>i(e,s(r));const v=n=>{let{selectedVariants:p,setSelectedVariants:i,selectedCollectionsDispatch:s,outOfStockAction:c}=n;const[f,b]=o(-1);function u(e){if(null==e?void 0:e.transform){const r=`translate(0px, ${e.transform.split(",").pop()}`;return g(h({},e),{transform:r})}return e}return e(t,{droppableId:"droppable-list",children:(o,t)=>r("div",g(h({},o.droppableProps),{ref:o.innerRef,style:h({backgroundColor:l.surface.subdued,padding:"0.05px",height:p.length<8?"550px":"100%",overflow:"auto"},o.droppableProps.style),children:[p.map(((r,o)=>e("div",{style:{background:l.surface.hovered,margin:"5px",boxShadow:o===f?"0px 4px 12px rgba(0, 0, 0, 0.12)":""},onMouseEnter:()=>b(o),onMouseLeave:()=>b(-1),children:e(a,{draggableId:`${r.productId}-${r.variantId}`,index:o,children:(t,a)=>e("div",g(h(h({ref:t.innerRef},t.draggableProps),t.dragHandleProps),{style:u(h(h({},t.draggableProps.style),t.draggableSnapshot)),children:e(d,{data:r,selectedCollectionsDispatch:s,onDelete:()=>{const e=p.slice();e[o].displayOrder=null,e.splice(o,1),i(e)},outOfStockAction:c},`${r.productId}-${r.variantId}`)}))},`${r.productId}-${r.variantId}`)},`${r.productId}-${r.variantId}`))),o.placeholder&&t.isDraggingOver?e("div",{style:{background:l.surface.hovered,margin:"5px"},children:o.placeholder}):null]}))})},m=o=>{let{selectedVariants:l}=o;return e(t,{droppableId:"droppable-horizontal",children:o=>r("div",g(h({},o.droppableProps),{ref:o.innerRef,style:g(h({},o.droppableProps.style),{display:"flex"}),children:[e(t,{droppableId:"droppable-vertical",direction:"horizontal",children:o=>r("div",g(h({},o.droppableProps),{ref:o.innerRef,style:g(h({},o.droppableProps.style),{display:"flex",flexWrap:"wrap",flexDirection:"row"}),children:[l.map(((o,t)=>e(a,{draggableId:`${o.productId}-${o.variantId}`,index:t,children:(t,a)=>r("div",g(h(h({ref:t.innerRef},t.draggableProps),t.dragHandleProps),{children:[e(n,{data:o}),t.placeholder]}))},`${o.productId}-${o.variantId}`))),o.placeholder]}))}),o.placeholder]}))})};export{m as VariantsGrid,v as VariantsList};
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useState as d}from"react";import{Droppable as a,Draggable as o}from"react-beautiful-dnd";import{COLORS as l}from"../../constants/Theme.js";import{VariantCardListView as t,VariantCardGridView as n}from"./variant.js";const p=({selectedVariants:n,setSelectedVariants:p,selectedCollectionsDispatch:i,outOfStockAction:s})=>{const[c,f]=d(-1);function h(e){if(e?.transform){const r=`translate(0px, ${e.transform.split(",").pop()}`;return{...e,transform:r}}return e}return e(a,{droppableId:"droppable-list",children:(d,a)=>r("div",{...d.droppableProps,ref:d.innerRef,style:{backgroundColor:l.surface.subdued,padding:"0.05px",height:n.length<8?"550px":"100%",overflow:"auto",...d.droppableProps.style},children:[n.map(((r,d)=>e("div",{style:{background:l.surface.hovered,margin:"5px",boxShadow:d===c?"0px 4px 12px rgba(0, 0, 0, 0.12)":""},onMouseEnter:()=>f(d),onMouseLeave:()=>f(-1),children:e(o,{draggableId:`${r.productId}-${r.variantId}`,index:d,children:(a,o)=>e("div",{ref:a.innerRef,...a.draggableProps,...a.dragHandleProps,style:h({...a.draggableProps.style,...a.draggableSnapshot}),children:e(t,{data:r,selectedCollectionsDispatch:i,onDelete:()=>{const e=n.slice();e[d].displayOrder=null,e.splice(d,1),p(e)},outOfStockAction:s},`${r.productId}-${r.variantId}`)})},`${r.productId}-${r.variantId}`)},`${r.productId}-${r.variantId}`))),d.placeholder&&a.isDraggingOver?e("div",{style:{background:l.surface.hovered,margin:"5px"},children:d.placeholder}):null]})})},i=({selectedVariants:d})=>e(a,{droppableId:"droppable-horizontal",children:l=>r("div",{...l.droppableProps,ref:l.innerRef,style:{...l.droppableProps.style,display:"flex"},children:[e(a,{droppableId:"droppable-vertical",direction:"horizontal",children:a=>r("div",{...a.droppableProps,ref:a.innerRef,style:{...a.droppableProps.style,display:"flex",flexWrap:"wrap",flexDirection:"row"},children:[d.map(((d,a)=>e(o,{draggableId:`${d.productId}-${d.variantId}`,index:a,children:(a,o)=>r("div",{ref:a.innerRef,...a.draggableProps,...a.dragHandleProps,children:[e(n,{data:d}),a.placeholder]})},`${d.productId}-${d.variantId}`))),a.placeholder]})}),l.placeholder]})});export{i as VariantsGrid,p as VariantsList};

package/dist/esm/components/progress-bar/CircularProgressBar.js

@@ -1 +1 @@
-import{jsx as t,jsxs as e}from"react/jsx-runtime";import r from"../../assets/icons/checklistIcon.svg.js";const o=o=>{let{percentage:s,width:i=200,containerStyle:n}=o;const c=s<0?0:s>100?100:s,l=i/2-i/10,a=l*Math.PI*2,f=a-a*c/100,d=i/10,h=i/3;return t("div",{style:n,children:e("svg",{width:i,height:i,viewBox:`0 0 ${i} ${i}`,children:[t("defs",{children:e("linearGradient",{id:"gradientStroke",x1:"0%",y1:"0%",x2:"100%",y2:"0%",children:[t("stop",{offset:"0%",stopColor:"#7000FF"}),t("stop",{offset:"100%",stopColor:"#AD00FF"})]})}),t("circle",{cx:i/2,cy:i/2,strokeWidth:d,r:l,strokeOpacity:.8,fill:"none",style:{stroke:"#ffffff"}}),t("circle",{cx:i/2,cy:i/2,strokeWidth:d,r:l,style:{stroke:"url(#gradientStroke)",strokeDasharray:a,strokeDashoffset:f},transform:`rotate(-90 ${i/2} ${i/2})`,fill:"none",strokeLinecap:"round",strokeLinejoin:"round"}),t(r,{x:i/2-h/2,width:h})]})})};export{o as default};
+import{jsx as t,jsxs as e}from"react/jsx-runtime";import r from"../../assets/icons/checklistIcon.svg.js";const o=({percentage:o,width:s=200,containerStyle:i})=>{const n=o<0?0:o>100?100:o,c=s/2-s/10,l=c*Math.PI*2,a=l-l*n/100,f=s/10,d=s/3;return t("div",{style:i,children:e("svg",{width:s,height:s,viewBox:`0 0 ${s} ${s}`,children:[t("defs",{children:e("linearGradient",{id:"gradientStroke",x1:"0%",y1:"0%",x2:"100%",y2:"0%",children:[t("stop",{offset:"0%",stopColor:"#7000FF"}),t("stop",{offset:"100%",stopColor:"#AD00FF"})]})}),t("circle",{cx:s/2,cy:s/2,strokeWidth:f,r:c,strokeOpacity:.8,fill:"none",style:{stroke:"#ffffff"}}),t("circle",{cx:s/2,cy:s/2,strokeWidth:f,r:c,style:{stroke:"url(#gradientStroke)",strokeDasharray:l,strokeDashoffset:a},transform:`rotate(-90 ${s/2} ${s/2})`,fill:"none",strokeLinecap:"round",strokeLinejoin:"round"}),t(r,{x:s/2-d/2,width:d})]})})};export{o as default};

package/dist/esm/components/progress-bar/ProgressBarComponent.d.ts

@@ -0,0 +1,21 @@
+import * as _emotion_styled from '@emotion/styled';
+import * as React from 'react';
+import * as _emotion_react from '@emotion/react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface ProgressBarProps {
+    completed: number;
+    isAnimated: boolean;
+    color?: string;
+    height?: number;
+}
+declare const ProgressBarComponent: (props: ProgressBarProps) => react_jsx_runtime.JSX.Element;
+declare const ProgressCompletedBar: _emotion_styled.StyledComponent<{
+    theme?: _emotion_react.Theme | undefined;
+    as?: React.ElementType<any> | undefined;
+} & {
+    color: string;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+
+export { ProgressBarComponent, ProgressCompletedBar };
+export type { ProgressBarProps };

package/dist/esm/components/progress-bar/ProgressBarComponent.js

@@ -1 +1,6 @@
-import c from"@emotion/styled/base";import{jsx as I}from"react/jsx-runtime";import{ProgressBar as g}from"react-bootstrap";import{COLORS as o}from"../../constants/Theme.js";const b=c=>I(t,{color:c.color?c.color:o.content.brand,children:I(g,{animated:c.isAnimated,now:c.completed,style:{height:`${c.height?c.height:8}px`}})}),t=c("div","production"===process.env.NODE_ENV?{target:"e17nsuvt0"}:{target:"e17nsuvt0",label:"ProgressCompletedBar"})("flex:50%;.progress-bar{background:",(c=>c.color),";}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByb2dyZXNzQmFyQ29tcG9uZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQjhDIiwiZmlsZSI6IlByb2dyZXNzQmFyQ29tcG9uZW50LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIlwidXNlIHN0cmljdFwiO1xuaW1wb3J0IHsganN4IH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IFByb2dyZXNzQmFyIH0gZnJvbSBcInJlYWN0LWJvb3RzdHJhcFwiO1xuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIkBzcmMvY29uc3RhbnRzL1RoZW1lXCI7XG5leHBvcnQgY29uc3QgUHJvZ3Jlc3NCYXJDb21wb25lbnQgPSAocHJvcHMpID0+IHtcbiAgcmV0dXJuIC8qIEBfX1BVUkVfXyAqLyBqc3goXG4gICAgUHJvZ3Jlc3NDb21wbGV0ZWRCYXIsXG4gICAge1xuICAgICAgY29sb3I6IHByb3BzLmNvbG9yID8gcHJvcHMuY29sb3IgOiBDT0xPUlMuY29udGVudC5icmFuZCxcbiAgICAgIGNoaWxkcmVuOiAvKiBAX19QVVJFX18gKi8ganN4KFxuICAgICAgICBQcm9ncmVzc0JhcixcbiAgICAgICAge1xuICAgICAgICAgIGFuaW1hdGVkOiBwcm9wcy5pc0FuaW1hdGVkLFxuICAgICAgICAgIG5vdzogcHJvcHMuY29tcGxldGVkLFxuICAgICAgICAgIHN0eWxlOiB7IGhlaWdodDogYCR7cHJvcHMuaGVpZ2h0ID8gcHJvcHMuaGVpZ2h0IDogOH1weGAgfVxuICAgICAgICB9XG4gICAgICApXG4gICAgfVxuICApO1xufTtcbmV4cG9ydCBjb25zdCBQcm9ncmVzc0NvbXBsZXRlZEJhciA9IHN0eWxlZC5kaXZgXG5cdGZsZXg6IDUwJTtcblx0LnByb2dyZXNzLWJhciB7XG5cdFx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLmNvbG9yfTtcblx0fVxuYDtcbiJdfQ== */"));export{b as ProgressBarComponent,t as ProgressCompletedBar};
+import{jsx as o}from"react/jsx-runtime";import t from"@emotion/styled";import{ProgressBar as r}from"react-bootstrap";import{COLORS as e}from"../../constants/Theme.js";const i=t=>o(m,{color:t.color?t.color:e.content.brand,children:o(r,{animated:t.isAnimated,now:t.completed,style:{height:`${t.height?t.height:8}px`}})}),m=t.div`
+	flex: 50%;
+	.progress-bar {
+		background: ${o=>o.color};
+	}
+`;export{i as ProgressBarComponent,m as ProgressCompletedBar};

package/dist/esm/components/progress-bar-v2/ProgressBarV2.d.ts

@@ -0,0 +1,27 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare enum TextAlignment {
+    RIGHT = "right",
+    LEFT = "left",
+    TOP = "top",
+    BOTTOM = "bottom"
+}
+declare enum ProgressBarType {
+    CIRCLE = "circle",
+    LINE = "line"
+}
+interface ProgressBarV2Props {
+    progress: number;
+    type: ProgressBarType;
+    showProgress?: boolean;
+    text?: string;
+    size?: number;
+    progressBarThickness?: number;
+    color?: string;
+    textPosition?: TextAlignment;
+    matchParentWidth?: boolean;
+}
+declare const ProgressBarV2: (props: ProgressBarV2Props) => react_jsx_runtime.JSX.Element;
+
+export { ProgressBarType, ProgressBarV2, TextAlignment };
+export type { ProgressBarV2Props };

package/dist/esm/components/progress-bar-v2/ProgressBarV2.js

@@ -1 +1,39 @@
-import I from"@emotion/styled/base";import{jsxs as g,jsx as c}from"react/jsx-runtime";import{BodyTiny as b}from"../TypographyStyle.js";import{COLORS as C}from"../../constants/Theme.js";var X=(I=>(I.RIGHT="right",I.LEFT="left",I.TOP="top",I.BOTTOM="bottom",I))(X||{}),A=(I=>(I.CIRCLE="circle",I.LINE="line",I))(A||{});const l=I=>{const{type:X,progress:A,progressBarThickness:l,size:i,color:Z,text:m,textPosition:u,showProgress:J,matchParentWidth:V=!1}=I;let W=u;return W||(W="left"),g(G,{alignment:W,children:[J&&("top"===W||"left"===W)&&c(b,{style:{marginBottom:"top"===W?"8px":void 0,marginRight:"left"===W?"8px":void 0},color:C.content.secondary,children:null!=m?m:`${A}% completed...`}),"line"===X?c(B,{size:i,progressBarThickness:l,matchParentWidth:V,children:c(H,{progress:A,color:Z})}):c(d,{progress:A,color:Z,size:i,children:c(y,{progress:A,size:i,progressBarThickness:l})}),J&&("bottom"===W||"right"===W)&&c(b,{style:{marginTop:"bottom"===W?"8px":void 0,marginLeft:"right"===W?"8px":void 0},color:C.content.secondary,children:null!=m?m:`${A}% completed...`})]})},G=I("div","production"===process.env.NODE_ENV?{target:"e13rvrh14"}:{target:"e13rvrh14",label:"MainContainer"})("display:flex;flex-direction:",(I=>"top"===(null==I?void 0:I.alignment)||"bottom"===(null==I?void 0:I.alignment)?"column":"row"),";align-items:center;width:100%;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByb2dyZXNzQmFyVjIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBFZ0MiLCJmaWxlIjoiUHJvZ3Jlc3NCYXJWMi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJcInVzZSBzdHJpY3RcIjtcbmltcG9ydCB7IGpzeCwganN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBCb2R5VGlueSB9IGZyb20gXCJAc3JjL2NvbXBvbmVudHMvVHlwb2dyYXBoeVN0eWxlXCI7XG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiQHNyYy9jb25zdGFudHMvVGhlbWVcIjtcbmV4cG9ydCB2YXIgVGV4dEFsaWdubWVudCA9IC8qIEBfX1BVUkVfXyAqLyAoKFRleHRBbGlnbm1lbnQyKSA9PiB7XG4gIFRleHRBbGlnbm1lbnQyW1wiUklHSFRcIl0gPSBcInJpZ2h0XCI7XG4gIFRleHRBbGlnbm1lbnQyW1wiTEVGVFwiXSA9IFwibGVmdFwiO1xuICBUZXh0QWxpZ25tZW50MltcIlRPUFwiXSA9IFwidG9wXCI7XG4gIFRleHRBbGlnbm1lbnQyW1wiQk9UVE9NXCJdID0gXCJib3R0b21cIjtcbiAgcmV0dXJuIFRleHRBbGlnbm1lbnQyO1xufSkoVGV4dEFsaWdubWVudCB8fCB7fSk7XG5leHBvcnQgdmFyIFByb2dyZXNzQmFyVHlwZSA9IC8qIEBfX1BVUkVfXyAqLyAoKFByb2dyZXNzQmFyVHlwZTIpID0+IHtcbiAgUHJvZ3Jlc3NCYXJUeXBlMltcIkNJUkNMRVwiXSA9IFwiY2lyY2xlXCI7XG4gIFByb2dyZXNzQmFyVHlwZTJbXCJMSU5FXCJdID0gXCJsaW5lXCI7XG4gIHJldHVybiBQcm9ncmVzc0JhclR5cGUyO1xufSkoUHJvZ3Jlc3NCYXJUeXBlIHx8IHt9KTtcbmV4cG9ydCBjb25zdCBQcm9ncmVzc0JhclYyID0gKHByb3BzKSA9PiB7XG4gIGNvbnN0IHtcbiAgICB0eXBlLFxuICAgIHByb2dyZXNzLFxuICAgIHByb2dyZXNzQmFyVGhpY2tuZXNzLFxuICAgIHNpemUsXG4gICAgY29sb3IsXG4gICAgdGV4dCxcbiAgICB0ZXh0UG9zaXRpb24sXG4gICAgc2hvd1Byb2dyZXNzLFxuICAgIG1hdGNoUGFyZW50V2lkdGggPSBmYWxzZVxuICB9ID0gcHJvcHM7XG4gIGxldCBhbGlnbm1lbnQgPSB0ZXh0UG9zaXRpb247XG4gIGlmICghYWxpZ25tZW50KSB7XG4gICAgYWxpZ25tZW50ID0gXCJsZWZ0XCIgLyogTEVGVCAqLztcbiAgfVxuICByZXR1cm4gLyogQF9fUFVSRV9fICovIGpzeHMoTWFpbkNvbnRhaW5lciwgeyBhbGlnbm1lbnQsIGNoaWxkcmVuOiBbXG4gICAgc2hvd1Byb2dyZXNzICYmIChhbGlnbm1lbnQgPT09IFwidG9wXCIgLyogVE9QICovIHx8IGFsaWdubWVudCA9PT0gXCJsZWZ0XCIgLyogTEVGVCAqLykgJiYgLyogQF9fUFVSRV9fICovIGpzeChcbiAgICAgIEJvZHlUaW55LFxuICAgICAge1xuICAgICAgICBzdHlsZToge1xuICAgICAgICAgIG1hcmdpbkJvdHRvbTogYWxpZ25tZW50ID09PSBcInRvcFwiIC8qIFRPUCAqLyA/IFwiOHB4XCIgOiB2b2lkIDAsXG4gICAgICAgICAgbWFyZ2luUmlnaHQ6IGFsaWdubWVudCA9PT0gXCJsZWZ0XCIgLyogTEVGVCAqLyA/IFwiOHB4XCIgOiB2b2lkIDBcbiAgICAgICAgfSxcbiAgICAgICAgY29sb3I6IENPTE9SUy5jb250ZW50LnNlY29uZGFyeSxcbiAgICAgICAgY2hpbGRyZW46IHRleHQgIT0gbnVsbCA/IHRleHQgOiBgJHtwcm9ncmVzc30lIGNvbXBsZXRlZC4uLmBcbiAgICAgIH1cbiAgICApLFxuICAgIHR5cGUgPT09IFwibGluZVwiIC8qIExJTkUgKi8gPyAvKiBAX19QVVJFX18gKi8ganN4KFxuICAgICAgQmFyQ29udGFpbmVyLFxuICAgICAge1xuICAgICAgICBzaXplLFxuICAgICAgICBwcm9ncmVzc0JhclRoaWNrbmVzcyxcbiAgICAgICAgbWF0Y2hQYXJlbnRXaWR0aCxcbiAgICAgICAgY2hpbGRyZW46IC8qIEBfX1BVUkVfXyAqLyBqc3goSW5uZXJCYXJDb250YWluZXIsIHsgcHJvZ3Jlc3MsIGNvbG9yIH0pXG4gICAgICB9XG4gICAgKSA6IC8qIEBfX1BVUkVfXyAqLyBqc3goQ2lyY2xlQ29udGFpbmVyLCB7IHByb2dyZXNzLCBjb2xvciwgc2l6ZSwgY2hpbGRyZW46IC8qIEBfX1BVUkVfXyAqLyBqc3goXG4gICAgICBJbm5lckNpcmNsZUNvbnRhaW5lcixcbiAgICAgIHtcbiAgICAgICAgcHJvZ3Jlc3MsXG4gICAgICAgIHNpemUsXG4gICAgICAgIHByb2dyZXNzQmFyVGhpY2tuZXNzXG4gICAgICB9XG4gICAgKSB9KSxcbiAgICBzaG93UHJvZ3Jlc3MgJiYgKGFsaWdubWVudCA9PT0gXCJib3R0b21cIiAvKiBCT1RUT00gKi8gfHwgYWxpZ25tZW50ID09PSBcInJpZ2h0XCIgLyogUklHSFQgKi8pICYmIC8qIEBfX1BVUkVfXyAqLyBqc3goXG4gICAgICBCb2R5VGlueSxcbiAgICAgIHtcbiAgICAgICAgc3R5bGU6IHtcbiAgICAgICAgICBtYXJnaW5Ub3A6IGFsaWdubWVudCA9PT0gXCJib3R0b21cIiAvKiBCT1RUT00gKi8gPyBcIjhweFwiIDogdm9pZCAwLFxuICAgICAgICAgIG1hcmdpbkxlZnQ6IGFsaWdubWVudCA9PT0gXCJyaWdodFwiIC8qIFJJR0hUICovID8gXCI4cHhcIiA6IHZvaWQgMFxuICAgICAgICB9LFxuICAgICAgICBjb2xvcjogQ09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5LFxuICAgICAgICBjaGlsZHJlbjogdGV4dCAhPSBudWxsID8gdGV4dCA6IGAke3Byb2dyZXNzfSUgY29tcGxldGVkLi4uYFxuICAgICAgfVxuICAgIClcbiAgXSB9KTtcbn07XG5jb25zdCBNYWluQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246ICR7KHByb3BzKSA9PiAocHJvcHMgPT0gbnVsbCA/IHZvaWQgMCA6IHByb3BzLmFsaWdubWVudCkgPT09IFwidG9wXCIgLyogVE9QICovIHx8IChwcm9wcyA9PSBudWxsID8gdm9pZCAwIDogcHJvcHMuYWxpZ25tZW50KSA9PT0gXCJib3R0b21cIiAvKiBCT1RUT00gKi8gPyBcImNvbHVtblwiIDogXCJyb3dcIn07XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdHdpZHRoOiAxMDAlO1xuYDtcbmNvbnN0IENpcmNsZUNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG5cdHdpZHRoOiAkeyhwcm9wcykgPT4ge1xuICB2YXIgX2E7XG4gIHJldHVybiAoX2EgPSBwcm9wcy5zaXplKSAhPSBudWxsID8gX2EgOiAzMjtcbn19cHg7XG5cdGhlaWdodDogJHsocHJvcHMpID0+IHtcbiAgdmFyIF9hO1xuICByZXR1cm4gKF9hID0gcHJvcHMuc2l6ZSkgIT0gbnVsbCA/IF9hIDogMzI7XG59fXB4O1xuXHRib3JkZXItcmFkaXVzOiA1MCU7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5cdGJhY2tncm91bmQ6IGNvbmljLWdyYWRpZW50KFxuXHRcdCR7KHByb3BzKSA9PiB7XG4gIHZhciBfYTtcbiAgcmV0dXJuIChfYSA9IHByb3BzLmNvbG9yKSAhPSBudWxsID8gX2EgOiBDT0xPUlMuYmFja2dyb3VuZC5icmFuZDtcbn19XG5cdFx0XHQkeyhwcm9wcykgPT4gcHJvcHMucHJvZ3Jlc3MgKiAzLjZ9ZGVnLFxuXHRcdCR7Q09MT1JTLmNvbnRlbnQuaW5hY3RpdmV9IDBkZWdcblx0KTtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuYDtcbmNvbnN0IElubmVyQ2lyY2xlQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcblx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5pbmFjdGl2ZX07XG5cdHRyYW5zaXRpb246IHdpZHRoIDAuM3MgZWFzZS1pbi1vdXQ7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0dG9wOiA1MCU7XG5cdGxlZnQ6IDUwJTtcblx0dHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwgLTUwJSk7XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4ge1xuICB2YXIgX2E7XG4gIHJldHVybiBwcm9wcy5wcm9ncmVzc0JhclRoaWNrbmVzcyA/IChfYSA9IHByb3BzLnNpemUpICE9IG51bGwgPyBfYSA6IDMyIC0gcHJvcHMucHJvZ3Jlc3NCYXJUaGlja25lc3MgOiAyMDtcbn19cHg7XG5cdGhlaWdodDogJHsocHJvcHMpID0+IHtcbiAgdmFyIF9hO1xuICByZXR1cm4gcHJvcHMucHJvZ3Jlc3NCYXJUaGlja25lc3MgPyAoX2EgPSBwcm9wcy5zaXplKSAhPSBudWxsID8gX2EgOiAzMiAtIHByb3BzLnByb2dyZXNzQmFyVGhpY2tuZXNzIDogMjA7XG59fXB4O1xuXHRib3JkZXItcmFkaXVzOiA1MCU7XG5cdGJhY2tncm91bmQ6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuYDtcbmNvbnN0IEJhckNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG5cdHdpZHRoOiAkeyhwcm9wcykgPT4ge1xuICB2YXIgX2E7XG4gIHJldHVybiBwcm9wcy5tYXRjaFBhcmVudFdpZHRoID8gXCIxMDAlXCIgOiBgJHsoX2EgPSBwcm9wcy5zaXplKSAhPSBudWxsID8gX2EgOiA5MH1weGA7XG59fTtcblx0aGVpZ2h0OiAkeyhwcm9wcykgPT4ge1xuICB2YXIgX2E7XG4gIHJldHVybiAoX2EgPSBwcm9wcy5wcm9ncmVzc0JhclRoaWNrbmVzcykgIT0gbnVsbCA/IF9hIDogODtcbn19cHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLmJhY2tncm91bmQuaW5hY3RpdmV9O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5gO1xuY29uc3QgSW5uZXJCYXJDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuXHRoZWlnaHQ6IDEwMCU7XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gcHJvcHMucHJvZ3Jlc3N9JTtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHtcbiAgdmFyIF9hO1xuICByZXR1cm4gKF9hID0gcHJvcHMuY29sb3IpICE9IG51bGwgPyBfYSA6IENPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kO1xufX07XG5cdHRyYW5zaXRpb246IHdpZHRoIDAuM3MgZWFzZS1pbi1vdXQ7XG5gO1xuIl19 */")),d=I("div","production"===process.env.NODE_ENV?{target:"e13rvrh13"}:{target:"e13rvrh13",label:"CircleContainer"})("width:",(I=>{var g;return null!=(g=I.size)?g:32}),"px;height:",(I=>{var g;return null!=(g=I.size)?g:32}),"px;border-radius:50%;overflow:hidden;background:conic-gradient(\n\t\t",(I=>{var g;return null!=(g=I.color)?g:C.background.brand}),"\n\t\t\t",(I=>3.6*I.progress),"deg,\n\t\t",C.content.inactive," 0deg\n\t);position:relative;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByb2dyZXNzQmFyVjIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdGa0MiLCJmaWxlIjoiUHJvZ3Jlc3NCYXJWMi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJcInVzZSBzdHJpY3RcIjtcbmltcG9ydCB7IGpzeCwganN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBCb2R5VGlueSB9IGZyb20gXCJAc3JjL2NvbXBvbmVudHMvVHlwb2dyYXBoeVN0eWxlXCI7XG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiQHNyYy9jb25zdGFudHMvVGhlbWVcIjtcbmV4cG9ydCB2YXIgVGV4dEFsaWdubWVudCA9IC8qIEBfX1BVUkVfXyAqLyAoKFRleHRBbGlnbm1lbnQyKSA9PiB7XG4gIFRleHRBbGlnbm1lbnQyW1wiUklHSFRcIl0gPSBcInJpZ2h0XCI7XG4gIFRleHRBbGlnbm1lbnQyW1wiTEVGVFwiXSA9IFwibGVmdFwiO1xuICBUZXh0QWxpZ25tZW50MltcIlRPUFwiXSA9IFwidG9wXCI7XG4gIFRleHRBbGlnbm1lbnQyW1wiQk9UVE9NXCJdID0gXCJib3R0b21cIjtcbiAgcmV0dXJuIFRleHRBbGlnbm1lbnQyO1xufSkoVGV4dEFsaWdubWVudCB8fCB7fSk7XG5leHBvcnQgdmFyIFByb2dyZXNzQmFyVHlwZSA9IC8qIEBfX1BVUkVfXyAqLyAoKFByb2dyZXNzQmFyVHlwZTIpID0+IHtcbiAgUHJvZ3Jlc3NCYXJUeXBlMltcIkNJUkNMRVwiXSA9IFwiY2lyY2xlXCI7XG4gIFByb2dyZXNzQmFyVHlwZTJbXCJMSU5FXCJdID0gXCJsaW5lXCI7XG4gIHJldHVybiBQcm9ncmVzc0JhclR5cGUyO1xufSkoUHJvZ3Jlc3NCYXJUeXBlIHx8IHt9KTtcbmV4cG9ydCBjb25zdCBQcm9ncmVzc0JhclYyID0gKHByb3BzKSA9PiB7XG4gIGNvbnN0IHtcbiAgICB0eXBlLFxuICAgIHByb2dyZXNzLFxuICAgIHByb2dyZXNzQmFyVGhpY2tuZXNzLFxuICAgIHNpemUsXG4gICAgY29sb3IsXG4gICAgdGV4dCxcbiAgICB0ZXh0UG9zaXRpb24sXG4gICAgc2hvd1Byb2dyZXNzLFxuICAgIG1hdGNoUGFyZW50V2lkdGggPSBmYWxzZVxuICB9ID0gcHJvcHM7XG4gIGxldCBhbGlnbm1lbnQgPSB0ZXh0UG9zaXRpb247XG4gIGlmICghYWxpZ25tZW50KSB7XG4gICAgYWxpZ25tZW50ID0gXCJsZWZ0XCIgLyogTEVGVCAqLztcbiAgfVxuICByZXR1cm4gLyogQF9fUFVSRV9fICovIGpzeHMoTWFpbkNvbnRhaW5lciwgeyBhbGlnbm1lbnQsIGNoaWxkcmVuOiBbXG4gICAgc2hvd1Byb2dyZXNzICYmIChhbGlnbm1lbnQgPT09IFwidG9wXCIgLyogVE9QICovIHx8IGFsaWdubWVudCA9PT0gXCJsZWZ0XCIgLyogTEVGVCAqLykgJiYgLyogQF9fUFVSRV9fICovIGpzeChcbiAgICAgIEJvZHlUaW55LFxuICAgICAge1xuICAgICAgICBzdHlsZToge1xuICAgICAgICAgIG1hcmdpbkJvdHRvbTogYWxpZ25tZW50ID09PSBcInRvcFwiIC8qIFRPUCAqLyA/IFwiOHB4XCIgOiB2b2lkIDAsXG4gICAgICAgICAgbWFyZ2luUmlnaHQ6IGFsaWdubWVudCA9PT0gXCJsZWZ0XCIgLyogTEVGVCAqLyA/IFwiOHB4XCIgOiB2b2lkIDBcbiAgICAgICAgfSxcbiAgICAgICAgY29sb3I6IENPTE9SUy5jb250ZW50LnNlY29uZGFyeSxcbiAgICAgICAgY2hpbGRyZW46IHRleHQgIT0gbnVsbCA/IHRleHQgOiBgJHtwcm9ncmVzc30lIGNvbXBsZXRlZC4uLmBcbiAgICAgIH1cbiAgICApLFxuICAgIHR5cGUgPT09IFwibGluZVwiIC8qIExJTkUgKi8gPyAvKiBAX19QVVJFX18gKi8ganN4KFxuICAgICAgQmFyQ29udGFpbmVyLFxuICAgICAge1xuICAgICAgICBzaXplLFxuICAgICAgICBwcm9ncmVzc0JhclRoaWNrbmVzcyxcbiAgICAgICAgbWF0Y2hQYXJlbnRXaWR0aCxcbiAgICAgICAgY2hpbGRyZW46IC8qIEBfX1BVUkVfXyAqLyBqc3goSW5uZXJCYXJDb250YWluZXIsIHsgcHJvZ3Jlc3MsIGNvbG9yIH0pXG4gICAgICB9XG4gICAgKSA6IC8qIEBfX1BVUkVfXyAqLyBqc3goQ2lyY2xlQ29udGFpbmVyLCB7IHByb2dyZXNzLCBjb2xvciwgc2l6ZSwgY2hpbGRyZW46IC8qIEBfX1BVUkVfXyAqLyBqc3goXG4gICAgICBJbm5lckNpcmNsZUNvbnRhaW5lcixcbiAgICAgIHtcbiAgICAgICAgcHJvZ3Jlc3MsXG4gICAgICAgIHNpemUsXG4gICAgICAgIHByb2dyZXNzQmFyVGhpY2tuZXNzXG4gICAgICB9XG4gICAgKSB9KSxcbiAgICBzaG93UHJvZ3Jlc3MgJiYgKGFsaWdubWVudCA9PT0gXCJib3R0b21cIiAvKiBCT1RUT00gKi8gfHwgYWxpZ25tZW50ID09PSBcInJpZ2h0XCIgLyogUklHSFQgKi8pICYmIC8qIEBfX1BVUkVfXyAqLyBqc3goXG4gICAgICBCb2R5VGlueSxcbiAgICAgIHtcbiAgICAgICAgc3R5bGU6IHtcbiAgICAgICAgICBtYXJnaW5Ub3A6IGFsaWdubWVudCA9PT0gXCJib3R0b21cIiAvKiBCT1RUT00gKi8gPyBcIjhweFwiIDogdm9pZCAwLFxuICAgICAgICAgIG1hcmdpbkxlZnQ6IGFsaWdubWVudCA9PT0gXCJyaWdodFwiIC8qIFJJR0hUICovID8gXCI4cHhcIiA6IHZvaWQgMFxuICAgICAgICB9LFxuICAgICAgICBjb2xvcjogQ09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5LFxuICAgICAgICBjaGlsZHJlbjogdGV4dCAhPSBudWxsID8gdGV4dCA6IGAke3Byb2dyZXNzfSUgY29tcGxldGVkLi4uYFxuICAgICAgfVxuICAgIClcbiAgXSB9KTtcbn07XG5jb25zdCBNYWluQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246ICR7KHByb3BzKSA9PiAocHJvcHMgPT0gbnVsbCA/IHZvaWQgMCA6IHByb3BzLmFsaWdubWVudCkgPT09IFwidG9wXCIgLyogVE9QICovIHx8IChwcm9wcyA9PSBudWxsID8gdm9pZCAwIDogcHJvcHMuYWxpZ25tZW50KSA9PT0gXCJib3R0b21cIiAvKiBCT1RUT00gKi8gPyBcImNvbHVtblwiIDogXCJyb3dcIn07XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdHdpZHRoOiAxMDAlO1xuYDtcbmNvbnN0IENpcmNsZUNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG5cdHdpZHRoOiAkeyhwcm9wcykgPT4ge1xuICB2YXIgX2E7XG4gIHJldHVybiAoX2EgPSBwcm9wcy5zaXplKSAhPSBudWxsID8gX2EgOiAzMjtcbn19cHg7XG5cdGhlaWdodDogJHsocHJvcHMpID0+IHtcbiAgdmFyIF9hO1xuICByZXR1cm4gKF9hID0gcHJvcHMuc2l6ZSkgIT0gbnVsbCA/IF9hIDogMzI7XG59fXB4O1xuXHRib3JkZXItcmFkaXVzOiA1MCU7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5cdGJhY2tncm91bmQ6IGNvbmljLWdyYWRpZW50KFxuXHRcdCR7KHByb3BzKSA9PiB7XG4gIHZhciBfYTtcbiAgcmV0dXJuIChfYSA9IHByb3BzLmNvbG9yKSAhPSBudWxsID8gX2EgOiBDT0xPUlMuYmFja2dyb3VuZC5icmFuZDtcbn19XG5cdFx0XHQkeyhwcm9wcykgPT4gcHJvcHMucHJvZ3Jlc3MgKiAzLjZ9ZGVnLFxuXHRcdCR7Q09MT1JTLmNvbnRlbnQuaW5hY3RpdmV9IDBkZWdcblx0KTtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuYDtcbmNvbnN0IElubmVyQ2lyY2xlQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcblx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5pbmFjdGl2ZX07XG5cdHRyYW5zaXRpb246IHdpZHRoIDAuM3MgZWFzZS1pbi1vdXQ7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0dG9wOiA1MCU7XG5cdGxlZnQ6IDUwJTtcblx0dHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwgLTUwJSk7XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4ge1xuICB2YXIgX2E7XG4gIHJldHVybiBwcm9wcy5wcm9ncmVzc0JhclRoaWNrbmVzcyA/IChfYSA9IHByb3BzLnNpemUpICE9IG51bGwgPyBfYSA6IDMyIC0gcHJvcHMucHJvZ3Jlc3NCYXJUaGlja25lc3MgOiAyMDtcbn19cHg7XG5cdGhlaWdodDogJHsocHJvcHMpID0+IHtcbiAgdmFyIF9hO1xuICByZXR1cm4gcHJvcHMucHJvZ3Jlc3NCYXJUaGlja25lc3MgPyAoX2EgPSBwcm9wcy5zaXplKSAhPSBudWxsID8gX2EgOiAzMiAtIHByb3BzLnByb2dyZXNzQmFyVGhpY2tuZXNzIDogMjA7XG59fXB4O1xuXHRib3JkZXItcmFkaXVzOiA1MCU7XG5cdGJhY2tncm91bmQ6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuYDtcbmNvbnN0IEJhckNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG5cdHdpZHRoOiAkeyhwcm9wcykgPT4ge1xuICB2YXIgX2E7XG4gIHJldHVybiBwcm9wcy5tYXRjaFBhcmVudFdpZHRoID8gXCIxMDAlXCIgOiBgJHsoX2EgPSBwcm9wcy5zaXplKSAhPSBudWxsID8gX2EgOiA5MH1weGA7XG59fTtcblx0aGVpZ2h0OiAkeyhwcm9wcykgPT4ge1xuICB2YXIgX2E7XG4gIHJldHVybiAoX2EgPSBwcm9wcy5wcm9ncmVzc0JhclRoaWNrbmVzcykgIT0gbnVsbCA/IF9hIDogODtcbn19cHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLmJhY2tncm91bmQuaW5hY3RpdmV9O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5gO1xuY29uc3QgSW5uZXJCYXJDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuXHRoZWlnaHQ6IDEwMCU7XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gcHJvcHMucHJvZ3Jlc3N9JTtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHtcbiAgdmFyIF9hO1xuICByZXR1cm4gKF9hID0gcHJvcHMuY29sb3IpICE9IG51bGwgPyBfYSA6IENPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kO1xufX07XG5cdHRyYW5zaXRpb246IHdpZHRoIDAuM3MgZWFzZS1pbi1vdXQ7XG5gO1xuIl19 */")),y=I("div","production"===process.env.NODE_ENV?{target:"e13rvrh12"}:{target:"e13rvrh12",label:"InnerCircleContainer"})("background-color:",C.background.inactive,";transition:width 0.3s ease-in-out;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:",(I=>{var g;return I.progressBarThickness?null!=(g=I.size)?g:32-I.progressBarThickness:20}),"px;height:",(I=>{var g;return I.progressBarThickness?null!=(g=I.size)?g:32-I.progressBarThickness:20}),"px;border-radius:50%;background:",C.surface.standard,";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByb2dyZXNzQmFyVjIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFHdUMiLCJmaWxlIjoiUHJvZ3Jlc3NCYXJWMi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJcInVzZSBzdHJpY3RcIjtcbmltcG9ydCB7IGpzeCwganN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBCb2R5VGlueSB9IGZyb20gXCJAc3JjL2NvbXBvbmVudHMvVHlwb2dyYXBoeVN0eWxlXCI7XG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiQHNyYy9jb25zdGFudHMvVGhlbWVcIjtcbmV4cG9ydCB2YXIgVGV4dEFsaWdubWVudCA9IC8qIEBfX1BVUkVfXyAqLyAoKFRleHRBbGlnbm1lbnQyKSA9PiB7XG4gIFRleHRBbGlnbm1lbnQyW1wiUklHSFRcIl0gPSBcInJpZ2h0XCI7XG4gIFRleHRBbGlnbm1lbnQyW1wiTEVGVFwiXSA9IFwibGVmdFwiO1xuICBUZXh0QWxpZ25tZW50MltcIlRPUFwiXSA9IFwidG9wXCI7XG4gIFRleHRBbGlnbm1lbnQyW1wiQk9UVE9NXCJdID0gXCJib3R0b21cIjtcbiAgcmV0dXJuIFRleHRBbGlnbm1lbnQyO1xufSkoVGV4dEFsaWdubWVudCB8fCB7fSk7XG5leHBvcnQgdmFyIFByb2dyZXNzQmFyVHlwZSA9IC8qIEBfX1BVUkVfXyAqLyAoKFByb2dyZXNzQmFyVHlwZTIpID0+IHtcbiAgUHJvZ3Jlc3NCYXJUeXBlMltcIkNJUkNMRVwiXSA9IFwiY2lyY2xlXCI7XG4gIFByb2dyZXNzQmFyVHlwZTJbXCJMSU5FXCJdID0gXCJsaW5lXCI7XG4gIHJldHVybiBQcm9ncmVzc0JhclR5cGUyO1xufSkoUHJvZ3Jlc3NCYXJUeXBlIHx8IHt9KTtcbmV4cG9ydCBjb25zdCBQcm9ncmVzc0JhclYyID0gKHByb3BzKSA9PiB7XG4gIGNvbnN0IHtcbiAgICB0eXBlLFxuICAgIHByb2dyZXNzLFxuICAgIHByb2dyZXNzQmFyVGhpY2tuZXNzLFxuICAgIHNpemUsXG4gICAgY29sb3IsXG4gICAgdGV4dCxcbiAgICB0ZXh0UG9zaXRpb24sXG4gICAgc2hvd1Byb2dyZXNzLFxuICAgIG1hdGNoUGFyZW50V2lkdGggPSBmYWxzZVxuICB9ID0gcHJvcHM7XG4gIGxldCBhbGlnbm1lbnQgPSB0ZXh0UG9zaXRpb247XG4gIGlmICghYWxpZ25tZW50KSB7XG4gICAgYWxpZ25tZW50ID0gXCJsZWZ0XCIgLyogTEVGVCAqLztcbiAgfVxuICByZXR1cm4gLyogQF9fUFVSRV9fICovIGpzeHMoTWFpbkNvbnRhaW5lciwgeyBhbGlnbm1lbnQsIGNoaWxkcmVuOiBbXG4gICAgc2hvd1Byb2dyZXNzICYmIChhbGlnbm1lbnQgPT09IFwidG9wXCIgLyogVE9QICovIHx8IGFsaWdubWVudCA9PT0gXCJsZWZ0XCIgLyogTEVGVCAqLykgJiYgLyogQF9fUFVSRV9fICovIGpzeChcbiAgICAgIEJvZHlUaW55LFxuICAgICAge1xuICAgICAgICBzdHlsZToge1xuICAgICAgICAgIG1hcmdpbkJvdHRvbTogYWxpZ25tZW50ID09PSBcInRvcFwiIC8qIFRPUCAqLyA/IFwiOHB4XCIgOiB2b2lkIDAsXG4gICAgICAgICAgbWFyZ2luUmlnaHQ6IGFsaWdubWVudCA9PT0gXCJsZWZ0XCIgLyogTEVGVCAqLyA/IFwiOHB4XCIgOiB2b2lkIDBcbiAgICAgICAgfSxcbiAgICAgICAgY29sb3I6IENPTE9SUy5jb250ZW50LnNlY29uZGFyeSxcbiAgICAgICAgY2hpbGRyZW46IHRleHQgIT0gbnVsbCA/IHRleHQgOiBgJHtwcm9ncmVzc30lIGNvbXBsZXRlZC4uLmBcbiAgICAgIH1cbiAgICApLFxuICAgIHR5cGUgPT09IFwibGluZVwiIC8qIExJTkUgKi8gPyAvKiBAX19QVVJFX18gKi8ganN4KFxuICAgICAgQmFyQ29udGFpbmVyLFxuICAgICAge1xuICAgICAgICBzaXplLFxuICAgICAgICBwcm9ncmVzc0JhclRoaWNrbmVzcyxcbiAgICAgICAgbWF0Y2hQYXJlbnRXaWR0aCxcbiAgICAgICAgY2hpbGRyZW46IC8qIEBfX1BVUkVfXyAqLyBqc3goSW5uZXJCYXJDb250YWluZXIsIHsgcHJvZ3Jlc3MsIGNvbG9yIH0pXG4gICAgICB9XG4gICAgKSA6IC8qIEBfX1BVUkVfXyAqLyBqc3goQ2lyY2xlQ29udGFpbmVyLCB7IHByb2dyZXNzLCBjb2xvciwgc2l6ZSwgY2hpbGRyZW46IC8qIEBfX1BVUkVfXyAqLyBqc3goXG4gICAgICBJbm5lckNpcmNsZUNvbnRhaW5lcixcbiAgICAgIHtcbiAgICAgICAgcHJvZ3Jlc3MsXG4gICAgICAgIHNpemUsXG4gICAgICAgIHByb2dyZXNzQmFyVGhpY2tuZXNzXG4gICAgICB9XG4gICAgKSB9KSxcbiAgICBzaG93UHJvZ3Jlc3MgJiYgKGFsaWdubWVudCA9PT0gXCJib3R0b21cIiAvKiBCT1RUT00gKi8gfHwgYWxpZ25tZW50ID09PSBcInJpZ2h0XCIgLyogUklHSFQgKi8pICYmIC8qIEBfX1BVUkVfXyAqLyBqc3goXG4gICAgICBCb2R5VGlueSxcbiAgICAgIHtcbiAgICAgICAgc3R5bGU6IHtcbiAgICAgICAgICBtYXJnaW5Ub3A6IGFsaWdubWVudCA9PT0gXCJib3R0b21cIiAvKiBCT1RUT00gKi8gPyBcIjhweFwiIDogdm9pZCAwLFxuICAgICAgICAgIG1hcmdpbkxlZnQ6IGFsaWdubWVudCA9PT0gXCJyaWdodFwiIC8qIFJJR0hUICovID8gXCI4cHhcIiA6IHZvaWQgMFxuICAgICAgICB9LFxuICAgICAgICBjb2xvcjogQ09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5LFxuICAgICAgICBjaGlsZHJlbjogdGV4dCAhPSBudWxsID8gdGV4dCA6IGAke3Byb2dyZXNzfSUgY29tcGxldGVkLi4uYFxuICAgICAgfVxuICAgIClcbiAgXSB9KTtcbn07XG5jb25zdCBNYWluQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246ICR7KHByb3BzKSA9PiAocHJvcHMgPT0gbnVsbCA/IHZvaWQgMCA6IHByb3BzLmFsaWdubWVudCkgPT09IFwidG9wXCIgLyogVE9QICovIHx8IChwcm9wcyA9PSBudWxsID8gdm9pZCAwIDogcHJvcHMuYWxpZ25tZW50KSA9PT0gXCJib3R0b21cIiAvKiBCT1RUT00gKi8gPyBcImNvbHVtblwiIDogXCJyb3dcIn07XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdHdpZHRoOiAxMDAlO1xuYDtcbmNvbnN0IENpcmNsZUNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG5cdHdpZHRoOiAkeyhwcm9wcykgPT4ge1xuICB2YXIgX2E7XG4gIHJldHVybiAoX2EgPSBwcm9wcy5zaXplKSAhPSBudWxsID8gX2EgOiAzMjtcbn19cHg7XG5cdGhlaWdodDogJHsocHJvcHMpID0+IHtcbiAgdmFyIF9hO1xuICByZXR1cm4gKF9hID0gcHJvcHMuc2l6ZSkgIT0gbnVsbCA/IF9hIDogMzI7XG59fXB4O1xuXHRib3JkZXItcmFkaXVzOiA1MCU7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5cdGJhY2tncm91bmQ6IGNvbmljLWdyYWRpZW50KFxuXHRcdCR7KHByb3BzKSA9PiB7XG4gIHZhciBfYTtcbiAgcmV0dXJuIChfYSA9IHByb3BzLmNvbG9yKSAhPSBudWxsID8gX2EgOiBDT0xPUlMuYmFja2dyb3VuZC5icmFuZDtcbn19XG5cdFx0XHQkeyhwcm9wcykgPT4gcHJvcHMucHJvZ3Jlc3MgKiAzLjZ9ZGVnLFxuXHRcdCR7Q09MT1JTLmNvbnRlbnQuaW5hY3RpdmV9IDBkZWdcblx0KTtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuYDtcbmNvbnN0IElubmVyQ2lyY2xlQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcblx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5pbmFjdGl2ZX07XG5cdHRyYW5zaXRpb246IHdpZHRoIDAuM3MgZWFzZS1pbi1vdXQ7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0dG9wOiA1MCU7XG5cdGxlZnQ6IDUwJTtcblx0dHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwgLTUwJSk7XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4ge1xuICB2YXIgX2E7XG4gIHJldHVybiBwcm9wcy5wcm9ncmVzc0JhclRoaWNrbmVzcyA/IChfYSA9IHByb3BzLnNpemUpICE9IG51bGwgPyBfYSA6IDMyIC0gcHJvcHMucHJvZ3Jlc3NCYXJUaGlja25lc3MgOiAyMDtcbn19cHg7XG5cdGhlaWdodDogJHsocHJvcHMpID0+IHtcbiAgdmFyIF9hO1xuICByZXR1cm4gcHJvcHMucHJvZ3Jlc3NCYXJUaGlja25lc3MgPyAoX2EgPSBwcm9wcy5zaXplKSAhPSBudWxsID8gX2EgOiAzMiAtIHByb3BzLnByb2dyZXNzQmFyVGhpY2tuZXNzIDogMjA7XG59fXB4O1xuXHRib3JkZXItcmFkaXVzOiA1MCU7XG5cdGJhY2tncm91bmQ6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuYDtcbmNvbnN0IEJhckNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG5cdHdpZHRoOiAkeyhwcm9wcykgPT4ge1xuICB2YXIgX2E7XG4gIHJldHVybiBwcm9wcy5tYXRjaFBhcmVudFdpZHRoID8gXCIxMDAlXCIgOiBgJHsoX2EgPSBwcm9wcy5zaXplKSAhPSBudWxsID8gX2EgOiA5MH1weGA7XG59fTtcblx0aGVpZ2h0OiAkeyhwcm9wcykgPT4ge1xuICB2YXIgX2E7XG4gIHJldHVybiAoX2EgPSBwcm9wcy5wcm9ncmVzc0JhclRoaWNrbmVzcykgIT0gbnVsbCA/IF9hIDogODtcbn19cHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLmJhY2tncm91bmQuaW5hY3RpdmV9O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5gO1xuY29uc3QgSW5uZXJCYXJDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuXHRoZWlnaHQ6IDEwMCU7XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gcHJvcHMucHJvZ3Jlc3N9JTtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHtcbiAgdmFyIF9hO1xuICByZXR1cm4gKF9hID0gcHJvcHMuY29sb3IpICE9IG51bGwgPyBfYSA6IENPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kO1xufX07XG5cdHRyYW5zaXRpb246IHdpZHRoIDAuM3MgZWFzZS1pbi1vdXQ7XG5gO1xuIl19 */")),B=I("div","production"===process.env.NODE_ENV?{target:"e13rvrh11"}:{target:"e13rvrh11",label:"BarContainer"})("width:",(I=>{var g;return I.matchParentWidth?"100%":`${null!=(g=I.size)?g:90}px`}),";height:",(I=>{var g;return null!=(g=I.progressBarThickness)?g:8}),"px;background-color:",C.background.inactive,";border-radius:4px;overflow:hidden;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByb2dyZXNzQmFyVjIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVIK0IiLCJmaWxlIjoiUHJvZ3Jlc3NCYXJWMi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJcInVzZSBzdHJpY3RcIjtcbmltcG9ydCB7IGpzeCwganN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBCb2R5VGlueSB9IGZyb20gXCJAc3JjL2NvbXBvbmVudHMvVHlwb2dyYXBoeVN0eWxlXCI7XG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiQHNyYy9jb25zdGFudHMvVGhlbWVcIjtcbmV4cG9ydCB2YXIgVGV4dEFsaWdubWVudCA9IC8qIEBfX1BVUkVfXyAqLyAoKFRleHRBbGlnbm1lbnQyKSA9PiB7XG4gIFRleHRBbGlnbm1lbnQyW1wiUklHSFRcIl0gPSBcInJpZ2h0XCI7XG4gIFRleHRBbGlnbm1lbnQyW1wiTEVGVFwiXSA9IFwibGVmdFwiO1xuICBUZXh0QWxpZ25tZW50MltcIlRPUFwiXSA9IFwidG9wXCI7XG4gIFRleHRBbGlnbm1lbnQyW1wiQk9UVE9NXCJdID0gXCJib3R0b21cIjtcbiAgcmV0dXJuIFRleHRBbGlnbm1lbnQyO1xufSkoVGV4dEFsaWdubWVudCB8fCB7fSk7XG5leHBvcnQgdmFyIFByb2dyZXNzQmFyVHlwZSA9IC8qIEBfX1BVUkVfXyAqLyAoKFByb2dyZXNzQmFyVHlwZTIpID0+IHtcbiAgUHJvZ3Jlc3NCYXJUeXBlMltcIkNJUkNMRVwiXSA9IFwiY2lyY2xlXCI7XG4gIFByb2dyZXNzQmFyVHlwZTJbXCJMSU5FXCJdID0gXCJsaW5lXCI7XG4gIHJldHVybiBQcm9ncmVzc0JhclR5cGUyO1xufSkoUHJvZ3Jlc3NCYXJUeXBlIHx8IHt9KTtcbmV4cG9ydCBjb25zdCBQcm9ncmVzc0JhclYyID0gKHByb3BzKSA9PiB7XG4gIGNvbnN0IHtcbiAgICB0eXBlLFxuICAgIHByb2dyZXNzLFxuICAgIHByb2dyZXNzQmFyVGhpY2tuZXNzLFxuICAgIHNpemUsXG4gICAgY29sb3IsXG4gICAgdGV4dCxcbiAgICB0ZXh0UG9zaXRpb24sXG4gICAgc2hvd1Byb2dyZXNzLFxuICAgIG1hdGNoUGFyZW50V2lkdGggPSBmYWxzZVxuICB9ID0gcHJvcHM7XG4gIGxldCBhbGlnbm1lbnQgPSB0ZXh0UG9zaXRpb247XG4gIGlmICghYWxpZ25tZW50KSB7XG4gICAgYWxpZ25tZW50ID0gXCJsZWZ0XCIgLyogTEVGVCAqLztcbiAgfVxuICByZXR1cm4gLyogQF9fUFVSRV9fICovIGpzeHMoTWFpbkNvbnRhaW5lciwgeyBhbGlnbm1lbnQsIGNoaWxkcmVuOiBbXG4gICAgc2hvd1Byb2dyZXNzICYmIChhbGlnbm1lbnQgPT09IFwidG9wXCIgLyogVE9QICovIHx8IGFsaWdubWVudCA9PT0gXCJsZWZ0XCIgLyogTEVGVCAqLykgJiYgLyogQF9fUFVSRV9fICovIGpzeChcbiAgICAgIEJvZHlUaW55LFxuICAgICAge1xuICAgICAgICBzdHlsZToge1xuICAgICAgICAgIG1hcmdpbkJvdHRvbTogYWxpZ25tZW50ID09PSBcInRvcFwiIC8qIFRPUCAqLyA/IFwiOHB4XCIgOiB2b2lkIDAsXG4gICAgICAgICAgbWFyZ2luUmlnaHQ6IGFsaWdubWVudCA9PT0gXCJsZWZ0XCIgLyogTEVGVCAqLyA/IFwiOHB4XCIgOiB2b2lkIDBcbiAgICAgICAgfSxcbiAgICAgICAgY29sb3I6IENPTE9SUy5jb250ZW50LnNlY29uZGFyeSxcbiAgICAgICAgY2hpbGRyZW46IHRleHQgIT0gbnVsbCA/IHRleHQgOiBgJHtwcm9ncmVzc30lIGNvbXBsZXRlZC4uLmBcbiAgICAgIH1cbiAgICApLFxuICAgIHR5cGUgPT09IFwibGluZVwiIC8qIExJTkUgKi8gPyAvKiBAX19QVVJFX18gKi8ganN4KFxuICAgICAgQmFyQ29udGFpbmVyLFxuICAgICAge1xuICAgICAgICBzaXplLFxuICAgICAgICBwcm9ncmVzc0JhclRoaWNrbmVzcyxcbiAgICAgICAgbWF0Y2hQYXJlbnRXaWR0aCxcbiAgICAgICAgY2hpbGRyZW46IC8qIEBfX1BVUkVfXyAqLyBqc3goSW5uZXJCYXJDb250YWluZXIsIHsgcHJvZ3Jlc3MsIGNvbG9yIH0pXG4gICAgICB9XG4gICAgKSA6IC8qIEBfX1BVUkVfXyAqLyBqc3goQ2lyY2xlQ29udGFpbmVyLCB7IHByb2dyZXNzLCBjb2xvciwgc2l6ZSwgY2hpbGRyZW46IC8qIEBfX1BVUkVfXyAqLyBqc3goXG4gICAgICBJbm5lckNpcmNsZUNvbnRhaW5lcixcbiAgICAgIHtcbiAgICAgICAgcHJvZ3Jlc3MsXG4gICAgICAgIHNpemUsXG4gICAgICAgIHByb2dyZXNzQmFyVGhpY2tuZXNzXG4gICAgICB9XG4gICAgKSB9KSxcbiAgICBzaG93UHJvZ3Jlc3MgJiYgKGFsaWdubWVudCA9PT0gXCJib3R0b21cIiAvKiBCT1RUT00gKi8gfHwgYWxpZ25tZW50ID09PSBcInJpZ2h0XCIgLyogUklHSFQgKi8pICYmIC8qIEBfX1BVUkVfXyAqLyBqc3goXG4gICAgICBCb2R5VGlueSxcbiAgICAgIHtcbiAgICAgICAgc3R5bGU6IHtcbiAgICAgICAgICBtYXJnaW5Ub3A6IGFsaWdubWVudCA9PT0gXCJib3R0b21cIiAvKiBCT1RUT00gKi8gPyBcIjhweFwiIDogdm9pZCAwLFxuICAgICAgICAgIG1hcmdpbkxlZnQ6IGFsaWdubWVudCA9PT0gXCJyaWdodFwiIC8qIFJJR0hUICovID8gXCI4cHhcIiA6IHZvaWQgMFxuICAgICAgICB9LFxuICAgICAgICBjb2xvcjogQ09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5LFxuICAgICAgICBjaGlsZHJlbjogdGV4dCAhPSBudWxsID8gdGV4dCA6IGAke3Byb2dyZXNzfSUgY29tcGxldGVkLi4uYFxuICAgICAgfVxuICAgIClcbiAgXSB9KTtcbn07XG5jb25zdCBNYWluQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246ICR7KHByb3BzKSA9PiAocHJvcHMgPT0gbnVsbCA/IHZvaWQgMCA6IHByb3BzLmFsaWdubWVudCkgPT09IFwidG9wXCIgLyogVE9QICovIHx8IChwcm9wcyA9PSBudWxsID8gdm9pZCAwIDogcHJvcHMuYWxpZ25tZW50KSA9PT0gXCJib3R0b21cIiAvKiBCT1RUT00gKi8gPyBcImNvbHVtblwiIDogXCJyb3dcIn07XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdHdpZHRoOiAxMDAlO1xuYDtcbmNvbnN0IENpcmNsZUNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG5cdHdpZHRoOiAkeyhwcm9wcykgPT4ge1xuICB2YXIgX2E7XG4gIHJldHVybiAoX2EgPSBwcm9wcy5zaXplKSAhPSBudWxsID8gX2EgOiAzMjtcbn19cHg7XG5cdGhlaWdodDogJHsocHJvcHMpID0+IHtcbiAgdmFyIF9hO1xuICByZXR1cm4gKF9hID0gcHJvcHMuc2l6ZSkgIT0gbnVsbCA/IF9hIDogMzI7XG59fXB4O1xuXHRib3JkZXItcmFkaXVzOiA1MCU7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5cdGJhY2tncm91bmQ6IGNvbmljLWdyYWRpZW50KFxuXHRcdCR7KHByb3BzKSA9PiB7XG4gIHZhciBfYTtcbiAgcmV0dXJuIChfYSA9IHByb3BzLmNvbG9yKSAhPSBudWxsID8gX2EgOiBDT0xPUlMuYmFja2dyb3VuZC5icmFuZDtcbn19XG5cdFx0XHQkeyhwcm9wcykgPT4gcHJvcHMucHJvZ3Jlc3MgKiAzLjZ9ZGVnLFxuXHRcdCR7Q09MT1JTLmNvbnRlbnQuaW5hY3RpdmV9IDBkZWdcblx0KTtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuYDtcbmNvbnN0IElubmVyQ2lyY2xlQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcblx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5pbmFjdGl2ZX07XG5cdHRyYW5zaXRpb246IHdpZHRoIDAuM3MgZWFzZS1pbi1vdXQ7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0dG9wOiA1MCU7XG5cdGxlZnQ6IDUwJTtcblx0dHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwgLTUwJSk7XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4ge1xuICB2YXIgX2E7XG4gIHJldHVybiBwcm9wcy5wcm9ncmVzc0JhclRoaWNrbmVzcyA/IChfYSA9IHByb3BzLnNpemUpICE9IG51bGwgPyBfYSA6IDMyIC0gcHJvcHMucHJvZ3Jlc3NCYXJUaGlja25lc3MgOiAyMDtcbn19cHg7XG5cdGhlaWdodDogJHsocHJvcHMpID0+IHtcbiAgdmFyIF9hO1xuICByZXR1cm4gcHJvcHMucHJvZ3Jlc3NCYXJUaGlja25lc3MgPyAoX2EgPSBwcm9wcy5zaXplKSAhPSBudWxsID8gX2EgOiAzMiAtIHByb3BzLnByb2dyZXNzQmFyVGhpY2tuZXNzIDogMjA7XG59fXB4O1xuXHRib3JkZXItcmFkaXVzOiA1MCU7XG5cdGJhY2tncm91bmQ6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuYDtcbmNvbnN0IEJhckNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG5cdHdpZHRoOiAkeyhwcm9wcykgPT4ge1xuICB2YXIgX2E7XG4gIHJldHVybiBwcm9wcy5tYXRjaFBhcmVudFdpZHRoID8gXCIxMDAlXCIgOiBgJHsoX2EgPSBwcm9wcy5zaXplKSAhPSBudWxsID8gX2EgOiA5MH1weGA7XG59fTtcblx0aGVpZ2h0OiAkeyhwcm9wcykgPT4ge1xuICB2YXIgX2E7XG4gIHJldHVybiAoX2EgPSBwcm9wcy5wcm9ncmVzc0JhclRoaWNrbmVzcykgIT0gbnVsbCA/IF9hIDogODtcbn19cHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLmJhY2tncm91bmQuaW5hY3RpdmV9O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5gO1xuY29uc3QgSW5uZXJCYXJDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuXHRoZWlnaHQ6IDEwMCU7XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gcHJvcHMucHJvZ3Jlc3N9JTtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHtcbiAgdmFyIF9hO1xuICByZXR1cm4gKF9hID0gcHJvcHMuY29sb3IpICE9IG51bGwgPyBfYSA6IENPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kO1xufX07XG5cdHRyYW5zaXRpb246IHdpZHRoIDAuM3MgZWFzZS1pbi1vdXQ7XG5gO1xuIl19 */")),H=I("div","production"===process.env.NODE_ENV?{target:"e13rvrh10"}:{target:"e13rvrh10",label:"InnerBarContainer"})("height:100%;width:",(I=>I.progress),"%;background-color:",(I=>{var g;return null!=(g=I.color)?g:C.background.brand}),";transition:width 0.3s ease-in-out;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByb2dyZXNzQmFyVjIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9Jb0MiLCJmaWxlIjoiUHJvZ3Jlc3NCYXJWMi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJcInVzZSBzdHJpY3RcIjtcbmltcG9ydCB7IGpzeCwganN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBCb2R5VGlueSB9IGZyb20gXCJAc3JjL2NvbXBvbmVudHMvVHlwb2dyYXBoeVN0eWxlXCI7XG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiQHNyYy9jb25zdGFudHMvVGhlbWVcIjtcbmV4cG9ydCB2YXIgVGV4dEFsaWdubWVudCA9IC8qIEBfX1BVUkVfXyAqLyAoKFRleHRBbGlnbm1lbnQyKSA9PiB7XG4gIFRleHRBbGlnbm1lbnQyW1wiUklHSFRcIl0gPSBcInJpZ2h0XCI7XG4gIFRleHRBbGlnbm1lbnQyW1wiTEVGVFwiXSA9IFwibGVmdFwiO1xuICBUZXh0QWxpZ25tZW50MltcIlRPUFwiXSA9IFwidG9wXCI7XG4gIFRleHRBbGlnbm1lbnQyW1wiQk9UVE9NXCJdID0gXCJib3R0b21cIjtcbiAgcmV0dXJuIFRleHRBbGlnbm1lbnQyO1xufSkoVGV4dEFsaWdubWVudCB8fCB7fSk7XG5leHBvcnQgdmFyIFByb2dyZXNzQmFyVHlwZSA9IC8qIEBfX1BVUkVfXyAqLyAoKFByb2dyZXNzQmFyVHlwZTIpID0+IHtcbiAgUHJvZ3Jlc3NCYXJUeXBlMltcIkNJUkNMRVwiXSA9IFwiY2lyY2xlXCI7XG4gIFByb2dyZXNzQmFyVHlwZTJbXCJMSU5FXCJdID0gXCJsaW5lXCI7XG4gIHJldHVybiBQcm9ncmVzc0JhclR5cGUyO1xufSkoUHJvZ3Jlc3NCYXJUeXBlIHx8IHt9KTtcbmV4cG9ydCBjb25zdCBQcm9ncmVzc0JhclYyID0gKHByb3BzKSA9PiB7XG4gIGNvbnN0IHtcbiAgICB0eXBlLFxuICAgIHByb2dyZXNzLFxuICAgIHByb2dyZXNzQmFyVGhpY2tuZXNzLFxuICAgIHNpemUsXG4gICAgY29sb3IsXG4gICAgdGV4dCxcbiAgICB0ZXh0UG9zaXRpb24sXG4gICAgc2hvd1Byb2dyZXNzLFxuICAgIG1hdGNoUGFyZW50V2lkdGggPSBmYWxzZVxuICB9ID0gcHJvcHM7XG4gIGxldCBhbGlnbm1lbnQgPSB0ZXh0UG9zaXRpb247XG4gIGlmICghYWxpZ25tZW50KSB7XG4gICAgYWxpZ25tZW50ID0gXCJsZWZ0XCIgLyogTEVGVCAqLztcbiAgfVxuICByZXR1cm4gLyogQF9fUFVSRV9fICovIGpzeHMoTWFpbkNvbnRhaW5lciwgeyBhbGlnbm1lbnQsIGNoaWxkcmVuOiBbXG4gICAgc2hvd1Byb2dyZXNzICYmIChhbGlnbm1lbnQgPT09IFwidG9wXCIgLyogVE9QICovIHx8IGFsaWdubWVudCA9PT0gXCJsZWZ0XCIgLyogTEVGVCAqLykgJiYgLyogQF9fUFVSRV9fICovIGpzeChcbiAgICAgIEJvZHlUaW55LFxuICAgICAge1xuICAgICAgICBzdHlsZToge1xuICAgICAgICAgIG1hcmdpbkJvdHRvbTogYWxpZ25tZW50ID09PSBcInRvcFwiIC8qIFRPUCAqLyA/IFwiOHB4XCIgOiB2b2lkIDAsXG4gICAgICAgICAgbWFyZ2luUmlnaHQ6IGFsaWdubWVudCA9PT0gXCJsZWZ0XCIgLyogTEVGVCAqLyA/IFwiOHB4XCIgOiB2b2lkIDBcbiAgICAgICAgfSxcbiAgICAgICAgY29sb3I6IENPTE9SUy5jb250ZW50LnNlY29uZGFyeSxcbiAgICAgICAgY2hpbGRyZW46IHRleHQgIT0gbnVsbCA/IHRleHQgOiBgJHtwcm9ncmVzc30lIGNvbXBsZXRlZC4uLmBcbiAgICAgIH1cbiAgICApLFxuICAgIHR5cGUgPT09IFwibGluZVwiIC8qIExJTkUgKi8gPyAvKiBAX19QVVJFX18gKi8ganN4KFxuICAgICAgQmFyQ29udGFpbmVyLFxuICAgICAge1xuICAgICAgICBzaXplLFxuICAgICAgICBwcm9ncmVzc0JhclRoaWNrbmVzcyxcbiAgICAgICAgbWF0Y2hQYXJlbnRXaWR0aCxcbiAgICAgICAgY2hpbGRyZW46IC8qIEBfX1BVUkVfXyAqLyBqc3goSW5uZXJCYXJDb250YWluZXIsIHsgcHJvZ3Jlc3MsIGNvbG9yIH0pXG4gICAgICB9XG4gICAgKSA6IC8qIEBfX1BVUkVfXyAqLyBqc3goQ2lyY2xlQ29udGFpbmVyLCB7IHByb2dyZXNzLCBjb2xvciwgc2l6ZSwgY2hpbGRyZW46IC8qIEBfX1BVUkVfXyAqLyBqc3goXG4gICAgICBJbm5lckNpcmNsZUNvbnRhaW5lcixcbiAgICAgIHtcbiAgICAgICAgcHJvZ3Jlc3MsXG4gICAgICAgIHNpemUsXG4gICAgICAgIHByb2dyZXNzQmFyVGhpY2tuZXNzXG4gICAgICB9XG4gICAgKSB9KSxcbiAgICBzaG93UHJvZ3Jlc3MgJiYgKGFsaWdubWVudCA9PT0gXCJib3R0b21cIiAvKiBCT1RUT00gKi8gfHwgYWxpZ25tZW50ID09PSBcInJpZ2h0XCIgLyogUklHSFQgKi8pICYmIC8qIEBfX1BVUkVfXyAqLyBqc3goXG4gICAgICBCb2R5VGlueSxcbiAgICAgIHtcbiAgICAgICAgc3R5bGU6IHtcbiAgICAgICAgICBtYXJnaW5Ub3A6IGFsaWdubWVudCA9PT0gXCJib3R0b21cIiAvKiBCT1RUT00gKi8gPyBcIjhweFwiIDogdm9pZCAwLFxuICAgICAgICAgIG1hcmdpbkxlZnQ6IGFsaWdubWVudCA9PT0gXCJyaWdodFwiIC8qIFJJR0hUICovID8gXCI4cHhcIiA6IHZvaWQgMFxuICAgICAgICB9LFxuICAgICAgICBjb2xvcjogQ09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5LFxuICAgICAgICBjaGlsZHJlbjogdGV4dCAhPSBudWxsID8gdGV4dCA6IGAke3Byb2dyZXNzfSUgY29tcGxldGVkLi4uYFxuICAgICAgfVxuICAgIClcbiAgXSB9KTtcbn07XG5jb25zdCBNYWluQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246ICR7KHByb3BzKSA9PiAocHJvcHMgPT0gbnVsbCA/IHZvaWQgMCA6IHByb3BzLmFsaWdubWVudCkgPT09IFwidG9wXCIgLyogVE9QICovIHx8IChwcm9wcyA9PSBudWxsID8gdm9pZCAwIDogcHJvcHMuYWxpZ25tZW50KSA9PT0gXCJib3R0b21cIiAvKiBCT1RUT00gKi8gPyBcImNvbHVtblwiIDogXCJyb3dcIn07XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdHdpZHRoOiAxMDAlO1xuYDtcbmNvbnN0IENpcmNsZUNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG5cdHdpZHRoOiAkeyhwcm9wcykgPT4ge1xuICB2YXIgX2E7XG4gIHJldHVybiAoX2EgPSBwcm9wcy5zaXplKSAhPSBudWxsID8gX2EgOiAzMjtcbn19cHg7XG5cdGhlaWdodDogJHsocHJvcHMpID0+IHtcbiAgdmFyIF9hO1xuICByZXR1cm4gKF9hID0gcHJvcHMuc2l6ZSkgIT0gbnVsbCA/IF9hIDogMzI7XG59fXB4O1xuXHRib3JkZXItcmFkaXVzOiA1MCU7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5cdGJhY2tncm91bmQ6IGNvbmljLWdyYWRpZW50KFxuXHRcdCR7KHByb3BzKSA9PiB7XG4gIHZhciBfYTtcbiAgcmV0dXJuIChfYSA9IHByb3BzLmNvbG9yKSAhPSBudWxsID8gX2EgOiBDT0xPUlMuYmFja2dyb3VuZC5icmFuZDtcbn19XG5cdFx0XHQkeyhwcm9wcykgPT4gcHJvcHMucHJvZ3Jlc3MgKiAzLjZ9ZGVnLFxuXHRcdCR7Q09MT1JTLmNvbnRlbnQuaW5hY3RpdmV9IDBkZWdcblx0KTtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuYDtcbmNvbnN0IElubmVyQ2lyY2xlQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcblx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5pbmFjdGl2ZX07XG5cdHRyYW5zaXRpb246IHdpZHRoIDAuM3MgZWFzZS1pbi1vdXQ7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0dG9wOiA1MCU7XG5cdGxlZnQ6IDUwJTtcblx0dHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwgLTUwJSk7XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4ge1xuICB2YXIgX2E7XG4gIHJldHVybiBwcm9wcy5wcm9ncmVzc0JhclRoaWNrbmVzcyA/IChfYSA9IHByb3BzLnNpemUpICE9IG51bGwgPyBfYSA6IDMyIC0gcHJvcHMucHJvZ3Jlc3NCYXJUaGlja25lc3MgOiAyMDtcbn19cHg7XG5cdGhlaWdodDogJHsocHJvcHMpID0+IHtcbiAgdmFyIF9hO1xuICByZXR1cm4gcHJvcHMucHJvZ3Jlc3NCYXJUaGlja25lc3MgPyAoX2EgPSBwcm9wcy5zaXplKSAhPSBudWxsID8gX2EgOiAzMiAtIHByb3BzLnByb2dyZXNzQmFyVGhpY2tuZXNzIDogMjA7XG59fXB4O1xuXHRib3JkZXItcmFkaXVzOiA1MCU7XG5cdGJhY2tncm91bmQ6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuYDtcbmNvbnN0IEJhckNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG5cdHdpZHRoOiAkeyhwcm9wcykgPT4ge1xuICB2YXIgX2E7XG4gIHJldHVybiBwcm9wcy5tYXRjaFBhcmVudFdpZHRoID8gXCIxMDAlXCIgOiBgJHsoX2EgPSBwcm9wcy5zaXplKSAhPSBudWxsID8gX2EgOiA5MH1weGA7XG59fTtcblx0aGVpZ2h0OiAkeyhwcm9wcykgPT4ge1xuICB2YXIgX2E7XG4gIHJldHVybiAoX2EgPSBwcm9wcy5wcm9ncmVzc0JhclRoaWNrbmVzcykgIT0gbnVsbCA/IF9hIDogODtcbn19cHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLmJhY2tncm91bmQuaW5hY3RpdmV9O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5gO1xuY29uc3QgSW5uZXJCYXJDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuXHRoZWlnaHQ6IDEwMCU7XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gcHJvcHMucHJvZ3Jlc3N9JTtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHtcbiAgdmFyIF9hO1xuICByZXR1cm4gKF9hID0gcHJvcHMuY29sb3IpICE9IG51bGwgPyBfYSA6IENPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kO1xufX07XG5cdHRyYW5zaXRpb246IHdpZHRoIDAuM3MgZWFzZS1pbi1vdXQ7XG5gO1xuIl19 */"));export{A as ProgressBarType,l as ProgressBarV2,X as TextAlignment};
+import{jsxs as r,jsx as o}from"react/jsx-runtime";import e from"@emotion/styled";import{BodyTiny as t}from"../TypographyStyle.js";import{COLORS as i}from"../../constants/Theme.js";var s=(r=>(r.RIGHT="right",r.LEFT="left",r.TOP="top",r.BOTTOM="bottom",r))(s||{}),n=(r=>(r.CIRCLE="circle",r.LINE="line",r))(n||{});const a=e=>{const{type:s,progress:n,progressBarThickness:a,size:l,color:m,text:b,textPosition:u,showProgress:$,matchParentWidth:k=!1}=e;let x=u;return x||(x="left"),r(c,{alignment:x,children:[$&&("top"===x||"left"===x)&&o(t,{style:{marginBottom:"top"===x?"8px":void 0,marginRight:"left"===x?"8px":void 0},color:i.content.secondary,children:b??`${n}% completed...`}),"line"===s?o(p,{size:l,progressBarThickness:a,matchParentWidth:k,children:o(h,{progress:n,color:m})}):o(d,{progress:n,color:m,size:l,children:o(g,{progress:n,size:l,progressBarThickness:a})}),$&&("bottom"===x||"right"===x)&&o(t,{style:{marginTop:"bottom"===x?"8px":void 0,marginLeft:"right"===x?"8px":void 0},color:i.content.secondary,children:b??`${n}% completed...`})]})},c=e.div`
+	display: flex;
+	flex-direction: ${r=>"top"===r?.alignment||"bottom"===r?.alignment?"column":"row"};
+	align-items: center;
+	width: 100%;
+`,d=e.div`
+	width: ${r=>r.size??32}px;
+	height: ${r=>r.size??32}px;
+	border-radius: 50%;
+	overflow: hidden;
+	background: conic-gradient(
+		${r=>r.color??i.background.brand}
+			${r=>3.6*r.progress}deg,
+		${i.content.inactive} 0deg
+	);
+	position: relative;
+`,g=e.div`
+	background-color: ${i.background.inactive};
+	transition: width 0.3s ease-in-out;
+	position: absolute;
+	top: 50%;
+	left: 50%;
+	transform: translate(-50%, -50%);
+	width: ${r=>r.progressBarThickness?r.size??32-r.progressBarThickness:20}px;
+	height: ${r=>r.progressBarThickness?r.size??32-r.progressBarThickness:20}px;
+	border-radius: 50%;
+	background: ${i.surface.standard};
+`,p=e.div`
+	width: ${r=>r.matchParentWidth?"100%":`${r.size??90}px`};
+	height: ${r=>r.progressBarThickness??8}px;
+	background-color: ${i.background.inactive};
+	border-radius: 4px;
+	overflow: hidden;
+`,h=e.div`
+	height: 100%;
+	width: ${r=>r.progress}%;
+	background-color: ${r=>r.color??i.background.brand};
+	transition: width 0.3s ease-in-out;
+`;export{n as ProgressBarType,a as ProgressBarV2,s as TextAlignment};

package/dist/esm/components/radioButton/RadioButton.d.ts

@@ -0,0 +1,21 @@
+import React__default from 'react';
+
+type RadioButtonProps = {
+    isActive: boolean;
+    isDisabled?: boolean;
+    value?: string;
+    label?: string;
+    caption?: string;
+    onValueChange: (checked: boolean, value?: string) => void;
+    skipHoverState?: boolean;
+    size?: 'DEFAULT' | 'SMALL';
+    skipSelectingOff?: boolean;
+    labelSize?: 'DEFAULT' | 'MEDIUM';
+    boldOnChecked?: boolean;
+    alwaysBold?: boolean;
+    activeColor?: string;
+};
+declare const RadioButton: React__default.FC<RadioButtonProps>;
+
+export { RadioButton };
+export type { RadioButtonProps };

package/dist/esm/components/radioButton/RadioButton.js

@@ -1 +1 @@
-import{jsxs as i,jsx as e,Fragment as l}from"react/jsx-runtime";import{useState as t,useEffect as s,useMemo as a}from"react";import{RadioButtonContainer as o,RadioButtonIcon as r}from"./RadioButton.styled.js";import{BodyCaption as c,TitleSmall as n,BodySecondary as d,BodyPrimary as m}from"../TypographyStyle.js";import{COLORS as b}from"../../constants/Theme.js";const v=l=>{const t=a((()=>(null==l?void 0:l.activeColor)||b.background.positive.vibrant),[l.activeColor]),s=a((()=>l.isDisabled?b.content.inactive:l.isActive?t:b.content.primary),[l.isDisabled,l.isActive,t]);return i("svg",{width:l.isSmall?"16":"20",height:l.isSmall?"16":"20",viewBox:l.isSmall?"0 0 16 16":"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e("circle",{cx:l.isSmall?"8":"10",cy:l.isSmall?"8":"10",r:l.isSmall?6:9,stroke:s,strokeWidth:l.isSmall?1.5:2}),l.isActive&&e("circle",{cx:l.isSmall?"8":"10",cy:l.isSmall?"8":"10",r:l.isSmall?3:5,fill:l.isDisabled?b.content.inactive:t})]})},p=a=>{const[p,h]=t(a.isActive||!1),[x,S]=t(!1),[y,D]=t(!1);s((()=>{h(a.isActive)}),[a.isActive]);return i(o,{onClick:()=>{var i;if(!a.skipSelectingOff&&!a.isDisabled){const e=!p;h(e),null==(i=a.onValueChange)||i.call(a,e,a.value)}},onMouseEnter:()=>S(!a.skipHoverState),onMouseLeave:()=>S(!1),onMouseDown:()=>D(!a.skipHoverState),onMouseUp:()=>D(!1),style:a.caption?{alignItems:"flex-start"}:{},children:[e(r,{checked:p,hovered:x,clicked:y,isDisabled:a.isDisabled||!1,size:a.size,style:a.caption?{margin:"2px 0"}:{},children:e(v,{isSmall:"SMALL"===a.size,isActive:p,isDisabled:a.isDisabled||!1,activeColor:a.activeColor})}),i("div",{children:[a.label?a.boldOnChecked&&p||a.alwaysBold?e(n,{color:a.isDisabled?b.text.disabled:b.text.primary,children:a.label}):"SMALL"===a.size?e(c,{color:a.isDisabled?b.text.disabled:b.text.primary,children:a.label}):"MEDIUM"===a.labelSize?e(d,{color:a.isDisabled?b.text.disabled:b.text.primary,children:a.label}):e(m,{color:a.isDisabled?b.text.disabled:b.text.primary,children:a.label}):e(l,{}),a.caption&&e(c,{color:a.isDisabled?b.text.disabled:b.text.secondary,children:a.caption})]})]})};export{p as RadioButton};
+import{jsxs as i,jsx as e,Fragment as l}from"react/jsx-runtime";import{useState as t,useEffect as s,useMemo as a}from"react";import{RadioButtonContainer as o,RadioButtonIcon as r}from"./RadioButton.styled.js";import{BodyCaption as c,TitleSmall as n,BodySecondary as d,BodyPrimary as m}from"../TypographyStyle.js";import{COLORS as b}from"../../constants/Theme.js";const p=l=>{const t=a((()=>l?.activeColor||b.background.positive.vibrant),[l.activeColor]),s=a((()=>l.isDisabled?b.content.inactive:l.isActive?t:b.content.primary),[l.isDisabled,l.isActive,t]);return i("svg",{width:l.isSmall?"16":"20",height:l.isSmall?"16":"20",viewBox:l.isSmall?"0 0 16 16":"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e("circle",{cx:l.isSmall?"8":"10",cy:l.isSmall?"8":"10",r:l.isSmall?6:9,stroke:s,strokeWidth:l.isSmall?1.5:2}),l.isActive&&e("circle",{cx:l.isSmall?"8":"10",cy:l.isSmall?"8":"10",r:l.isSmall?3:5,fill:l.isDisabled?b.content.inactive:t})]})},v=a=>{const[v,h]=t(a.isActive||!1),[x,S]=t(!1),[y,D]=t(!1);s((()=>{h(a.isActive)}),[a.isActive]);return i(o,{onClick:()=>{if(!a.skipSelectingOff&&!a.isDisabled){const i=!v;h(i),a.onValueChange?.(i,a.value)}},onMouseEnter:()=>S(!a.skipHoverState),onMouseLeave:()=>S(!1),onMouseDown:()=>D(!a.skipHoverState),onMouseUp:()=>D(!1),style:a.caption?{alignItems:"flex-start"}:{},children:[e(r,{checked:v,hovered:x,clicked:y,isDisabled:a.isDisabled||!1,size:a.size,style:a.caption?{margin:"2px 0"}:{},children:e(p,{isSmall:"SMALL"===a.size,isActive:v,isDisabled:a.isDisabled||!1,activeColor:a.activeColor})}),i("div",{children:[a.label?a.boldOnChecked&&v||a.alwaysBold?e(n,{color:a.isDisabled?b.text.disabled:b.text.primary,children:a.label}):"SMALL"===a.size?e(c,{color:a.isDisabled?b.text.disabled:b.text.primary,children:a.label}):"MEDIUM"===a.labelSize?e(d,{color:a.isDisabled?b.text.disabled:b.text.primary,children:a.label}):e(m,{color:a.isDisabled?b.text.disabled:b.text.primary,children:a.label}):e(l,{}),a.caption&&e(c,{color:a.isDisabled?b.text.disabled:b.text.secondary,children:a.caption})]})]})};export{v as RadioButton};

package/dist/esm/components/radioList/RadioList.d.ts

@@ -0,0 +1,18 @@
+import React__default from 'react';
+import { RadioButtonProps } from '../radioButton/RadioButton.js';
+
+type RadioListItem = Omit<RadioButtonProps, 'onValueChange'> & {
+    value: string;
+};
+type RadioListProps = {
+    title?: string;
+    subTitle?: string;
+    listItems: RadioListItem[];
+    onChange: (option: RadioListItem) => void;
+    listContainerStyles?: React__default.CSSProperties;
+    boldOnChecked?: boolean;
+};
+declare const RadioList: React__default.FC<RadioListProps>;
+
+export { RadioList };
+export type { RadioListProps };

package/dist/esm/components/radioList/RadioList.js

@@ -1 +1 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as r,useEffect as o}from"react";import{RadioButton as i}from"../radioButton/RadioButton.js";import{RadioListStyled as l}from"./RadioList.styled.js";import{TitleRegular as n,BodySecondary as s}from"../TypographyStyle.js";import{COLORS as a}from"../../constants/Theme.js";var c=Object.defineProperty,m=Object.defineProperties,p=Object.getOwnPropertyDescriptors,d=Object.getOwnPropertySymbols,u=Object.prototype.hasOwnProperty,b=Object.prototype.propertyIsEnumerable,y=(e,t,r)=>t in e?c(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r;const f=c=>{var f;const[h,v]=r(c.listItems);o((()=>{v(c.listItems)}),[c.listItems]);const j=(e,t)=>{let r;const o=[...h];o.forEach((o=>{o.value===t?(r=o,o.isActive=e):o.isActive=!e})),v(o),c.onChange(r)};return e(l,{children:[(c.title||c.subTitle)&&e("div",{className:"title__container",children:[c.title&&t(n,{children:c.title}),c.subTitle&&t(s,{color:a.text.secondary,children:c.subTitle})]}),t("div",{style:null!=(f=c.listContainerStyles)?f:{},className:"list__container",children:h.map((e=>{return t(i,(r=((e,t)=>{for(var r in t||(t={}))u.call(t,r)&&y(e,r,t[r]);if(d)for(var r of d(t))b.call(t,r)&&y(e,r,t[r]);return e})({},e),o={onValueChange:j,boldOnChecked:c.boldOnChecked},m(r,p(o))),e.value);var r,o}))})]})};export{f as RadioList};
+import{jsxs as t,jsx as e}from"react/jsx-runtime";import{useState as i,useEffect as o}from"react";import{RadioButton as s}from"../radioButton/RadioButton.js";import{RadioListStyled as r}from"./RadioList.styled.js";import{TitleRegular as l,BodySecondary as n}from"../TypographyStyle.js";import{COLORS as c}from"../../constants/Theme.js";const a=a=>{const[m,d]=i(a.listItems);o((()=>{d(a.listItems)}),[a.listItems]);const h=(t,e)=>{let i;const o=[...m];o.forEach((o=>{o.value===e?(i=o,o.isActive=t):o.isActive=!t})),d(o),a.onChange(i)};return t(r,{children:[(a.title||a.subTitle)&&t("div",{className:"title__container",children:[a.title&&e(l,{children:a.title}),a.subTitle&&e(n,{color:c.text.secondary,children:a.subTitle})]}),e("div",{style:a.listContainerStyles??{},className:"list__container",children:m.map((t=>e(s,{...t,onValueChange:h,boldOnChecked:a.boldOnChecked},t.value)))})]})};export{a as RadioList};

package/dist/esm/components/radioList/RadioList.styled.js

@@ -1 +1,10 @@
-import e from"@emotion/styled/base";const t=e("div","production"===process.env.NODE_ENV?{target:"eik8mml0"}:{target:"eik8mml0",label:"RadioListStyled"})("production"===process.env.NODE_ENV?{name:"1w7m8q0",styles:".title__container{margin-bottom:12px;}.list__container{display:flex;flex-direction:column;gap:10px;}"}:{name:"1w7m8q0",styles:".title__container{margin-bottom:12px;}.list__container{display:flex;flex-direction:column;gap:10px;}",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJhZGlvTGlzdC5zdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUV5QyIsImZpbGUiOiJSYWRpb0xpc3Quc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIlwidXNlIHN0cmljdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5leHBvcnQgY29uc3QgUmFkaW9MaXN0U3R5bGVkID0gc3R5bGVkLmRpdmBcblx0LnRpdGxlX19jb250YWluZXIge1xuXHRcdG1hcmdpbi1ib3R0b206IDEycHg7XG5cdH1cblx0Lmxpc3RfX2NvbnRhaW5lciB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRcdGdhcDogMTBweDtcblx0fVxuYDtcbiJdfQ== */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}});export{t as RadioListStyled};
+import t from"@emotion/styled";const o=t.div`
+	.title__container {
+		margin-bottom: 12px;
+	}
+	.list__container {
+		display: flex;
+		flex-direction: column;
+		gap: 10px;
+	}
+`;export{o as RadioListStyled};

package/dist/esm/components/resizeImage/index.d.ts

@@ -0,0 +1,12 @@
+import React__default from 'react';
+
+interface ResizableImageProps {
+    imageUrl: string;
+    targetSize: number;
+    alt?: string;
+    style?: React__default.CSSProperties;
+}
+declare const ResizableImage: React__default.FC<ResizableImageProps>;
+
+export { ResizableImage };
+export type { ResizableImageProps };

package/dist/esm/components/resizeImage/index.js

@@ -1 +1 @@
-import{jsx as t}from"react/jsx-runtime";import{useState as e,useEffect as r}from"react";import{BikShimmer as m}from"../shimmer/ShimmerComponent/BikShimmer.js";import{resizeImage as i}from"../../utils/resizeImage.js";const o=o=>{let{imageUrl:s,targetSize:h,alt:p,style:a}=o;const[n,c]=e("");return r((()=>{i(s,h).then((t=>{c(t)})).catch((t=>{c(s)}))}),[s,h]),n?t("img",{alt:p,src:n,height:h,width:h,style:a}):t(m,{boxes:[{marginTop:"0px",height:`${h}px`,width:`${h}px`}]})};export{o as ResizableImage};
+import{jsx as t}from"react/jsx-runtime";import{useState as r,useEffect as e}from"react";import{BikShimmer as m}from"../shimmer/ShimmerComponent/BikShimmer.js";import{resizeImage as i}from"../../utils/resizeImage.js";const o=({imageUrl:o,targetSize:s,alt:h,style:p})=>{const[a,n]=r("");return e((()=>{i(o,s).then((t=>{n(t)})).catch((t=>{n(o)}))}),[o,s]),a?t("img",{alt:h,src:a,height:s,width:s,style:p}):t(m,{boxes:[{marginTop:"0px",height:`${s}px`,width:`${s}px`}]})};export{o as ResizableImage};

package/dist/esm/components/searchBar/searchBar.d.ts

@@ -0,0 +1,24 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ButtonProps } from '../button/model.js';
+import { InputVariant } from '../input/Input.js';
+
+interface SearchBarProps {
+    width: string;
+    isEnabled: boolean;
+    onChange: (searchText: string) => void;
+    onEnter: (searchText: string) => void;
+    placeholder: string;
+    variant: InputVariant;
+    validate?: (input?: string | number) => [boolean, string];
+    initialValue?: string;
+    reset?: boolean;
+    onClickCross?: () => void;
+    isActive?: boolean;
+    suffixButton?: ButtonProps;
+    searchValue?: string;
+    'data-test'?: string;
+}
+declare const SearchBar: (props: SearchBarProps) => react_jsx_runtime.JSX.Element;
+
+export { SearchBar };
+export type { SearchBarProps };

package/dist/esm/components/searchBar/searchBar.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{SearchIcon as t}from"../../assets/icons/searchIcon.js";import{useState as o,useEffect as a}from"react";import s from"../../assets/icons/cross.svg.js";import{Input as n}from"../input/Input.js";const r=r=>{const{isEnabled:i,onEnter:c,placeholder:l,width:d,variant:u,validate:h,isActive:v}=r,[f,m]=o("search"),[p,g]=o("default"),[C,b]=o(v?"active":i?"none":"disabled"),[k,x]=o(r.initialValue||r.searchValue||"");a((()=>{var e,t,o;x(null!=(e=r.searchValue)?e:""),(null==(o=null==(t=r.searchValue)?void 0:t.trim())?void 0:o.length)?m("cross"):m("search")}),[r.searchValue]),a((()=>{b(v?"active":i?"none":"disabled")}),[i,v]),a((()=>{r.reset&&j()}),[null==r?void 0:r.reset]);const V=e=>{i&&c(e)},j=()=>{m("search"),g("default"),x(""),r.onChange(""),b("none"),c("")};return e(n,{"data-test":r["data-test"],id:"search-bar",validate:h,onFocus:()=>{k.length&&m("cross"),"default"===p&&i&&(g("clicked"),b("active"))},width:d,state:C,leftIcon:"search"===f&&"default"===p?{icon:t}:void 0,rightIcon:"cross"!==f||r.suffixButton?void 0:{icon:s,callback:()=>{j(),r.onClickCross&&r.onClickCross()}},onChangeText:(e,t)=>{r.onChange(e),x(e),"keydown"!==(null==t?void 0:t.type)||13!==t.which&&13!==t.keyCode?e.trim().length?m("cross"):m("search"):V(e)},placeholder:l,variant:u,value:k,onBlur:()=>{k.length||g("default"),b("none")},button:{text:"",buttonProps:r.suffixButton}})};export{r as SearchBar};
+import{jsx as e}from"react/jsx-runtime";import{SearchIcon as t}from"../../assets/icons/searchIcon.js";import{useState as a,useEffect as s}from"react";import o from"../../assets/icons/cross.svg.js";import{Input as n}from"../input/Input.js";const r=r=>{const{isEnabled:c,onEnter:i,placeholder:l,width:h,variant:d,validate:u,isActive:f}=r,[m,p]=a("search"),[v,g]=a("default"),[C,b]=a(f?"active":c?"none":"disabled"),[k,x]=a(r.initialValue||r.searchValue||"");s((()=>{x(r.searchValue??""),r.searchValue?.trim()?.length?p("cross"):p("search")}),[r.searchValue]),s((()=>{b(f?"active":c?"none":"disabled")}),[c,f]),s((()=>{r.reset&&j()}),[r?.reset]);const V=e=>{c&&i(e)},j=()=>{p("search"),g("default"),x(""),r.onChange(""),b("none"),i("")};return e(n,{"data-test":r["data-test"],id:"search-bar",validate:u,onFocus:()=>{k.length&&p("cross"),"default"===v&&c&&(g("clicked"),b("active"))},width:h,state:C,leftIcon:"search"===m&&"default"===v?{icon:t}:void 0,rightIcon:"cross"!==m||r.suffixButton?void 0:{icon:o,callback:()=>{j(),r.onClickCross&&r.onClickCross()}},onChangeText:(e,t)=>{r.onChange(e),x(e),"keydown"!==t?.type||13!==t.which&&13!==t.keyCode?e.trim().length?p("cross"):p("search"):V(e)},placeholder:l,variant:d,value:k,onBlur:()=>{k.length||g("default"),b("none")},button:{text:"",buttonProps:r.suffixButton}})};export{r as SearchBar};