npm - @bikdotai/bik-component-library - Versions diffs - 0.0.807 → 0.0.808-beta.0 - Mend

@bikdotai/bik-component-library 0.0.807 → 0.0.808-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1557) hide show

package/dist/cjs/components/product-picker-v2/utility.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";function o(o){return o&&"object"==typeof o&&"default"in o?o:{default:o}}Object.defineProperty(exports,"__esModule",{value:!0});var t=o(require("lodash/cloneDeep"));function l(o,t,l){if(!o)return{};const i=Object.keys(o).slice(l,l+t),d={};return i.forEach((t=>{d[t]=o[t]})),d}const i=(o,t,l)=>{Object.keys(o).forEach((t=>{var l,i;const d=null!==(i=null===(l=o[t])||void 0===l?void 0:l.products)&&void 0!==i?i:{};Object.keys(d).forEach((l=>{var i,d,n,v;const s=null!==(v=null===(n=null===(d=null===(i=o[t])||void 0===i?void 0:i.products)||void 0===d?void 0:d[l])||void 0===n?void 0:n.variants)&&void 0!==v?v:{};Object.keys(s).forEach((i=>{var d,n,v,s;const e=null===(s=null===(v=null===(n=null===(d=o[t])||void 0===d?void 0:d.products)||void 0===n?void 0:n[l])||void 0===v?void 0:v.variants)||void 0===s?void 0:s[i];e&&!e.fbStatus&&(e.fbStatus="APPROVED")}))}))})),t({type:l,data:o})};exports.fetchFbStatusCollection=function(o,t,l,d,n){let v=arguments.length>5&&void 0!==arguments[5]?arguments[5]:"paged";n||i(o,d,v);const s=(o=>{const t=[];return Object.keys(o).forEach((l=>{var i,d;const n=null!==(d=null===(i=o[l])||void 0===i?void 0:i.products)&&void 0!==d?d:{};Object.keys(n).forEach((i=>{var d,n,v,s;const e=null!==(s=null===(v=null===(n=null===(d=o[l])||void 0===d?void 0:d.products)||void 0===n?void 0:n[i])||void 0===v?void 0:v.variants)&&void 0!==s?s:{};Object.keys(e).forEach((d=>{var n,v,s,e;const u=null===(e=null===(s=null===(v=null===(n=o[l])||void 0===n?void 0:n.products)||void 0===v?void 0:v[i])||void 0===s?void 0:s.variants)||void 0===e?void 0:e[d];(null==u?void 0:u.fbStatus)||t.push(d)}))}))})),t})(o);s.length>0&&n&&n(t,s,l).then((t=>{const l=Object.assign({},o);Object.keys(l).forEach((o=>{var i,d;const n=null!==(d=null===(i=l[o])||void 0===i?void 0:i.products)&&void 0!==d?d:{};Object.keys(n).forEach((i=>{var d,n,v,s;const e=null!==(s=null===(v=null===(n=null===(d=l[o])||void 0===d?void 0:d.products)||void 0===n?void 0:n[i])||void 0===v?void 0:v.variants)&&void 0!==s?s:{};Object.keys(e).forEach((d=>{var n,v,s,e;const u=null===(e=null===(s=null===(v=null===(n=l[o])||void 0===n?void 0:n.products)||void 0===v?void 0:v[i])||void 0===s?void 0:s.variants)||void 0===e?void 0:e[d];u&&"REJECTED"===t[d]?u.fbStatus="REJECTED":u&&"APPROVED"===t[d]&&(u.fbStatus="APPROVED")}))}))})),d({type:v,data:l})})).catch((t=>{console.error("Error in fbStatusFetcher",t),i(o,d,v)}))},exports.getSkuId=(o,t)=>{var l;if(t)return o.skuId;const i=Object.values(null!==(l=null==o?void 0:o.variants)&&void 0!==l?l:{});return 1===i.length&&i[0].name.includes(o.name)?i[0].skuId:""},exports.getVariantIdsToFetchAtProductLevel=(o,t)=>{const l=[];return Object.keys(null!=o?o:{}).forEach((i=>{var d,n;const v=null!==(n=null===(d=null==o?void 0:o[i])||void 0===d?void 0:d.variants)&&void 0!==n?n:{};Object.keys(v).forEach((d=>{var n,v,s,e,u;let r;r=t?null===(s=null===(v=null===(n=null==t?void 0:t.products)||void 0===n?void 0:n[i])||void 0===v?void 0:v.variants)||void 0===s?void 0:s[d]:null===(u=null===(e=null==o?void 0:o[i])||void 0===e?void 0:e.variants)||void 0===u?void 0:u[d],(null==r?void 0:r.fbStatus)||l.push(d)}))})),l},exports.isCollectionPartiallyChecked=function(o,t,l){var i,d,n,v;let s=0,e=0;if(arguments.length>3&&void 0!==arguments[3]&&arguments[3]){const v=null!==(i=null==t?void 0:t.products)&&void 0!==i?i:{};s=Object.keys(v).length;const u=null!==(n=null===(d=l[o])||void 0===d?void 0:d.products)&&void 0!==n?n:{};e=Object.keys(u).length}else if(l[o]){const i=null==t?void 0:t.products;i&&Object.keys(i).forEach((o=>{var t;const l=null===(t=i[o])||void 0===t?void 0:t.variants;l&&Object.keys(l).forEach((o=>s+=1))}));const d=null===(v=l[o])||void 0===v?void 0:v.products;if(d&&Object.keys(d).forEach((o=>{var t;const l=null===(t=d[o])||void 0===t?void 0:t.variants;l&&Object.keys(l).forEach((o=>e+=1))})),s<=0&&e>0)return!1}return e>0&&s!==e},exports.isProductPartiallyChecked=(o,t,l,i,d)=>{var n,v,s,e,u,r,a,c,p,f,b,O,j,h,y,g,k,E,P;let S=0,V=0;if(null===(v=null===(n=null==l?void 0:l[o])||void 0===n?void 0:n.products)||void 0===v?void 0:v[t]){if(d)return!1;const n=(null===(u=null===(e=null===(s=null==l?void 0:l[o])||void 0===s?void 0:s.products)||void 0===e?void 0:e[t])||void 0===u?void 0:u.variants)||[];if(1===Object.keys(n).length)for(const i in n){const d=null===(a=null===(r=null==l?void 0:l[o])||void 0===r?void 0:r.products)||void 0===a?void 0:a[t],n=null===(b=null===(f=null===(p=null===(c=null==l?void 0:l[o])||void 0===c?void 0:c.products)||void 0===p?void 0:p[t])||void 0===f?void 0:f.variants)||void 0===b?void 0:b[i];if(null===(O=null==n?void 0:n.name)||void 0===O?void 0:O.includes(null!==(j=null==d?void 0:d.name)&&void 0!==j?j:""))return!1}if(null===(g=Object.keys((null===(y=null===(h=null==i?void 0:i.products)||void 0===h?void 0:h[t])||void 0===y?void 0:y.variants)||[]))||void 0===g||g.forEach((()=>V++)),Object.keys((null===(P=null===(E=null===(k=null==l?void 0:l[o])||void 0===k?void 0:k.products)||void 0===E?void 0:E[t])||void 0===P?void 0:P.variants)||[]).forEach((()=>S++)),S>0&&V!==S)return!0}return!1},exports.liftTheStateUp=(o,l)=>{const i=t.default(l);if(delete i.products,(o=Object.assign(Object.assign({},o),{catalogOnlyData:i})).productId&&l.products){const d=t.default(l.products[o.productId]);(null==d?void 0:d.variants)&&delete d.variants,o=Object.assign(Object.assign({},o),{catalogOnlyData:i,productOnlyData:d})}return o},exports.markVariantsAsApprovedProductsLevel=(o,t,l,i,d)=>{const n=Object.assign({},o);if(Object.keys(o).forEach((t=>{var l,i;Object.keys(null!==(i=null===(l=null==o?void 0:o[t])||void 0===l?void 0:l.variants)&&void 0!==i?i:{}).forEach((l=>{var i,d;const v=null===(i=null==o?void 0:o[t].variants)||void 0===i?void 0:i[l];v&&(v.fbStatus="APPROVED");const s=null===(d=null==n?void 0:n[t])||void 0===d?void 0:d.variants;s&&s[l]&&(s[l]=v)}))})),i&&d){const o=Object.assign({},i);o.products=n,d(o),t({type:"productsPaged",data:{collectionId:l,products:n}})}else t({type:"productsPaged",data:{collectionId:l,products:n}})},exports.paginateSelectedItems=function(o,t,i){var d;const n={};let v=0;for(const s in o)if(Object.prototype.hasOwnProperty.call(o,s)){const e=o[s],u=l(e.products,t,i-v);u&&Object.keys(u).length>0&&(n[s]=Object.assign(Object.assign({},e),{products:u})),v+=Object.keys(null!==(d=e.products)&&void 0!==d?d:{}).length}return n},exports.shouldShowVariant=o=>{const t=Object.keys(o.variants||[]);let l=!1;return!(t.length<=1)||(t.forEach((t=>{var i,d;l=null!==(d=null===(i=o.variants)||void 0===i?void 0:i[t].name.includes(o.name))&&void 0!==d&&d})),!l)},exports.updateAllVariantsForSelectedProducts=(o,l,i)=>Object.keys(o).reduce(((d,n)=>{var v;return n in l?(d[n]=Object.assign(Object.assign({},o[n]),{products:Object.keys(null!==(v=o[n].products)&&void 0!==v?v:{}).reduce(((d,v)=>{var s,e,u,r,a,c,p,f,b,O;const j=null===(s=l[n].products)||void 0===s?void 0:s[v],h=null===(r=null===(u=null===(e=null==i?void 0:i.products)||void 0===e?void 0:e[n])||void 0===u?void 0:u.products)||void 0===r?void 0:r[v];return j?d[v]=Object.assign(Object.assign({},(null===(a=o[n].products)||void 0===a?void 0:a[v])||{}),{allVariants:t.default(j.variants)}):h?d[v]=Object.assign(Object.assign({},(null===(c=o[n].products)||void 0===c?void 0:c[v])||{}),{allVariants:t.default(h.variants)}):(null===(f=null===(p=o[n].products)||void 0===p?void 0:p[v])||void 0===f?void 0:f.allVariants)&&(d[v]=Object.assign(Object.assign({},(null===(b=o[n].products)||void 0===b?void 0:b[v])||{}),{allVariants:t.default(null===(O=o[n].products)||void 0===O?void 0:O[v].allVariants)})),d}),{})}),d):d}),{});
+"use strict";function o(o){return o&&"object"==typeof o&&"default"in o?o:{default:o}}Object.defineProperty(exports,"__esModule",{value:!0});var t=o(require("lodash/cloneDeep"));function l(o,t,l){if(!o)return{};const i=Object.keys(o).slice(l,l+t),d={};return i.forEach((t=>{d[t]=o[t]})),d}const i=(o,t,l)=>{Object.keys(o).forEach((t=>{var l,i;const d=null!==(i=null===(l=o[t])||void 0===l?void 0:l.products)&&void 0!==i?i:{};Object.keys(d).forEach((l=>{var i,d,n,v;const s=null!==(v=null===(n=null===(d=null===(i=o[t])||void 0===i?void 0:i.products)||void 0===d?void 0:d[l])||void 0===n?void 0:n.variants)&&void 0!==v?v:{};Object.keys(s).forEach((i=>{var d,n,v,s;const e=null===(s=null===(v=null===(n=null===(d=o[t])||void 0===d?void 0:d.products)||void 0===n?void 0:n[l])||void 0===v?void 0:v.variants)||void 0===s?void 0:s[i];e&&!e.fbStatus&&(e.fbStatus="APPROVED")}))}))})),t({type:l,data:o})};exports.fetchFbStatusCollection=(o,t,l,d,n,v="paged")=>{n||i(o,d,v);const s=(o=>{const t=[];return Object.keys(o).forEach((l=>{var i,d;const n=null!==(d=null===(i=o[l])||void 0===i?void 0:i.products)&&void 0!==d?d:{};Object.keys(n).forEach((i=>{var d,n,v,s;const e=null!==(s=null===(v=null===(n=null===(d=o[l])||void 0===d?void 0:d.products)||void 0===n?void 0:n[i])||void 0===v?void 0:v.variants)&&void 0!==s?s:{};Object.keys(e).forEach((d=>{var n,v,s,e;const u=null===(e=null===(s=null===(v=null===(n=o[l])||void 0===n?void 0:n.products)||void 0===v?void 0:v[i])||void 0===s?void 0:s.variants)||void 0===e?void 0:e[d];(null==u?void 0:u.fbStatus)||t.push(d)}))}))})),t})(o);s.length>0&&n&&n(t,s,l).then((t=>{const l=Object.assign({},o);Object.keys(l).forEach((o=>{var i,d;const n=null!==(d=null===(i=l[o])||void 0===i?void 0:i.products)&&void 0!==d?d:{};Object.keys(n).forEach((i=>{var d,n,v,s;const e=null!==(s=null===(v=null===(n=null===(d=l[o])||void 0===d?void 0:d.products)||void 0===n?void 0:n[i])||void 0===v?void 0:v.variants)&&void 0!==s?s:{};Object.keys(e).forEach((d=>{var n,v,s,e;const u=null===(e=null===(s=null===(v=null===(n=l[o])||void 0===n?void 0:n.products)||void 0===v?void 0:v[i])||void 0===s?void 0:s.variants)||void 0===e?void 0:e[d];u&&"REJECTED"===t[d]?u.fbStatus="REJECTED":u&&"APPROVED"===t[d]&&(u.fbStatus="APPROVED")}))}))})),d({type:v,data:l})})).catch((t=>{console.error("Error in fbStatusFetcher",t),i(o,d,v)}))},exports.getSkuId=(o,t)=>{var l;if(t)return o.skuId;const i=Object.values(null!==(l=null==o?void 0:o.variants)&&void 0!==l?l:{});return 1===i.length&&i[0].name.includes(o.name)?i[0].skuId:""},exports.getVariantIdsToFetchAtProductLevel=(o,t)=>{const l=[];return Object.keys(null!=o?o:{}).forEach((i=>{var d,n;const v=null!==(n=null===(d=null==o?void 0:o[i])||void 0===d?void 0:d.variants)&&void 0!==n?n:{};Object.keys(v).forEach((d=>{var n,v,s,e,u;let r;r=t?null===(s=null===(v=null===(n=null==t?void 0:t.products)||void 0===n?void 0:n[i])||void 0===v?void 0:v.variants)||void 0===s?void 0:s[d]:null===(u=null===(e=null==o?void 0:o[i])||void 0===e?void 0:e.variants)||void 0===u?void 0:u[d],(null==r?void 0:r.fbStatus)||l.push(d)}))})),l},exports.isCollectionPartiallyChecked=(o,t,l,i=!1)=>{var d,n,v,s;let e=0,u=0;if(i){const i=null!==(d=null==t?void 0:t.products)&&void 0!==d?d:{};e=Object.keys(i).length;const s=null!==(v=null===(n=l[o])||void 0===n?void 0:n.products)&&void 0!==v?v:{};u=Object.keys(s).length}else if(l[o]){const i=null==t?void 0:t.products;i&&Object.keys(i).forEach((o=>{var t;const l=null===(t=i[o])||void 0===t?void 0:t.variants;l&&Object.keys(l).forEach((o=>e+=1))}));const d=null===(s=l[o])||void 0===s?void 0:s.products;if(d&&Object.keys(d).forEach((o=>{var t;const l=null===(t=d[o])||void 0===t?void 0:t.variants;l&&Object.keys(l).forEach((o=>u+=1))})),e<=0&&u>0)return!1}return u>0&&e!==u},exports.isProductPartiallyChecked=(o,t,l,i,d)=>{var n,v,s,e,u,r,a,c,p,b,f,O,j,h,y,k,g,E,P;let S=0,V=0;if(null===(v=null===(n=null==l?void 0:l[o])||void 0===n?void 0:n.products)||void 0===v?void 0:v[t]){if(d)return!1;const n=(null===(u=null===(e=null===(s=null==l?void 0:l[o])||void 0===s?void 0:s.products)||void 0===e?void 0:e[t])||void 0===u?void 0:u.variants)||[];if(1===Object.keys(n).length)for(const i in n){const d=null===(a=null===(r=null==l?void 0:l[o])||void 0===r?void 0:r.products)||void 0===a?void 0:a[t],n=null===(f=null===(b=null===(p=null===(c=null==l?void 0:l[o])||void 0===c?void 0:c.products)||void 0===p?void 0:p[t])||void 0===b?void 0:b.variants)||void 0===f?void 0:f[i];if(null===(O=null==n?void 0:n.name)||void 0===O?void 0:O.includes(null!==(j=null==d?void 0:d.name)&&void 0!==j?j:""))return!1}if(null===(k=Object.keys((null===(y=null===(h=null==i?void 0:i.products)||void 0===h?void 0:h[t])||void 0===y?void 0:y.variants)||[]))||void 0===k||k.forEach((()=>V++)),Object.keys((null===(P=null===(E=null===(g=null==l?void 0:l[o])||void 0===g?void 0:g.products)||void 0===E?void 0:E[t])||void 0===P?void 0:P.variants)||[]).forEach((()=>S++)),S>0&&V!==S)return!0}return!1},exports.liftTheStateUp=(o,l)=>{const i=t.default(l);if(delete i.products,(o=Object.assign(Object.assign({},o),{catalogOnlyData:i})).productId&&l.products){const d=t.default(l.products[o.productId]);(null==d?void 0:d.variants)&&delete d.variants,o=Object.assign(Object.assign({},o),{catalogOnlyData:i,productOnlyData:d})}return o},exports.markVariantsAsApprovedProductsLevel=(o,t,l,i,d)=>{const n=Object.assign({},o);if(Object.keys(o).forEach((t=>{var l,i;Object.keys(null!==(i=null===(l=null==o?void 0:o[t])||void 0===l?void 0:l.variants)&&void 0!==i?i:{}).forEach((l=>{var i,d;const v=null===(i=null==o?void 0:o[t].variants)||void 0===i?void 0:i[l];v&&(v.fbStatus="APPROVED");const s=null===(d=null==n?void 0:n[t])||void 0===d?void 0:d.variants;s&&s[l]&&(s[l]=v)}))})),i&&d){const o=Object.assign({},i);o.products=n,d(o),t({type:"productsPaged",data:{collectionId:l,products:n}})}else t({type:"productsPaged",data:{collectionId:l,products:n}})},exports.paginateSelectedItems=function(o,t,i){var d;const n={};let v=0;for(const s in o)if(Object.prototype.hasOwnProperty.call(o,s)){const e=o[s],u=l(e.products,t,i-v);u&&Object.keys(u).length>0&&(n[s]=Object.assign(Object.assign({},e),{products:u})),v+=Object.keys(null!==(d=e.products)&&void 0!==d?d:{}).length}return n},exports.shouldShowVariant=o=>{const t=Object.keys(o.variants||[]);let l=!1;return!(t.length<=1)||(t.forEach((t=>{var i,d;l=null!==(d=null===(i=o.variants)||void 0===i?void 0:i[t].name.includes(o.name))&&void 0!==d&&d})),!l)},exports.updateAllVariantsForSelectedProducts=(o,l,i)=>Object.keys(o).reduce(((d,n)=>{var v;return n in l?(d[n]=Object.assign(Object.assign({},o[n]),{products:Object.keys(null!==(v=o[n].products)&&void 0!==v?v:{}).reduce(((d,v)=>{var s,e,u,r,a,c,p,b,f,O;const j=null===(s=l[n].products)||void 0===s?void 0:s[v],h=null===(r=null===(u=null===(e=null==i?void 0:i.products)||void 0===e?void 0:e[n])||void 0===u?void 0:u.products)||void 0===r?void 0:r[v];return j?d[v]=Object.assign(Object.assign({},(null===(a=o[n].products)||void 0===a?void 0:a[v])||{}),{allVariants:t.default(j.variants)}):h?d[v]=Object.assign(Object.assign({},(null===(c=o[n].products)||void 0===c?void 0:c[v])||{}),{allVariants:t.default(h.variants)}):(null===(b=null===(p=o[n].products)||void 0===p?void 0:p[v])||void 0===b?void 0:b.allVariants)&&(d[v]=Object.assign(Object.assign({},(null===(f=o[n].products)||void 0===f?void 0:f[v])||{}),{allVariants:t.default(null===(O=o[n].products)||void 0===O?void 0:O[v].allVariants)})),d}),{})}),d):d}),{});
 //# sourceMappingURL=utility.js.map

package/dist/cjs/components/product-picker-v2/utility.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"utility.js","sources":["../../../../src/components/product-picker-v2/utility.ts"],"sourcesContent":["import type { ApplicationType } from '@bikdotai/bik-models/growth/models/bik-store';\nimport cloneDeep from 'lodash/cloneDeep';\nimport type { CollectionsActions } from './reducers';\nimport type {\n\tCollection,\n\tFbStatusFetcherReturn,\n\tProduct,\n\tProductVariant,\n\tSearchedItems,\n\tSelectedItems,\n} from './type';\n\nexport const liftTheStateUp = (payload: any, data: any) => {\n\tconst catalogOnlyData = cloneDeep(data);\n\n\tdelete catalogOnlyData['products'];\n\n\tpayload = { ...payload, catalogOnlyData };\n\n\tif (payload.productId && data['products']) {\n\t\tconst productOnlyData = cloneDeep(data['products'][payload.productId]);\n\n\t\tif (productOnlyData?.['variants']) {\n\t\t\tdelete productOnlyData['variants'];\n\t\t}\n\n\t\tpayload = { ...payload, catalogOnlyData, productOnlyData };\n\t}\n\n\treturn payload;\n};\n\nexport function paginateSelectedItems(\n\tselectedItems: SelectedItems,\n\tlimit: number,\n\toffset: number,\n) {\n\tconst result: { [key: string]: Collection } = {};\n\tlet currentOffset = 0;\n\t// Iterate through each collection\n\tfor (const collectionKey in selectedItems) {\n\t\tif (Object.prototype.hasOwnProperty.call(selectedItems, collectionKey)) {\n\t\t\tconst collection = selectedItems[collectionKey];\n\t\t\tconst paginatedProducts = paginateProducts(\n\t\t\t\tcollection.products,\n\t\t\t\tlimit,\n\t\t\t\toffset - currentOffset,\n\t\t\t);\n\n\t\t\t// If there are products to show for this collection\n\t\t\tif (paginatedProducts && Object.keys(paginatedProducts).length > 0) {\n\t\t\t\tresult[collectionKey] = { ...collection, products: paginatedProducts };\n\t\t\t}\n\n\t\t\tcurrentOffset += Object.keys(collection.products ?? {}).length;\n\t\t}\n\t}\n\n\treturn result;\n}\n\nfunction paginateProducts(\n\tproducts: { [key: string]: Product } \| undefined,\n\tlimit: number,\n\toffset: number,\n) {\n\tif (!products) return {};\n\n\tconst productKeys = Object.keys(products);\n\tconst paginatedKeys = productKeys.slice(offset, offset + limit);\n\n\tconst paginatedProducts: { [key: string]: Product } = {};\n\n\tpaginatedKeys.forEach((key) => {\n\t\tpaginatedProducts[key] = products[key];\n\t});\n\n\treturn paginatedProducts;\n}\n\n/*\n Used on a collection level. Loops through variants of given data and checks if there is any variant which has no FB status\n /\nconst getVariantIdsToFetch = (data: SelectedItems) => {\n\tconst variantIds: string[] = [];\n\n\tObject.keys(data).forEach((collectionId) => {\n\t\tconst products = data[collectionId]?.products ?? {};\n\t\tObject.keys(products).forEach((productId) => {\n\t\t\tconst variants =\n\t\t\t\tdata[collectionId]?.products?.[productId]?.variants ?? {};\n\t\t\tObject.keys(variants).forEach((variantId) => {\n\t\t\t\tconst variant =\n\t\t\t\t\tdata[collectionId]?.products?.[productId]?.variants?.[variantId];\n\n\t\t\t\tif (!variant?.fbStatus) {\n\t\t\t\t\tvariantIds.push(variantId);\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t});\n\n\treturn variantIds;\n};\n\n/\n Loops the variants of the data, checks if there are any variant where FB status is not there and marks it as Approved.\n * Also dispatches the data, so ui will render automatically.\n \n This is to prevent infinite shimmer.\n \n Used in cases when FbStatusFetcher function is not provided or the api throws an error.\n /\nconst markVariantsAsApproved = (\n\tupdatedData: SelectedItems,\n\tdispatcher: any,\n\tdispatchType: string,\n) => {\n\tObject.keys(updatedData).forEach((collectionId) => {\n\t\tconst products = updatedData[collectionId]?.products ?? {};\n\t\tObject.keys(products).forEach((productId) => {\n\t\t\tconst variants =\n\t\t\t\tupdatedData[collectionId]?.products?.[productId]?.variants ?? {};\n\t\t\tObject.keys(variants).forEach((variantId) => {\n\t\t\t\tconst variant =\n\t\t\t\t\tupdatedData[collectionId]?.products?.[productId]?.variants?.[\n\t\t\t\t\t\tvariantId\n\t\t\t\t\t];\n\n\t\t\t\tif (variant && !variant.fbStatus) {\n\t\t\t\t\tvariant.fbStatus = 'APPROVED';\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t});\n\n\tdispatcher({\n\t\ttype: dispatchType,\n\t\tdata: updatedData,\n\t});\n};\n\n/\n 3 scenarios.\n * 1. If no api is provided -> marks everything as approved.\n * 2. If api is success -> sets the status\n * 3. If api is failure -> marks everything as approved.\n \n We first get the variant ids to fetch and only if we have variant ids, we call api.\n /\nexport const fetchFbStatusCollection = (\n\tdata: SelectedItems,\n\tstoreId: string,\n\tappType: ApplicationType,\n\tdispatcher: any,\n\tfbStatusFetcher?: (\n\t\tstoreId: string,\n\t\tvariantIds: string[],\n\t\tappType: ApplicationType,\n\t) => FbStatusFetcherReturn,\n\tdispatchType = 'paged',\n) => {\n\tif (!fbStatusFetcher) {\n\t\tmarkVariantsAsApproved(data, dispatcher, dispatchType);\n\t}\n\n\tconst variantIds = getVariantIdsToFetch(data);\n\n\tif (variantIds.length > 0 && fbStatusFetcher) {\n\t\tfbStatusFetcher(storeId, variantIds, appType)\n\t\t\t.then((response) => {\n\t\t\t\tconst updatedData = { ...data };\n\t\t\t\tObject.keys(updatedData).forEach((collectionId) => {\n\t\t\t\t\tconst products = updatedData[collectionId]?.products ?? {};\n\t\t\t\t\tObject.keys(products).forEach((productId) => {\n\t\t\t\t\t\tconst variants =\n\t\t\t\t\t\t\tupdatedData[collectionId]?.products?.[productId]?.variants ?? {};\n\t\t\t\t\t\tObject.keys(variants).forEach((variantId) => {\n\t\t\t\t\t\t\tconst variant =\n\t\t\t\t\t\t\t\tupdatedData[collectionId]?.products?.[productId]?.variants?.[\n\t\t\t\t\t\t\t\t\tvariantId\n\t\t\t\t\t\t\t\t];\n\n\t\t\t\t\t\t\tif (variant && response[variantId] === 'REJECTED') {\n\t\t\t\t\t\t\t\tvariant.fbStatus = 'REJECTED';\n\t\t\t\t\t\t\t} else if (variant && response[variantId] === 'APPROVED') {\n\t\t\t\t\t\t\t\tvariant.fbStatus = 'APPROVED';\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t});\n\t\t\t\t\t});\n\t\t\t\t});\n\n\t\t\t\tdispatcher({\n\t\t\t\t\ttype: dispatchType,\n\t\t\t\t\tdata: updatedData,\n\t\t\t\t});\n\t\t\t})\n\t\t\t.catch((e) => {\n\t\t\t\tconsole.error('Error in fbStatusFetcher', e);\n\t\t\t\tmarkVariantsAsApproved(data, dispatcher, dispatchType);\n\t\t\t});\n\t}\n};\n\n/\n Instead of collection level, we do it product level.\n \n For more info refer @function getVariantIdsToFetch\n /\nexport const getVariantIdsToFetchAtProductLevel = (\n\tproducts: {\n\t\t[key: string]: Product;\n\t},\n\tglobalData?: Collection,\n) => {\n\tconst variantIds: string[] = [];\n\tObject.keys(products ?? {}).forEach((productId) => {\n\t\tconst variants = products?.[productId]?.variants ?? {};\n\n\t\tObject.keys(variants).forEach((variantId) => {\n\t\t\tlet variant;\n\n\t\t\tif (globalData) {\n\t\t\t\tvariant = globalData?.['products']?.[productId]?.variants?.[variantId];\n\t\t\t} else {\n\t\t\t\tvariant = products?.[productId]?.variants?.[variantId];\n\t\t\t}\n\n\t\t\tif (!variant?.fbStatus) {\n\t\t\t\tvariantIds.push(variantId);\n\t\t\t}\n\t\t});\n\t});\n\n\treturn variantIds;\n};\n\n/\n Instead of collection level, we do it product level.\n \n For more info refer @function markVariantsAsApproved\n /\nexport const markVariantsAsApprovedProductsLevel = (\n\tproducts: {\n\t\t[key: string]: Product;\n\t},\n\tdispatcher: React.Dispatch<CollectionsActions>,\n\tcollectionId: string,\n\tcurScreenData?: Collection,\n\tsetCurScreenData?: React.Dispatch<React.SetStateAction<Collection>>,\n) => {\n\tconst updatedProducts = { ...products };\n\n\tObject.keys(products).forEach((productId) => {\n\t\tObject.keys(products?.[productId]?.variants ?? {}).forEach((vId) => {\n\t\t\tconst v = products?.[productId].variants?.[vId];\n\n\t\t\tif (v) {\n\t\t\t\tv.fbStatus = 'APPROVED';\n\t\t\t}\n\n\t\t\tconst updatedVariants = updatedProducts?.[productId]?.variants;\n\t\t\tif (updatedVariants && updatedVariants[vId]) {\n\t\t\t\t//@ts-ignore\n\t\t\t\tupdatedVariants[vId] = v;\n\t\t\t}\n\t\t});\n\t});\n\n\tif (curScreenData && setCurScreenData) {\n\t\tconst dataCopy = { ...curScreenData };\n\t\tdataCopy.products = updatedProducts;\n\t\tsetCurScreenData(dataCopy);\n\t\tdispatcher({\n\t\t\ttype: 'productsPaged',\n\t\t\tdata: {\n\t\t\t\tcollectionId,\n\t\t\t\tproducts: updatedProducts,\n\t\t\t},\n\t\t});\n\t} else {\n\t\tdispatcher({\n\t\t\ttype: 'productsPaged',\n\t\t\tdata: {\n\t\t\t\tcollectionId,\n\t\t\t\tproducts: updatedProducts,\n\t\t\t},\n\t\t});\n\t}\n};\n\n/\n If product has only one variant and variant name has product name, returns false.\n * Other cases returns true.\n */\nexport const shouldShowVariant = (data: Product) => {\n\tconst variants = Object.keys(data['variants'] \|\| []);\n\tlet variantSameNameAsProdut = false;\n\tif (variants.length <= 1) {\n\t\tvariants.forEach((variant) => {\n\t\t\tvariantSameNameAsProdut =\n\t\t\t\tdata['variants']?.[variant].name.includes(data.name) ?? false;\n\t\t});\n\t} else {\n\t\treturn true;\n\t}\n\treturn !variantSameNameAsProdut;\n};\n\nexport const isProductPartiallyChecked = (\n\tcollectionId: string,\n\tproductId: string,\n\tselectedData: SelectedItems,\n\tcurrentCollection: Collection,\n\thideProductVariants?: boolean,\n) => {\n\tlet totalSelectedVariants = 0;\n\tlet totalVariants = 0;\n\n\t// For products with single variant, we can show tick by default\n\tif (selectedData?.[collectionId]?.['products']?.[productId]) {\n\t\tif (hideProductVariants) {\n\t\t\treturn false;\n\t\t}\n\n\t\tconst variants =\n\t\t\tselectedData?.[collectionId]?.['products']?.[productId]?.['variants'] \|\|\n\t\t\t[];\n\n\t\tif (Object.keys(variants).length === 1) {\n\t\t\tfor (const variantId in variants) {\n\t\t\t\tconst product = selectedData?.[collectionId]?.['products']?.[productId];\n\t\t\t\tconst variant =\n\t\t\t\t\tselectedData?.[collectionId]?.['products']?.[productId]?.[\n\t\t\t\t\t\t'variants'\n\t\t\t\t\t]?.[variantId];\n\n\t\t\t\tif (variant?.name?.includes(product?.name ?? '')) {\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tObject.keys(\n\t\t\tcurrentCollection?.['products']?.[productId]?.['variants'] \|\| [],\n\t\t)?.forEach(() => totalVariants++);\n\n\t\tObject.keys(\n\t\t\tselectedData?.[collectionId]?.['products']?.[productId]?.['variants'] \|\|\n\t\t\t\t[],\n\t\t).forEach(() => totalSelectedVariants++);\n\n\t\tif (totalSelectedVariants > 0 && totalVariants !== totalSelectedVariants) {\n\t\t\treturn true;\n\t\t}\n\t}\n\n\treturn false;\n};\n\nexport const isCollectionPartiallyChecked = (\n\tcollectionId: string,\n\tcollection: Collection,\n\tselectedCollections: SelectedItems,\n\thideProductVariants = false,\n) => {\n\tlet totalProducts = 0;\n\tlet totalSelectedProducts = 0;\n\n\tif (hideProductVariants) {\n\t\tconst products = collection?.['products'] ?? {};\n\t\ttotalProducts = Object.keys(products).length;\n\t\tconst selectedProducts =\n\t\t\tselectedCollections[collectionId]?.['products'] ?? {};\n\t\ttotalSelectedProducts = Object.keys(selectedProducts).length;\n\t} else {\n\t\tif (selectedCollections[collectionId]) {\n\t\t\tconst products = collection?.['products'];\n\n\t\t\tif (products) {\n\t\t\t\tObject.keys(products).forEach((productId) => {\n\t\t\t\t\tconst variants = products[productId]?.['variants'];\n\n\t\t\t\t\tif (variants) {\n\t\t\t\t\t\tObject.keys(variants).forEach((id) => (totalProducts += 1));\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tconst selectedProducts = selectedCollections[collectionId]?.['products'];\n\t\t\tif (selectedProducts) {\n\t\t\t\tObject.keys(selectedProducts).forEach((productId) => {\n\t\t\t\t\tconst variants = selectedProducts[productId]?.['variants'];\n\n\t\t\t\t\tif (variants) {\n\t\t\t\t\t\tObject.keys(variants).forEach((id) => (totalSelectedProducts += 1));\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tif (totalProducts <= 0 && totalSelectedProducts > 0) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t}\n\t}\n\tif (totalSelectedProducts > 0 && totalProducts !== totalSelectedProducts)\n\t\treturn true;\n\n\treturn false;\n};\n\nexport const updateAllVariantsForSelectedProducts = (\n\tselectedItems: {\n\t\t[key: string]: {\n\t\t\tname: string;\n\t\t\timage: string;\n\t\t\tisSmartCollection: boolean;\n\t\t\tproducts?: { [key: string]: Product & { allVariants?: ProductVariant } };\n\t\t};\n\t},\n\tcollections: Collection,\n\tsearchedProducts: SearchedItems,\n) => {\n\tconst updatedSelectedItems = Object.keys(selectedItems).reduce(\n\t\t(updatedCollections, collectionId) => {\n\t\t\t// Check if the collection exists in `collections`\n\t\t\tif (!(collectionId in collections)) {\n\t\t\t\treturn updatedCollections;\n\t\t\t}\n\n\t\t\t// Process products inside the collection\n\t\t\tupdatedCollections[collectionId] = {\n\t\t\t\t...selectedItems[collectionId], // Preserve collection-level data\n\t\t\t\tproducts: Object.keys(\n\t\t\t\t\tselectedItems[collectionId].products ?? {},\n\t\t\t\t).reduce((updatedProducts, productId) => {\n\t\t\t\t\tconst productInCollection =\n\t\t\t\t\t\tcollections[collectionId].products?.[productId];\n\t\t\t\t\tconst productInCollectionSearched =\n\t\t\t\t\t\tsearchedProducts?.products?.[collectionId]?.products?.[productId];\n\t\t\t\t\t// Check if the product exists in `collections`\n\t\t\t\t\tif (productInCollection) {\n\t\t\t\t\t\t//for newly selected products\n\t\t\t\t\t\tupdatedProducts[productId] = {\n\t\t\t\t\t\t\t...(selectedItems[collectionId].products?.[productId] \|\| {}),\n\t\t\t\t\t\t\tallVariants: cloneDeep(productInCollection.variants),\n\t\t\t\t\t\t};\n\t\t\t\t\t} else if (productInCollectionSearched) {\n\t\t\t\t\t\tupdatedProducts[productId] = {\n\t\t\t\t\t\t\t...(selectedItems[collectionId].products?.[productId] \|\| {}),\n\t\t\t\t\t\t\tallVariants: cloneDeep(productInCollectionSearched.variants),\n\t\t\t\t\t\t};\n\t\t\t\t\t} else if (\n\t\t\t\t\t\tselectedItems[collectionId].products?.[productId]?.allVariants\n\t\t\t\t\t) {\n\t\t\t\t\t\t//for preselected products as it might necessarily be present in currently selected collections\n\n\t\t\t\t\t\tupdatedProducts[productId] = {\n\t\t\t\t\t\t\t...(selectedItems[collectionId].products?.[productId] \|\| {}), // Keep original data\n\t\t\t\t\t\t\tallVariants: cloneDeep(\n\t\t\t\t\t\t\t\tselectedItems[collectionId].products?.[productId].allVariants, // Add all variants\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t};\n\t\t\t\t\t}\n\t\t\t\t\treturn updatedProducts;\n\t\t\t\t}, {} as Record<string, any>),\n\t\t\t};\n\t\t\treturn updatedCollections;\n\t\t},\n\t\t{} as Record<string, any>,\n\t);\n\treturn updatedSelectedItems;\n};\n\nexport const getSkuId = (\n\tproduct: Product \| ProductVariant,\n\tisVariant: boolean,\n) => {\n\tif (isVariant) {\n\t\treturn (product as ProductVariant).skuId;\n\t}\n\t//id product has only one default variant, return the skuId of that variant\n\tconst variants = Object.values((product as Product)?.variants ?? {});\n\n\tif (\n\t\tvariants.length === 1 &&\n\t\tvariants[0].name.includes((product as Product).name)\n\t) {\n\t\treturn variants[0].skuId;\n\t}\n\n\treturn '';\n};\n"],"names":["paginateProducts","products","limit","offset","paginatedKeys","Object","keys","slice","paginatedProducts","forEach","key","markVariantsAsApproved","updatedData","dispatcher","dispatchType","collectionId","_b","_a","productId","variants","_d","variantId","variant","_c","fbStatus","type","data","storeId","appType","fbStatusFetcher","arguments","length","undefined","variantIds","push","getVariantIdsToFetch","then","response","assign","catch","e","console","error","getSkuId","product","isVariant","skuId","values","name","includes","getVariantIdsToFetchAtProductLevel","globalData","_e","collection","selectedCollections","totalProducts","totalSelectedProducts","selectedProducts","id","isProductPartiallyChecked","selectedData","currentCollection","hideProductVariants","totalSelectedVariants","totalVariants","_g","_f","_l","_k","_j","_h","_m","_o","_r","_q","_p","_t","_s","_u","liftTheStateUp","payload","catalogOnlyData","cloneDeep","productOnlyData","markVariantsAsApprovedProductsLevel","curScreenData","setCurScreenData","updatedProducts","vId","v","updatedVariants","dataCopy","selectedItems","result","currentOffset","collectionKey","prototype","hasOwnProperty","call","variantSameNameAsProdut","updateAllVariantsForSelectedProducts","collections","searchedProducts","reduce","updatedCollections","productInCollection","productInCollectionSearched","allVariants"],"mappings":"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"}
1	+ {"version":3,"file":"utility.js","sources":["../../../../src/components/product-picker-v2/utility.ts"],"sourcesContent":["import type { ApplicationType } from '@bikdotai/bik-models/growth/models/bik-store';\nimport cloneDeep from 'lodash/cloneDeep';\nimport type { CollectionsActions } from './reducers';\nimport type {\n\tCollection,\n\tFbStatusFetcherReturn,\n\tProduct,\n\tProductVariant,\n\tSearchedItems,\n\tSelectedItems,\n} from './type';\n\nexport const liftTheStateUp = (payload: any, data: any) => {\n\tconst catalogOnlyData = cloneDeep(data);\n\n\tdelete catalogOnlyData['products'];\n\n\tpayload = { ...payload, catalogOnlyData };\n\n\tif (payload.productId && data['products']) {\n\t\tconst productOnlyData = cloneDeep(data['products'][payload.productId]);\n\n\t\tif (productOnlyData?.['variants']) {\n\t\t\tdelete productOnlyData['variants'];\n\t\t}\n\n\t\tpayload = { ...payload, catalogOnlyData, productOnlyData };\n\t}\n\n\treturn payload;\n};\n\nexport function paginateSelectedItems(\n\tselectedItems: SelectedItems,\n\tlimit: number,\n\toffset: number,\n) {\n\tconst result: { [key: string]: Collection } = {};\n\tlet currentOffset = 0;\n\t// Iterate through each collection\n\tfor (const collectionKey in selectedItems) {\n\t\tif (Object.prototype.hasOwnProperty.call(selectedItems, collectionKey)) {\n\t\t\tconst collection = selectedItems[collectionKey];\n\t\t\tconst paginatedProducts = paginateProducts(\n\t\t\t\tcollection.products,\n\t\t\t\tlimit,\n\t\t\t\toffset - currentOffset,\n\t\t\t);\n\n\t\t\t// If there are products to show for this collection\n\t\t\tif (paginatedProducts && Object.keys(paginatedProducts).length > 0) {\n\t\t\t\tresult[collectionKey] = { ...collection, products: paginatedProducts };\n\t\t\t}\n\n\t\t\tcurrentOffset += Object.keys(collection.products ?? {}).length;\n\t\t}\n\t}\n\n\treturn result;\n}\n\nfunction paginateProducts(\n\tproducts: { [key: string]: Product } \| undefined,\n\tlimit: number,\n\toffset: number,\n) {\n\tif (!products) return {};\n\n\tconst productKeys = Object.keys(products);\n\tconst paginatedKeys = productKeys.slice(offset, offset + limit);\n\n\tconst paginatedProducts: { [key: string]: Product } = {};\n\n\tpaginatedKeys.forEach((key) => {\n\t\tpaginatedProducts[key] = products[key];\n\t});\n\n\treturn paginatedProducts;\n}\n\n/*\n Used on a collection level. Loops through variants of given data and checks if there is any variant which has no FB status\n /\nconst getVariantIdsToFetch = (data: SelectedItems) => {\n\tconst variantIds: string[] = [];\n\n\tObject.keys(data).forEach((collectionId) => {\n\t\tconst products = data[collectionId]?.products ?? {};\n\t\tObject.keys(products).forEach((productId) => {\n\t\t\tconst variants =\n\t\t\t\tdata[collectionId]?.products?.[productId]?.variants ?? {};\n\t\t\tObject.keys(variants).forEach((variantId) => {\n\t\t\t\tconst variant =\n\t\t\t\t\tdata[collectionId]?.products?.[productId]?.variants?.[variantId];\n\n\t\t\t\tif (!variant?.fbStatus) {\n\t\t\t\t\tvariantIds.push(variantId);\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t});\n\n\treturn variantIds;\n};\n\n/\n Loops the variants of the data, checks if there are any variant where FB status is not there and marks it as Approved.\n * Also dispatches the data, so ui will render automatically.\n \n This is to prevent infinite shimmer.\n \n Used in cases when FbStatusFetcher function is not provided or the api throws an error.\n /\nconst markVariantsAsApproved = (\n\tupdatedData: SelectedItems,\n\tdispatcher: any,\n\tdispatchType: string,\n) => {\n\tObject.keys(updatedData).forEach((collectionId) => {\n\t\tconst products = updatedData[collectionId]?.products ?? {};\n\t\tObject.keys(products).forEach((productId) => {\n\t\t\tconst variants =\n\t\t\t\tupdatedData[collectionId]?.products?.[productId]?.variants ?? {};\n\t\t\tObject.keys(variants).forEach((variantId) => {\n\t\t\t\tconst variant =\n\t\t\t\t\tupdatedData[collectionId]?.products?.[productId]?.variants?.[\n\t\t\t\t\t\tvariantId\n\t\t\t\t\t];\n\n\t\t\t\tif (variant && !variant.fbStatus) {\n\t\t\t\t\tvariant.fbStatus = 'APPROVED';\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t});\n\n\tdispatcher({\n\t\ttype: dispatchType,\n\t\tdata: updatedData,\n\t});\n};\n\n/\n 3 scenarios.\n * 1. If no api is provided -> marks everything as approved.\n * 2. If api is success -> sets the status\n * 3. If api is failure -> marks everything as approved.\n \n We first get the variant ids to fetch and only if we have variant ids, we call api.\n /\nexport const fetchFbStatusCollection = (\n\tdata: SelectedItems,\n\tstoreId: string,\n\tappType: ApplicationType,\n\tdispatcher: any,\n\tfbStatusFetcher?: (\n\t\tstoreId: string,\n\t\tvariantIds: string[],\n\t\tappType: ApplicationType,\n\t) => FbStatusFetcherReturn,\n\tdispatchType = 'paged',\n) => {\n\tif (!fbStatusFetcher) {\n\t\tmarkVariantsAsApproved(data, dispatcher, dispatchType);\n\t}\n\n\tconst variantIds = getVariantIdsToFetch(data);\n\n\tif (variantIds.length > 0 && fbStatusFetcher) {\n\t\tfbStatusFetcher(storeId, variantIds, appType)\n\t\t\t.then((response) => {\n\t\t\t\tconst updatedData = { ...data };\n\t\t\t\tObject.keys(updatedData).forEach((collectionId) => {\n\t\t\t\t\tconst products = updatedData[collectionId]?.products ?? {};\n\t\t\t\t\tObject.keys(products).forEach((productId) => {\n\t\t\t\t\t\tconst variants =\n\t\t\t\t\t\t\tupdatedData[collectionId]?.products?.[productId]?.variants ?? {};\n\t\t\t\t\t\tObject.keys(variants).forEach((variantId) => {\n\t\t\t\t\t\t\tconst variant =\n\t\t\t\t\t\t\t\tupdatedData[collectionId]?.products?.[productId]?.variants?.[\n\t\t\t\t\t\t\t\t\tvariantId\n\t\t\t\t\t\t\t\t];\n\n\t\t\t\t\t\t\tif (variant && response[variantId] === 'REJECTED') {\n\t\t\t\t\t\t\t\tvariant.fbStatus = 'REJECTED';\n\t\t\t\t\t\t\t} else if (variant && response[variantId] === 'APPROVED') {\n\t\t\t\t\t\t\t\tvariant.fbStatus = 'APPROVED';\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t});\n\t\t\t\t\t});\n\t\t\t\t});\n\n\t\t\t\tdispatcher({\n\t\t\t\t\ttype: dispatchType,\n\t\t\t\t\tdata: updatedData,\n\t\t\t\t});\n\t\t\t})\n\t\t\t.catch((e) => {\n\t\t\t\tconsole.error('Error in fbStatusFetcher', e);\n\t\t\t\tmarkVariantsAsApproved(data, dispatcher, dispatchType);\n\t\t\t});\n\t}\n};\n\n/\n Instead of collection level, we do it product level.\n \n For more info refer @function getVariantIdsToFetch\n /\nexport const getVariantIdsToFetchAtProductLevel = (\n\tproducts: {\n\t\t[key: string]: Product;\n\t},\n\tglobalData?: Collection,\n) => {\n\tconst variantIds: string[] = [];\n\tObject.keys(products ?? {}).forEach((productId) => {\n\t\tconst variants = products?.[productId]?.variants ?? {};\n\n\t\tObject.keys(variants).forEach((variantId) => {\n\t\t\tlet variant;\n\n\t\t\tif (globalData) {\n\t\t\t\tvariant = globalData?.['products']?.[productId]?.variants?.[variantId];\n\t\t\t} else {\n\t\t\t\tvariant = products?.[productId]?.variants?.[variantId];\n\t\t\t}\n\n\t\t\tif (!variant?.fbStatus) {\n\t\t\t\tvariantIds.push(variantId);\n\t\t\t}\n\t\t});\n\t});\n\n\treturn variantIds;\n};\n\n/\n Instead of collection level, we do it product level.\n \n For more info refer @function markVariantsAsApproved\n /\nexport const markVariantsAsApprovedProductsLevel = (\n\tproducts: {\n\t\t[key: string]: Product;\n\t},\n\tdispatcher: React.Dispatch<CollectionsActions>,\n\tcollectionId: string,\n\tcurScreenData?: Collection,\n\tsetCurScreenData?: React.Dispatch<React.SetStateAction<Collection>>,\n) => {\n\tconst updatedProducts = { ...products };\n\n\tObject.keys(products).forEach((productId) => {\n\t\tObject.keys(products?.[productId]?.variants ?? {}).forEach((vId) => {\n\t\t\tconst v = products?.[productId].variants?.[vId];\n\n\t\t\tif (v) {\n\t\t\t\tv.fbStatus = 'APPROVED';\n\t\t\t}\n\n\t\t\tconst updatedVariants = updatedProducts?.[productId]?.variants;\n\t\t\tif (updatedVariants && updatedVariants[vId]) {\n\t\t\t\t//@ts-ignore\n\t\t\t\tupdatedVariants[vId] = v;\n\t\t\t}\n\t\t});\n\t});\n\n\tif (curScreenData && setCurScreenData) {\n\t\tconst dataCopy = { ...curScreenData };\n\t\tdataCopy.products = updatedProducts;\n\t\tsetCurScreenData(dataCopy);\n\t\tdispatcher({\n\t\t\ttype: 'productsPaged',\n\t\t\tdata: {\n\t\t\t\tcollectionId,\n\t\t\t\tproducts: updatedProducts,\n\t\t\t},\n\t\t});\n\t} else {\n\t\tdispatcher({\n\t\t\ttype: 'productsPaged',\n\t\t\tdata: {\n\t\t\t\tcollectionId,\n\t\t\t\tproducts: updatedProducts,\n\t\t\t},\n\t\t});\n\t}\n};\n\n/\n If product has only one variant and variant name has product name, returns false.\n * Other cases returns true.\n */\nexport const shouldShowVariant = (data: Product) => {\n\tconst variants = Object.keys(data['variants'] \|\| []);\n\tlet variantSameNameAsProdut = false;\n\tif (variants.length <= 1) {\n\t\tvariants.forEach((variant) => {\n\t\t\tvariantSameNameAsProdut =\n\t\t\t\tdata['variants']?.[variant].name.includes(data.name) ?? false;\n\t\t});\n\t} else {\n\t\treturn true;\n\t}\n\treturn !variantSameNameAsProdut;\n};\n\nexport const isProductPartiallyChecked = (\n\tcollectionId: string,\n\tproductId: string,\n\tselectedData: SelectedItems,\n\tcurrentCollection: Collection,\n\thideProductVariants?: boolean,\n) => {\n\tlet totalSelectedVariants = 0;\n\tlet totalVariants = 0;\n\n\t// For products with single variant, we can show tick by default\n\tif (selectedData?.[collectionId]?.['products']?.[productId]) {\n\t\tif (hideProductVariants) {\n\t\t\treturn false;\n\t\t}\n\n\t\tconst variants =\n\t\t\tselectedData?.[collectionId]?.['products']?.[productId]?.['variants'] \|\|\n\t\t\t[];\n\n\t\tif (Object.keys(variants).length === 1) {\n\t\t\tfor (const variantId in variants) {\n\t\t\t\tconst product = selectedData?.[collectionId]?.['products']?.[productId];\n\t\t\t\tconst variant =\n\t\t\t\t\tselectedData?.[collectionId]?.['products']?.[productId]?.[\n\t\t\t\t\t\t'variants'\n\t\t\t\t\t]?.[variantId];\n\n\t\t\t\tif (variant?.name?.includes(product?.name ?? '')) {\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tObject.keys(\n\t\t\tcurrentCollection?.['products']?.[productId]?.['variants'] \|\| [],\n\t\t)?.forEach(() => totalVariants++);\n\n\t\tObject.keys(\n\t\t\tselectedData?.[collectionId]?.['products']?.[productId]?.['variants'] \|\|\n\t\t\t\t[],\n\t\t).forEach(() => totalSelectedVariants++);\n\n\t\tif (totalSelectedVariants > 0 && totalVariants !== totalSelectedVariants) {\n\t\t\treturn true;\n\t\t}\n\t}\n\n\treturn false;\n};\n\nexport const isCollectionPartiallyChecked = (\n\tcollectionId: string,\n\tcollection: Collection,\n\tselectedCollections: SelectedItems,\n\thideProductVariants = false,\n) => {\n\tlet totalProducts = 0;\n\tlet totalSelectedProducts = 0;\n\n\tif (hideProductVariants) {\n\t\tconst products = collection?.['products'] ?? {};\n\t\ttotalProducts = Object.keys(products).length;\n\t\tconst selectedProducts =\n\t\t\tselectedCollections[collectionId]?.['products'] ?? {};\n\t\ttotalSelectedProducts = Object.keys(selectedProducts).length;\n\t} else {\n\t\tif (selectedCollections[collectionId]) {\n\t\t\tconst products = collection?.['products'];\n\n\t\t\tif (products) {\n\t\t\t\tObject.keys(products).forEach((productId) => {\n\t\t\t\t\tconst variants = products[productId]?.['variants'];\n\n\t\t\t\t\tif (variants) {\n\t\t\t\t\t\tObject.keys(variants).forEach((id) => (totalProducts += 1));\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tconst selectedProducts = selectedCollections[collectionId]?.['products'];\n\t\t\tif (selectedProducts) {\n\t\t\t\tObject.keys(selectedProducts).forEach((productId) => {\n\t\t\t\t\tconst variants = selectedProducts[productId]?.['variants'];\n\n\t\t\t\t\tif (variants) {\n\t\t\t\t\t\tObject.keys(variants).forEach((id) => (totalSelectedProducts += 1));\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tif (totalProducts <= 0 && totalSelectedProducts > 0) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t}\n\t}\n\tif (totalSelectedProducts > 0 && totalProducts !== totalSelectedProducts)\n\t\treturn true;\n\n\treturn false;\n};\n\nexport const updateAllVariantsForSelectedProducts = (\n\tselectedItems: {\n\t\t[key: string]: {\n\t\t\tname: string;\n\t\t\timage: string;\n\t\t\tisSmartCollection: boolean;\n\t\t\tproducts?: { [key: string]: Product & { allVariants?: ProductVariant } };\n\t\t};\n\t},\n\tcollections: Collection,\n\tsearchedProducts: SearchedItems,\n) => {\n\tconst updatedSelectedItems = Object.keys(selectedItems).reduce(\n\t\t(updatedCollections, collectionId) => {\n\t\t\t// Check if the collection exists in `collections`\n\t\t\tif (!(collectionId in collections)) {\n\t\t\t\treturn updatedCollections;\n\t\t\t}\n\n\t\t\t// Process products inside the collection\n\t\t\tupdatedCollections[collectionId] = {\n\t\t\t\t...selectedItems[collectionId], // Preserve collection-level data\n\t\t\t\tproducts: Object.keys(\n\t\t\t\t\tselectedItems[collectionId].products ?? {},\n\t\t\t\t).reduce((updatedProducts, productId) => {\n\t\t\t\t\tconst productInCollection =\n\t\t\t\t\t\tcollections[collectionId].products?.[productId];\n\t\t\t\t\tconst productInCollectionSearched =\n\t\t\t\t\t\tsearchedProducts?.products?.[collectionId]?.products?.[productId];\n\t\t\t\t\t// Check if the product exists in `collections`\n\t\t\t\t\tif (productInCollection) {\n\t\t\t\t\t\t//for newly selected products\n\t\t\t\t\t\tupdatedProducts[productId] = {\n\t\t\t\t\t\t\t...(selectedItems[collectionId].products?.[productId] \|\| {}),\n\t\t\t\t\t\t\tallVariants: cloneDeep(productInCollection.variants),\n\t\t\t\t\t\t};\n\t\t\t\t\t} else if (productInCollectionSearched) {\n\t\t\t\t\t\tupdatedProducts[productId] = {\n\t\t\t\t\t\t\t...(selectedItems[collectionId].products?.[productId] \|\| {}),\n\t\t\t\t\t\t\tallVariants: cloneDeep(productInCollectionSearched.variants),\n\t\t\t\t\t\t};\n\t\t\t\t\t} else if (\n\t\t\t\t\t\tselectedItems[collectionId].products?.[productId]?.allVariants\n\t\t\t\t\t) {\n\t\t\t\t\t\t//for preselected products as it might necessarily be present in currently selected collections\n\n\t\t\t\t\t\tupdatedProducts[productId] = {\n\t\t\t\t\t\t\t...(selectedItems[collectionId].products?.[productId] \|\| {}), // Keep original data\n\t\t\t\t\t\t\tallVariants: cloneDeep(\n\t\t\t\t\t\t\t\tselectedItems[collectionId].products?.[productId].allVariants, // Add all variants\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t};\n\t\t\t\t\t}\n\t\t\t\t\treturn updatedProducts;\n\t\t\t\t}, {} as Record<string, any>),\n\t\t\t};\n\t\t\treturn updatedCollections;\n\t\t},\n\t\t{} as Record<string, any>,\n\t);\n\treturn updatedSelectedItems;\n};\n\nexport const getSkuId = (\n\tproduct: Product \| ProductVariant,\n\tisVariant: boolean,\n) => {\n\tif (isVariant) {\n\t\treturn (product as ProductVariant).skuId;\n\t}\n\t//id product has only one default variant, return the skuId of that variant\n\tconst variants = Object.values((product as Product)?.variants ?? {});\n\n\tif (\n\t\tvariants.length === 1 &&\n\t\tvariants[0].name.includes((product as Product).name)\n\t) {\n\t\treturn variants[0].skuId;\n\t}\n\n\treturn '';\n};\n"],"names":["paginateProducts","products","limit","offset","paginatedKeys","Object","keys","slice","paginatedProducts","forEach","key","markVariantsAsApproved","updatedData","dispatcher","dispatchType","collectionId","_b","_a","productId","variants","_d","variantId","variant","_c","fbStatus","type","data","fetchFbStatusCollection","storeId","appType","fbStatusFetcher","variantIds","push","getVariantIdsToFetch","length","then","response","assign","catch","e","console","error","getSkuId","product","isVariant","skuId","values","name","includes","getVariantIdsToFetchAtProductLevel","globalData","_e","isCollectionPartiallyChecked","collection","selectedCollections","hideProductVariants","totalProducts","totalSelectedProducts","selectedProducts","id","isProductPartiallyChecked","selectedData","currentCollection","totalSelectedVariants","totalVariants","_g","_f","_l","_k","_j","_h","_m","_o","_r","_q","_p","_t","_s","_u","liftTheStateUp","payload","catalogOnlyData","cloneDeep","productOnlyData","markVariantsAsApprovedProductsLevel","curScreenData","setCurScreenData","updatedProducts","vId","v","updatedVariants","dataCopy","selectedItems","result","currentOffset","collectionKey","prototype","hasOwnProperty","call","variantSameNameAsProdut","updateAllVariantsForSelectedProducts","collections","searchedProducts","reduce","updatedCollections","productInCollection","productInCollectionSearched","allVariants"],"mappings":"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"}

package/dist/cjs/components/product-picker-v2/variant.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"variant.js","sources":["../../../../src/components/product-picker-v2/variant.tsx"],"sourcesContent":["/*\n Has necessary types for variant.\n * 1. ProductVariantForRearrange - type\n * 2. VariantCardInterface - interface\n * 3. VariantCardListView - React component\n * 4. VariantCardGridView - React component\n /\nimport DeleteIcon from '@src/assets/icons/delete.svg';\nimport DragHandleIcon from '@src/assets/icons/drag_handle.svg';\nimport { Tooltip } from '@src/components/tooltips';\nimport { COLORS } from '@src/constants/Theme';\nimport { IconButton } from '../icon-button';\nimport { ShimmerImage } from '../shimmer-image';\nimport { BodyCaption, TitleSmall } from '../TypographyStyle';\nimport { CurrencySymbols } from './constants';\nimport { ProductHelper } from './helpers/ProductHelper';\nimport { ProductPickerTag } from './ProductPickerTag';\nimport type { SelectedCollectionsActions } from './reducers';\nimport {\n\tEllipsedBodyTiny,\n\tProductInfo,\n\tProductSubTitle,\n\tSKUIDBadge,\n\tVariantCardGridStyle,\n\tVariantCardListStyle,\n} from './style';\nimport {\n\tOUT_OF_STOCK_ACTION,\n\ttype ProductVariant,\n\ttype ProductVariantForRearrange,\n} from './type';\n\n/\n Props type for variant card in rearrange screen\n /\nexport interface VariantCardInterface {\n\tdata: ProductVariantForRearrange;\n\tselectedCollectionsDispatch?: React.Dispatch<SelectedCollectionsActions>;\n\toutOfStockAction?: OUT_OF_STOCK_ACTION;\n\tonDelete?: () => void;\n}\n\n/\n Variant card in list view format.\n * Displays image, name and delete icon\n /\nexport const VariantCardListView = (props: VariantCardInterface) => {\n\tconst { data, selectedCollectionsDispatch, outOfStockAction } = props;\n\n\tconst getDisplayName = () => {\n\t\tlet displayName;\n\n\t\tif (data.name.includes(data.productName)) {\n\t\t\tdisplayName = data.name;\n\t\t} else {\n\t\t\tdisplayName = `${data.productName} ${data.name}`;\n\t\t}\n\n\t\treturn displayName;\n\t};\n\n\tconst { dataForProductPickerTag, tagText, tagType } =\n\t\tProductHelper.getDataForProductPickerTag(data, true, outOfStockAction);\n\n\tconst currencyAndPrice = `${\n\t\tdata.currency ? CurrencySymbols[data.currency] ?? '' : ''\n\t}${data.price ?? data.actualPrice ?? ''}`;\n\n\t//show skuid for every variant\n\t//show skuid for product if there is only one variant (as the product itself is the variant)\n\tconst skuId = (data as ProductVariant).skuId;\n\n\treturn (\n\t\t<VariantCardListStyle>\n\t\t\t<div className=\"text-container\">\n\t\t\t\t<DragHandleIcon\n\t\t\t\t\twidth={24}\n\t\t\t\t\theight={24}\n\t\t\t\t\tcolor={COLORS.content.placeholder}\n\t\t\t\t/>\n\t\t\t\t<div>\n\t\t\t\t\t<ShimmerImage\n\t\t\t\t\t\tkey={data.variantId}\n\t\t\t\t\t\twidth={40}\n\t\t\t\t\t\theight={40}\n\t\t\t\t\t\timageUrl={data.image}\n\t\t\t\t\t\talt=\"Item\"\n\t\t\t\t\t\tborderRadius={4}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"info-container\">\n\t\t\t\t\t<div className=\"tooltip-title-tag\">\n\t\t\t\t\t\t<Tooltip\n\t\t\t\t\t\t\tbody={getDisplayName()}\n\t\t\t\t\t\t\tplacement={'bottom'}\n\t\t\t\t\t\t\tdelay={400}\n\t\t\t\t\t\t\tvariant=\"light\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<TitleSmall\n\t\t\t\t\t\t\t\tnumberOfLines={1}\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tflex: 1,\n\t\t\t\t\t\t\t\t\tminWidth: 0,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{getDisplayName()}\n\t\t\t\t\t\t\t</TitleSmall>\n\t\t\t\t\t\t</Tooltip>\n\n\t\t\t\t\t\t<ProductInfo>\n\t\t\t\t\t\t\t<ProductPickerTag\n\t\t\t\t\t\t\t\tisVariant={true}\n\t\t\t\t\t\t\t\tdata={dataForProductPickerTag}\n\t\t\t\t\t\t\t\ttagText={tagText}\n\t\t\t\t\t\t\t\ttagType={tagType}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\tIcon={() => (\n\t\t\t\t\t\t\t\t\t<DeleteIcon\n\t\t\t\t\t\t\t\t\t\twidth={24}\n\t\t\t\t\t\t\t\t\t\theight={24}\n\t\t\t\t\t\t\t\t\t\tcolor={COLORS.content.placeholder}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\tselectedCollectionsDispatch &&\n\t\t\t\t\t\t\t\t\t\tselectedCollectionsDispatch({\n\t\t\t\t\t\t\t\t\t\t\ttype: 'variantUnselected',\n\t\t\t\t\t\t\t\t\t\t\tdata: {\n\t\t\t\t\t\t\t\t\t\t\t\tproductId: data.productId,\n\t\t\t\t\t\t\t\t\t\t\t\tvariantId: data.variantId,\n\t\t\t\t\t\t\t\t\t\t\t\tcollectionId: data.collectionId,\n\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t});\n\n\t\t\t\t\t\t\t\t\tprops.onDelete && props.onDelete();\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</ProductInfo>\n\t\t\t\t\t</div>\n\t\t\t\t\t<ProductSubTitle>\n\t\t\t\t\t\t<BodyCaption color={COLORS.content.secondary}>\n\t\t\t\t\t\t\t{/ in the cases where we show tags, do not show the currency and price /}\n\t\t\t\t\t\t\t{!(dataForProductPickerTag as ProductVariant)?.fbStatus \|\| tagText\n\t\t\t\t\t\t\t\t? null\n\t\t\t\t\t\t\t\t: currencyAndPrice}\n\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t{skuId && (\n\t\t\t\t\t\t\t<Tooltip body={skuId} placement=\"top\">\n\t\t\t\t\t\t\t\t<SKUIDBadge>\n\t\t\t\t\t\t\t\t\t<EllipsedBodyTiny>{`SKU ID: ${skuId}`}</EllipsedBodyTiny>\n\t\t\t\t\t\t\t\t</SKUIDBadge>\n\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</ProductSubTitle>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</VariantCardListStyle>\n\t);\n};\n\n/\n Variant card in grid view format.\n * Displays only image\n */\nexport const VariantCardGridView = (props: VariantCardInterface) => {\n\tconst { data } = props;\n\n\treturn (\n\t\t<VariantCardGridStyle>\n\t\t\t<Tooltip\n\t\t\t\tbody={data.name}\n\t\t\t\talwaysVisible={false}\n\t\t\t\tvariant=\"dark\"\n\t\t\t\tplacement={'bottom'}\n\t\t\t>\n\t\t\t\t<ShimmerImage\n\t\t\t\t\twidth={72}\n\t\t\t\t\theight={72}\n\t\t\t\t\timageUrl={data.image}\n\t\t\t\t\talt=\"Item\"\n\t\t\t\t\tborderRadius={4}\n\t\t\t\t/>\n\t\t\t</Tooltip>\n\t\t</VariantCardGridStyle>\n\t);\n};\n"],"names":["props","data","_jsx","VariantCardGridStyle","children","jsx","Tooltip","Object","assign","body","name","alwaysVisible","variant","placement","ShimmerImage","width","height","imageUrl","image","alt","borderRadius","selectedCollectionsDispatch","outOfStockAction","getDisplayName","displayName","includes","productName","dataForProductPickerTag","tagText","tagType","ProductHelper","getDataForProductPickerTag","currencyAndPrice","currency","CurrencySymbols","_a","_c","price","_b","actualPrice","skuId","VariantCardListStyle","_jsxs","className","DragHandleIcon","color","COLORS","content","placeholder","variantId","jsxs","delay","TitleSmall","numberOfLines","style","flex","minWidth","ProductInfo","ProductPickerTag","isVariant","IconButton","Icon","DeleteIcon","onClick","type","productId","collectionId","onDelete","ProductSubTitle","BodyCaption","secondary","fbStatus","SKUIDBadge","EllipsedBodyTiny"],"mappings":"wiBAqKoCA,IACnC,MAAMC,KAAEA,GAASD,EAEjB,OACCE,EAAAA,IAACC,EAAAA,qBACA,CAAAC,SAAAF,EAAAG,IAACC,UACAC,OAAAC,OAAA,CAAAC,KAAMR,EAAKS,KACXC,eAAe,EACfC,QAAQ,OACRC,UAAW,UAEX,CAAAT,SAAAF,EAAAG,IAACS,eACA,CAAAC,MAAO,GACPC,OAAQ,GACRC,SAAUhB,EAAKiB,MACfC,IAAI,OACJC,aAAc,QAGM,8BA1IWpB,cACnC,MAAMC,KAAEA,EAAIoB,4BAAEA,EAA2BC,iBAAEA,GAAqBtB,EAE1DuB,EAAiBA,KACtB,IAAIC,EAQJ,OALCA,EADGvB,EAAKS,KAAKe,SAASxB,EAAKyB,aACbzB,EAAKS,~~KAEF~~,~~GAAAT~~,EAAKyB,eAAezB,EAAKS,OAGpCc,CAAW,GAGbG,wBAAEA,EAAuBC,QAAEA,EAAOC,QAAEA,GACzCC,EAAaA,cAACC,2BAA2B9B,GAAM,EAAMqB,GAEhDU,~~EACL~~,~~GAAA~~/B,EAAKgC,UAAyC,UAA9BC,EAAAA,gBAAgBjC,EAAKgC,iBAAS,IAAAE,EAAAA,EAAS,KACnB,QAAlCC,EAAU,UAAVnC,EAAKoC,aAAK,IAAAC,EAAAA,EAAIrC,EAAKsC,mBAAe,IAAAH,EAAAA,EAAA,KAI/BI,EAASvC,EAAwBuC,MAEvC,OACCtC,EAAAA,IAACuC,EAAAA,qBAAoB,CAAArC,SACpBsC,4BAAKC,UAAU,kBACd,CAAAvC,SAAA,CAAAF,EAAAG,IAACuC,UACA,CAAA7B,MAAO,GACPC,OAAQ,GACR6B,MAAOC,EAAAA,OAAOC,QAAQC,cAEvB9C,sBACCA,EAACG,IAAAS,eAEA,CAAAC,MAAO,GACPC,OAAQ,GACRC,SAAUhB,EAAKiB,MACfC,IAAI,OACJC,aAAc,GALTnB,EAAKgD,aAQZP,EAAAQ,KAAA,MAAA3C,OAAAC,OAAA,CAAKmC,UAAU,6BACdD,EAAKQ,KAAA,MAAA3C,OAAAC,OAAA,CAAAmC,UAAU,qBAAmB,CAAAvC,SAAA,CACjCF,EAACG,IAAAC,UACAC,OAAAC,OAAA,CAAAC,KAAMc,IACNV,UAAW,SACXsC,MAAO,IACPvC,QAAQ,SAAO,CAAAR,SAEfF,MAACkD,aAAU7C,OAAAC,OAAA,CACV6C,cAAe,EACfC,MAAO,CACNC,KAAM,EACNC,SAAU,IACV,CAAApD,SAEAmB,UAIHmB,EAAAQ,KAACO,cAAW,CAAArD,SAAA,CACXF,EAACG,IAAAqD,mBACA,CAAAC,WAAW,EACX1D,KAAM0B,EACNC,QAASA,EACTC,QAASA,IAEV3B,EAACG,IAAAuD,aACA,CAAAC,KAAMA,IACL3D,EAAAG,IAACyD,UAAU,CACV/C,MAAO,GACPC,OAAQ,GACR6B,MAAOC,EAAAA,OAAOC,QAAQC,cAGxBe,QAASA,KACR1C,GACCA,EAA4B,CAC3B2C,KAAM,oBACN/D,KAAM,CACLgE,UAAWhE,EAAKgE,UAChBhB,UAAWhD,EAAKgD,UAChBiB,aAAcjE,EAAKiE,gBAItBlE,EAAMmE,UAAYnE,EAAMmE,UAAU,WAKtCzB,EAACQ,KAAAkB,kBACA,CAAAhE,SAAA,CAAAF,EAAAG,IAACgE,cAAW9D,OAAAC,OAAA,CAACqC,MAAOC,EAAAA,OAAOC,QAAQuB,WAAS,CAAAlE,WAExCuB,aAAuB,EAAvBA,EAA4C4C,WAAY3C,EACxD,KACAI,KAEHQ,GACAtC,EAAAA,IAACI,EAAAA,QAAOC,OAAAC,OAAA,CAACC,KAAM+B,EAAO3B,UAAU,OAAK,CAAAT,SACpCF,EAACG,IAAAmE,uBACAtE,EAACG,IAAAoE,mBAAkB,CAAArE,SAAA,WAAWoC,uBAOd"}
1	+ {"version":3,"file":"variant.js","sources":["../../../../src/components/product-picker-v2/variant.tsx"],"sourcesContent":["/*\n Has necessary types for variant.\n * 1. ProductVariantForRearrange - type\n * 2. VariantCardInterface - interface\n * 3. VariantCardListView - React component\n * 4. VariantCardGridView - React component\n /\nimport DeleteIcon from '@src/assets/icons/delete.svg';\nimport DragHandleIcon from '@src/assets/icons/drag_handle.svg';\nimport { Tooltip } from '@src/components/tooltips';\nimport { COLORS } from '@src/constants/Theme';\nimport { IconButton } from '../icon-button';\nimport { ShimmerImage } from '../shimmer-image';\nimport { BodyCaption, TitleSmall } from '../TypographyStyle';\nimport { CurrencySymbols } from './constants';\nimport { ProductHelper } from './helpers/ProductHelper';\nimport { ProductPickerTag } from './ProductPickerTag';\nimport type { SelectedCollectionsActions } from './reducers';\nimport {\n\tEllipsedBodyTiny,\n\tProductInfo,\n\tProductSubTitle,\n\tSKUIDBadge,\n\tVariantCardGridStyle,\n\tVariantCardListStyle,\n} from './style';\nimport {\n\tOUT_OF_STOCK_ACTION,\n\ttype ProductVariant,\n\ttype ProductVariantForRearrange,\n} from './type';\n\n/\n Props type for variant card in rearrange screen\n /\nexport interface VariantCardInterface {\n\tdata: ProductVariantForRearrange;\n\tselectedCollectionsDispatch?: React.Dispatch<SelectedCollectionsActions>;\n\toutOfStockAction?: OUT_OF_STOCK_ACTION;\n\tonDelete?: () => void;\n}\n\n/\n Variant card in list view format.\n * Displays image, name and delete icon\n /\nexport const VariantCardListView = (props: VariantCardInterface) => {\n\tconst { data, selectedCollectionsDispatch, outOfStockAction } = props;\n\n\tconst getDisplayName = () => {\n\t\tlet displayName;\n\n\t\tif (data.name.includes(data.productName)) {\n\t\t\tdisplayName = data.name;\n\t\t} else {\n\t\t\tdisplayName = `${data.productName} ${data.name}`;\n\t\t}\n\n\t\treturn displayName;\n\t};\n\n\tconst { dataForProductPickerTag, tagText, tagType } =\n\t\tProductHelper.getDataForProductPickerTag(data, true, outOfStockAction);\n\n\tconst currencyAndPrice = `${\n\t\tdata.currency ? CurrencySymbols[data.currency] ?? '' : ''\n\t}${data.price ?? data.actualPrice ?? ''}`;\n\n\t//show skuid for every variant\n\t//show skuid for product if there is only one variant (as the product itself is the variant)\n\tconst skuId = (data as ProductVariant).skuId;\n\n\treturn (\n\t\t<VariantCardListStyle>\n\t\t\t<div className=\"text-container\">\n\t\t\t\t<DragHandleIcon\n\t\t\t\t\twidth={24}\n\t\t\t\t\theight={24}\n\t\t\t\t\tcolor={COLORS.content.placeholder}\n\t\t\t\t/>\n\t\t\t\t<div>\n\t\t\t\t\t<ShimmerImage\n\t\t\t\t\t\tkey={data.variantId}\n\t\t\t\t\t\twidth={40}\n\t\t\t\t\t\theight={40}\n\t\t\t\t\t\timageUrl={data.image}\n\t\t\t\t\t\talt=\"Item\"\n\t\t\t\t\t\tborderRadius={4}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"info-container\">\n\t\t\t\t\t<div className=\"tooltip-title-tag\">\n\t\t\t\t\t\t<Tooltip\n\t\t\t\t\t\t\tbody={getDisplayName()}\n\t\t\t\t\t\t\tplacement={'bottom'}\n\t\t\t\t\t\t\tdelay={400}\n\t\t\t\t\t\t\tvariant=\"light\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<TitleSmall\n\t\t\t\t\t\t\t\tnumberOfLines={1}\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tflex: 1,\n\t\t\t\t\t\t\t\t\tminWidth: 0,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{getDisplayName()}\n\t\t\t\t\t\t\t</TitleSmall>\n\t\t\t\t\t\t</Tooltip>\n\n\t\t\t\t\t\t<ProductInfo>\n\t\t\t\t\t\t\t<ProductPickerTag\n\t\t\t\t\t\t\t\tisVariant={true}\n\t\t\t\t\t\t\t\tdata={dataForProductPickerTag}\n\t\t\t\t\t\t\t\ttagText={tagText}\n\t\t\t\t\t\t\t\ttagType={tagType}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\tIcon={() => (\n\t\t\t\t\t\t\t\t\t<DeleteIcon\n\t\t\t\t\t\t\t\t\t\twidth={24}\n\t\t\t\t\t\t\t\t\t\theight={24}\n\t\t\t\t\t\t\t\t\t\tcolor={COLORS.content.placeholder}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\tselectedCollectionsDispatch &&\n\t\t\t\t\t\t\t\t\t\tselectedCollectionsDispatch({\n\t\t\t\t\t\t\t\t\t\t\ttype: 'variantUnselected',\n\t\t\t\t\t\t\t\t\t\t\tdata: {\n\t\t\t\t\t\t\t\t\t\t\t\tproductId: data.productId,\n\t\t\t\t\t\t\t\t\t\t\t\tvariantId: data.variantId,\n\t\t\t\t\t\t\t\t\t\t\t\tcollectionId: data.collectionId,\n\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t});\n\n\t\t\t\t\t\t\t\t\tprops.onDelete && props.onDelete();\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</ProductInfo>\n\t\t\t\t\t</div>\n\t\t\t\t\t<ProductSubTitle>\n\t\t\t\t\t\t<BodyCaption color={COLORS.content.secondary}>\n\t\t\t\t\t\t\t{/ in the cases where we show tags, do not show the currency and price /}\n\t\t\t\t\t\t\t{!(dataForProductPickerTag as ProductVariant)?.fbStatus \|\| tagText\n\t\t\t\t\t\t\t\t? null\n\t\t\t\t\t\t\t\t: currencyAndPrice}\n\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t{skuId && (\n\t\t\t\t\t\t\t<Tooltip body={skuId} placement=\"top\">\n\t\t\t\t\t\t\t\t<SKUIDBadge>\n\t\t\t\t\t\t\t\t\t<EllipsedBodyTiny>{`SKU ID: ${skuId}`}</EllipsedBodyTiny>\n\t\t\t\t\t\t\t\t</SKUIDBadge>\n\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</ProductSubTitle>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</VariantCardListStyle>\n\t);\n};\n\n/\n Variant card in grid view format.\n * Displays only image\n */\nexport const VariantCardGridView = (props: VariantCardInterface) => {\n\tconst { data } = props;\n\n\treturn (\n\t\t<VariantCardGridStyle>\n\t\t\t<Tooltip\n\t\t\t\tbody={data.name}\n\t\t\t\talwaysVisible={false}\n\t\t\t\tvariant=\"dark\"\n\t\t\t\tplacement={'bottom'}\n\t\t\t>\n\t\t\t\t<ShimmerImage\n\t\t\t\t\twidth={72}\n\t\t\t\t\theight={72}\n\t\t\t\t\timageUrl={data.image}\n\t\t\t\t\talt=\"Item\"\n\t\t\t\t\tborderRadius={4}\n\t\t\t\t/>\n\t\t\t</Tooltip>\n\t\t</VariantCardGridStyle>\n\t);\n};\n"],"names":["props","data","_jsx","VariantCardGridStyle","children","jsx","Tooltip","Object","assign","body","name","alwaysVisible","variant","placement","ShimmerImage","width","height","imageUrl","image","alt","borderRadius","selectedCollectionsDispatch","outOfStockAction","getDisplayName","displayName","includes","productName","dataForProductPickerTag","tagText","tagType","ProductHelper","getDataForProductPickerTag","currencyAndPrice","currency","CurrencySymbols","_a","_c","price","_b","actualPrice","skuId","VariantCardListStyle","_jsxs","className","DragHandleIcon","color","COLORS","content","placeholder","variantId","jsxs","delay","TitleSmall","numberOfLines","style","flex","minWidth","ProductInfo","ProductPickerTag","isVariant","IconButton","Icon","DeleteIcon","onClick","type","productId","collectionId","onDelete","ProductSubTitle","BodyCaption","secondary","fbStatus","SKUIDBadge","EllipsedBodyTiny"],"mappings":"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"}

package/dist/cjs/components/product-picker-v2/variantComponents.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@hello-pangea/dnd"),a=require("react"),s=require("../../constants/Theme.js"),t=require("./variant.js");exports.VariantsGrid=a=>{let{selectedVariants:s}=a;return e.jsx(r.Droppable,Object.assign({droppableId:"droppable-horizontal"},{children:a=>e.jsxs("div",Object.assign({},a.droppableProps,{ref:a.innerRef,style:{display:"flex"}},{children:[e.jsx(r.Droppable,Object.assign({droppableId:"droppable-vertical",direction:"horizontal"},{children:a=>e.jsxs("div",Object.assign({},a.droppableProps,{ref:a.innerRef,style:{display:"flex",flexWrap:"wrap",flexDirection:"row"}},{children:[s.map(((a,s)=>e.jsx(r.Draggable,Object.assign({draggableId:`${a.productId}-${a.variantId}`,index:s},{children:(r,s)=>e.jsxs("div",Object.assign({ref:r.innerRef},r.draggableProps,r.dragHandleProps,{children:[e.jsx(t.VariantCardGridView,{data:a}),r.placeholder]}))}),`${a.productId}-${a.variantId}`))),a.placeholder]}))})),a.placeholder]}))}))},exports.VariantsList=d=>{let{selectedVariants:i,setSelectedVariants:n,selectedCollectionsDispatch:l,outOfStockAction:o}=d;const[p,c]=a.useState(-1);function g(e){if(null==e?void 0:e.transform){const r=`translate(0px, ${e.transform.split(",").pop()}`;return Object.assign(Object.assign({},e),{transform:r})}return e}return e.jsx(r.Droppable,Object.assign({droppableId:"droppable-list"},{children:(a,d)=>e.jsxs("div",Object.assign({},a.droppableProps,{ref:a.innerRef,style:Object.assign({backgroundColor:s.COLORS.surface.subdued,padding:"0.05px",height:i.length<8?"550px":"100%",overflow:"auto"},a.droppableProps.style)},{children:[i.map(((a,d)=>e.jsx("div",Object.assign({style:{background:s.COLORS.surface.hovered,margin:"5px",boxShadow:d===p?"0px 4px 12px rgba(0, 0, 0, 0.12)":""},onMouseEnter:()=>c(d),onMouseLeave:()=>c(-1)},{children:e.jsx(r.Draggable,Object.assign({draggableId:`${a.productId}-${a.variantId}`,index:d},{children:(r,s)=>e.jsx("div",Object.assign({ref:r.innerRef},r.draggableProps,r.dragHandleProps,{style:g(Object.assign(Object.assign({},r.draggableProps.style),r.draggableSnapshot))},{children:e.jsx(t.VariantCardListView,{data:a,selectedCollectionsDispatch:l,onDelete:()=>{const e=i.slice();e[d].displayOrder=null,e.splice(d,1),n(e)},outOfStockAction:o},`${a.productId}-${a.variantId}`)}))}),`${a.productId}-${a.variantId}`)}),`${a.productId}-${a.variantId}`))),a.placeholder&&d.isDraggingOver?e.jsx("div",Object.assign({style:{background:s.COLORS.surface.hovered,margin:"5px"}},{children:a.placeholder})):null]}))}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@hello-pangea/dnd"),a=require("react"),s=require("../../constants/Theme.js"),t=require("./variant.js");exports.VariantsGrid=({selectedVariants:a})=>e.jsx(r.Droppable,Object.assign({droppableId:"droppable-horizontal"},{children:s=>e.jsxs("div",Object.assign({},s.droppableProps,{ref:s.innerRef,style:{display:"flex"}},{children:[e.jsx(r.Droppable,Object.assign({droppableId:"droppable-vertical",direction:"horizontal"},{children:s=>e.jsxs("div",Object.assign({},s.droppableProps,{ref:s.innerRef,style:{display:"flex",flexWrap:"wrap",flexDirection:"row"}},{children:[a.map(((a,s)=>e.jsx(r.Draggable,Object.assign({draggableId:`${a.productId}-${a.variantId}`,index:s},{children:(r,s)=>e.jsxs("div",Object.assign({ref:r.innerRef},r.draggableProps,r.dragHandleProps,{children:[e.jsx(t.VariantCardGridView,{data:a}),r.placeholder]}))}),`${a.productId}-${a.variantId}`))),s.placeholder]}))})),s.placeholder]}))})),exports.VariantsList=({selectedVariants:d,setSelectedVariants:i,selectedCollectionsDispatch:n,outOfStockAction:l})=>{const[o,p]=a.useState(-1);function c(e){if(null==e?void 0:e.transform){const r=`translate(0px, ${e.transform.split(",").pop()}`;return Object.assign(Object.assign({},e),{transform:r})}return e}return e.jsx(r.Droppable,Object.assign({droppableId:"droppable-list"},{children:(a,g)=>e.jsxs("div",Object.assign({},a.droppableProps,{ref:a.innerRef,style:Object.assign({backgroundColor:s.COLORS.surface.subdued,padding:"0.05px",height:d.length<8?"550px":"100%",overflow:"auto"},a.droppableProps.style)},{children:[d.map(((a,g)=>e.jsx("div",Object.assign({style:{background:s.COLORS.surface.hovered,margin:"5px",boxShadow:g===o?"0px 4px 12px rgba(0, 0, 0, 0.12)":""},onMouseEnter:()=>p(g),onMouseLeave:()=>p(-1)},{children:e.jsx(r.Draggable,Object.assign({draggableId:`${a.productId}-${a.variantId}`,index:g},{children:(r,s)=>e.jsx("div",Object.assign({ref:r.innerRef},r.draggableProps,r.dragHandleProps,{style:c(Object.assign(Object.assign({},r.draggableProps.style),r.draggableSnapshot))},{children:e.jsx(t.VariantCardListView,{data:a,selectedCollectionsDispatch:n,onDelete:()=>{const e=d.slice();e[g].displayOrder=null,e.splice(g,1),i(e)},outOfStockAction:l},`${a.productId}-${a.variantId}`)}))}),`${a.productId}-${a.variantId}`)}),`${a.productId}-${a.variantId}`))),a.placeholder&&g.isDraggingOver?e.jsx("div",Object.assign({style:{background:s.COLORS.surface.hovered,margin:"5px"}},{children:a.placeholder})):null]}))}))};
 //# sourceMappingURL=variantComponents.js.map

package/dist/cjs/components/product-picker-v2/variantComponents.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"variantComponents.js","sources":["../../../../src/components/product-picker-v2/variantComponents.tsx"],"sourcesContent":["import { Draggable, Droppable } from '@hello-pangea/dnd';\nimport { useState } from 'react';\nimport { COLORS } from '@src/constants/Theme';\nimport type { SelectedCollectionsActions } from './reducers';\nimport { OUT_OF_STOCK_ACTION, type ProductVariantForRearrange } from './type';\nimport { VariantCardGridView, VariantCardListView } from './variant';\n\n/*\n Props for list of variants - applicable both in list and grid view\n /\nexport type VariantsComponentProps = {\n\tselectedVariants: ProductVariantForRearrange[];\n\tsetSelectedVariants: React.Dispatch<\n\t\tReact.SetStateAction<ProductVariantForRearrange[]>\n\t>;\n\tselectedCollectionsDispatch: React.Dispatch<SelectedCollectionsActions>;\n\toutOfStockAction?: OUT_OF_STOCK_ACTION;\n};\n\n/\n Returns a react component of variants list, which are eligible to drag and drop.\n /\nexport const VariantsList = ({\n\tselectedVariants,\n\tsetSelectedVariants,\n\tselectedCollectionsDispatch,\n\toutOfStockAction,\n}: VariantsComponentProps) => {\n\tconst [selectedIndex, setSelectedIndex] = useState(-1);\n\n\t/\n\t This function returns style of the card.\n\t * The style doesn't allow the item to drag horizontally.\n\t /\n\tfunction getStyle(style: React.CSSProperties) {\n\t\tif (style?.transform) {\n\t\t\tconst axisLockY = `translate(0px, ${style.transform.split(',').pop()}`;\n\n\t\t\treturn {\n\t\t\t\t...style,\n\t\t\t\ttransform: axisLockY,\n\t\t\t};\n\t\t}\n\t\treturn style;\n\t}\n\n\treturn (\n\t\t<Droppable droppableId=\"droppable-list\">\n\t\t\t{(providedDroppable: any, snapshotDroppable: any) => (\n\t\t\t\t<div\n\t\t\t\t\t{...providedDroppable.droppableProps}\n\t\t\t\t\tref={providedDroppable.innerRef}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tbackgroundColor: COLORS.surface.subdued,\n\t\t\t\t\t\tpadding: '0.05px',\n\t\t\t\t\t\theight: selectedVariants.length < 8 ? '550px' : '100%',\n\t\t\t\t\t\toverflow: 'auto',\n\t\t\t\t\t\t...providedDroppable.droppableProps.style,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{selectedVariants.map((variant, index) => (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tkey={`${variant.productId}-${variant.variantId}`}\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tbackground: COLORS.surface.hovered,\n\t\t\t\t\t\t\t\tmargin: '5px',\n\t\t\t\t\t\t\t\tboxShadow:\n\t\t\t\t\t\t\t\t\tindex === selectedIndex\n\t\t\t\t\t\t\t\t\t\t? '0px 4px 12px rgba(0, 0, 0, 0.12)'\n\t\t\t\t\t\t\t\t\t\t: '',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tonMouseEnter={() => setSelectedIndex(index)}\n\t\t\t\t\t\t\tonMouseLeave={() => setSelectedIndex(-1)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Draggable\n\t\t\t\t\t\t\t\tkey={`${variant.productId}-${variant.variantId}`}\n\t\t\t\t\t\t\t\tdraggableId={`${variant.productId}-${variant.variantId}`}\n\t\t\t\t\t\t\t\tindex={index}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{(providedDraggable: any, snapshot: any) => {\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tref={providedDraggable.innerRef}\n\t\t\t\t\t\t\t\t\t\t\t{...providedDraggable.draggableProps}\n\t\t\t\t\t\t\t\t\t\t\t{...providedDraggable.dragHandleProps}\n\t\t\t\t\t\t\t\t\t\t\tstyle={getStyle({\n\t\t\t\t\t\t\t\t\t\t\t\t...providedDraggable.draggableProps.style,\n\t\t\t\t\t\t\t\t\t\t\t\t...providedDraggable.draggableSnapshot,\n\t\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<VariantCardListView\n\t\t\t\t\t\t\t\t\t\t\t\tkey={`${variant.productId}-${variant.variantId}`}\n\t\t\t\t\t\t\t\t\t\t\t\tdata={variant}\n\t\t\t\t\t\t\t\t\t\t\t\tselectedCollectionsDispatch={\n\t\t\t\t\t\t\t\t\t\t\t\t\tselectedCollectionsDispatch\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\tonDelete={() => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tconst tempSelectedVariants = selectedVariants.slice();\n\t\t\t\t\t\t\t\t\t\t\t\t\ttempSelectedVariants[index].displayOrder = null;\n\t\t\t\t\t\t\t\t\t\t\t\t\ttempSelectedVariants.splice(index, 1);\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetSelectedVariants(tempSelectedVariants);\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\toutOfStockAction={outOfStockAction}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t</Draggable>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t))}\n\t\t\t\t\t{providedDroppable.placeholder && snapshotDroppable.isDraggingOver ? (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tbackground: COLORS.surface.hovered,\n\t\t\t\t\t\t\t\tmargin: '5px',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{providedDroppable.placeholder}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) : null}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</Droppable>\n\t);\n};\n\n/\n Returns a react component of variants grid, which are eligible to drag and drop.\n */\nexport const VariantsGrid = ({ selectedVariants }: VariantsComponentProps) => {\n\treturn (\n\t\t<Droppable droppableId=\"droppable-horizontal\">\n\t\t\t{(providedHorizontal) => (\n\t\t\t\t<div\n\t\t\t\t\t{...providedHorizontal.droppableProps}\n\t\t\t\t\tref={providedHorizontal.innerRef}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<Droppable droppableId=\"droppable-vertical\" direction=\"horizontal\">\n\t\t\t\t\t\t{(providedVertical) => (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t{...providedVertical.droppableProps}\n\t\t\t\t\t\t\t\tref={providedVertical.innerRef}\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\tflexWrap: 'wrap',\n\t\t\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{selectedVariants.map((variant, index) => (\n\t\t\t\t\t\t\t\t\t<Draggable\n\t\t\t\t\t\t\t\t\t\tkey={`${variant.productId}-${variant.variantId}`}\n\t\t\t\t\t\t\t\t\t\tdraggableId={`${variant.productId}-${variant.variantId}`}\n\t\t\t\t\t\t\t\t\t\tindex={index}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{(providedDraggable: any, snapshot: any) => (\n\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\tref={providedDraggable.innerRef}\n\t\t\t\t\t\t\t\t\t\t\t\t{...providedDraggable.draggableProps}\n\t\t\t\t\t\t\t\t\t\t\t\t{...providedDraggable.dragHandleProps}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<VariantCardGridView data={variant} />\n\t\t\t\t\t\t\t\t\t\t\t\t{providedDraggable.placeholder}\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</Draggable>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t{providedVertical.placeholder}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</Droppable>\n\t\t\t\t\t{providedHorizontal.placeholder}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</Droppable>\n\t);\n};\n"],"names":["~~_ref2~~","selectedVariants","_jsx","Droppable","Object","assign","droppableId","children","providedHorizontal","_jsxs","droppableProps","ref","innerRef","style","display","jsx","direction","providedVertical","flexWrap","flexDirection","map","variant","index","Draggable","draggableId","productId","variantId","providedDraggable","snapshot","jsxs","draggableProps","dragHandleProps","VariantCardGridView","data","placeholder","~~_ref~~","setSelectedVariants","selectedCollectionsDispatch","outOfStockAction","selectedIndex","setSelectedIndex","useState","getStyle","transform","axisLockY","split","pop","providedDroppable","snapshotDroppable","backgroundColor","COLORS","surface","subdued","padding","height","length","overflow","background","hovered","margin","boxShadow","onMouseEnter","onMouseLeave","draggableSnapshot","VariantCardListView","onDelete","tempSelectedVariants","slice","displayOrder","splice","isDraggingOver"],"mappings":"8OAiI4BA,~~IAAiD~~,~~IAAhDC~~,~~iBAAEA,GAA0CD,EACxE,OACCE,~~MAACC,EAAAA,UAAUC,OAAAC,OAAA,CAAAC,YAAY,wBACrB,CAAAC,SAACC,GACDC,EAAAA,KACK,MAAAL,OAAAC,OAAA,CAAA,EAAAG,EAAmBE,eACvB,CAAAC,IAAKH,EAAmBI,SACxBC,MAAO,CACNC,QAAS,SACT,CAAAP,SAAA,CAEDL,EAACa,IAAAZ,YAAUC,OAAAC,OAAA,CAAAC,YAAY,qBAAqBU,UAAU,cACpD,CAAAT,SAACU,GACDR,EAAAA,KAAA,MAAAL,OAAAC,OAAA,CAAA,EACKY,EAAiBP,eAAc,CACnCC,IAAKM,EAAiBL,SACtBC,MAAO,CACNC,QAAS,OACTI,SAAU,OACVC,cAAe,QAGf,CAAAZ,SAAA,CAAAN,EAAiBmB,KAAI,CAACC,EAASC,IAC/BpB,MAACqB,EAAAA,UAEAnB,OAAAC,OAAA,CAAAmB,~~YAAgB~~,~~GAAAH~~,EAAQI,aAAaJ,EAAQK,YAC7CJ,MAAOA,GAAK,CAAAf,SAEXA,CAACoB,EAAwBC,IACzBnB,EAAAoB,KAAA,MAAAzB,OAAAC,OAAA,CACCM,IAAKgB,EAAkBf,UACnBe,EAAkBG,eAClBH,EAAkBI,2BAEtB7B,EAACa,IAAAiB,uBAAoBC,KAAMZ,IAC1BM,EAAkBO,~~kBAXb~~,~~GAAAb~~,EAAQI,aAAaJ,EAAQK,eAgBtCT,EAAiBiB,mBAIpB1B,EAAmB0B,~~kBAGX~~,~~uBA1JcC~~,~~IAKC~~,~~IALAlC~~,~~iBAC5BA~~,~~EAAgBmC~~,~~oBAChBA~~,~~EAAmBC,4BACnBA,EAA2BC,iBAC3BA,GACwBH,EACxB,MAAOI,~~EAAeC,GAAoBC,EAAAA,UAAU,GAMpD,SAASC,EAAS7B,GACjB,GAAIA,eAAAA,EAAO8B,UAAW,CACrB,MAAMC,~~EAA8B~~,~~kBAAA~~/B,EAAM8B,UAAUE,MAAM,KAAKC,QAE/D,OAAA1C,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACIQ,GAAK,CACR8B,UAAWC,GAEZ,CACD,OAAO/B,CACR,CAEA,OACCX,MAACC,EAAAA,UAAUC,OAAAC,OAAA,CAAAC,YAAY,kBAAgB,CAAAC,SACrCA,CAACwC,EAAwBC,IACzBvC,8BACKsC,EAAkBrC,eAAc,CACpCC,IAAKoC,EAAkBnC,SACvBC,MAAKT,OAAAC,OAAA,CACJ4C,gBAAiBC,EAAAA,OAAOC,QAAQC,QAChCC,QAAS,SACTC,OAAQrD,EAAiBsD,OAAS,EAAI,QAAU,OAChDC,SAAU,QACPT,EAAkBrC,eAAeG,mBAGpCZ,EAAiBmB,KAAI,CAACC,EAASC,IAC/BpB,MAAA,MAAAE,OAAAC,OAAA,CAECQ,MAAO,CACN4C,WAAYP,EAAAA,OAAOC,QAAQO,QAC3BC,OAAQ,MACRC,UACCtC,IAAUiB,EACP,mCACA,IAELsB,aAAcA,IAAMrB,EAAiBlB,GACrCwC,aAAcA,IAAMtB,GAAkB,IAEtC,CAAAjC,SAAAL,EAAAa,IAACQ,YAEAnB,OAAAC,OAAA,CAAAmB,~~YAAgB~~,~~GAAAH~~,EAAQI,aAAaJ,EAAQK,YAC7CJ,MAAOA,GAAK,CAAAf,SAEXA,CAACoB,EAAwBC,IAExB1B,2BACCS,IAAKgB,EAAkBf,UACnBe,EAAkBG,eAClBH,EAAkBI,gBAAe,CACrClB,MAAO6B,iCACHf,EAAkBG,eAAejB,OACjCc,EAAkBoC,qBACpB,CAAAxD,SAEFL,MAAC8D,sBAAmB,CAEnB/B,KAAMZ,EACNgB,4BACCA,EAED4B,SAAUA,KACT,MAAMC,EAAuBjE,EAAiBkE,QAC9CD,EAAqB5C,GAAO8C,aAAe,KAC3CF,EAAqBG,OAAO/C,EAAO,GACnCc,EAAoB8B,EAAqB,EAE1C5B,iBAAkBA,~~MAXVjB~~,EAAQI,aAAaJ,EAAQK,~~kBAhBjC~~,~~GAAAL~~,EAAQI,aAAaJ,EAAQK,eAbjC,GAAGL,EAAQI,aAAaJ,EAAQK,eAgDtCqB,EAAkBb,aAAec,EAAkBsB,eACnDpE,EAAAA,IAAA,MAAAE,OAAAC,OAAA,CACCQ,MAAO,CACN4C,WAAYP,EAAAA,OAAOC,QAAQO,QAC3BC,OAAQ,QACR,CAAApD,SAEAwC,EAAkBb,eAEjB,WAGK"}
1	+ {"version":3,"file":"variantComponents.js","sources":["../../../../src/components/product-picker-v2/variantComponents.tsx"],"sourcesContent":["import { Draggable, Droppable } from '@hello-pangea/dnd';\nimport { useState } from 'react';\nimport { COLORS } from '@src/constants/Theme';\nimport type { SelectedCollectionsActions } from './reducers';\nimport { OUT_OF_STOCK_ACTION, type ProductVariantForRearrange } from './type';\nimport { VariantCardGridView, VariantCardListView } from './variant';\n\n/*\n Props for list of variants - applicable both in list and grid view\n /\nexport type VariantsComponentProps = {\n\tselectedVariants: ProductVariantForRearrange[];\n\tsetSelectedVariants: React.Dispatch<\n\t\tReact.SetStateAction<ProductVariantForRearrange[]>\n\t>;\n\tselectedCollectionsDispatch: React.Dispatch<SelectedCollectionsActions>;\n\toutOfStockAction?: OUT_OF_STOCK_ACTION;\n};\n\n/\n Returns a react component of variants list, which are eligible to drag and drop.\n /\nexport const VariantsList = ({\n\tselectedVariants,\n\tsetSelectedVariants,\n\tselectedCollectionsDispatch,\n\toutOfStockAction,\n}: VariantsComponentProps) => {\n\tconst [selectedIndex, setSelectedIndex] = useState(-1);\n\n\t/\n\t This function returns style of the card.\n\t * The style doesn't allow the item to drag horizontally.\n\t /\n\tfunction getStyle(style: React.CSSProperties) {\n\t\tif (style?.transform) {\n\t\t\tconst axisLockY = `translate(0px, ${style.transform.split(',').pop()}`;\n\n\t\t\treturn {\n\t\t\t\t...style,\n\t\t\t\ttransform: axisLockY,\n\t\t\t};\n\t\t}\n\t\treturn style;\n\t}\n\n\treturn (\n\t\t<Droppable droppableId=\"droppable-list\">\n\t\t\t{(providedDroppable: any, snapshotDroppable: any) => (\n\t\t\t\t<div\n\t\t\t\t\t{...providedDroppable.droppableProps}\n\t\t\t\t\tref={providedDroppable.innerRef}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tbackgroundColor: COLORS.surface.subdued,\n\t\t\t\t\t\tpadding: '0.05px',\n\t\t\t\t\t\theight: selectedVariants.length < 8 ? '550px' : '100%',\n\t\t\t\t\t\toverflow: 'auto',\n\t\t\t\t\t\t...providedDroppable.droppableProps.style,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{selectedVariants.map((variant, index) => (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tkey={`${variant.productId}-${variant.variantId}`}\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tbackground: COLORS.surface.hovered,\n\t\t\t\t\t\t\t\tmargin: '5px',\n\t\t\t\t\t\t\t\tboxShadow:\n\t\t\t\t\t\t\t\t\tindex === selectedIndex\n\t\t\t\t\t\t\t\t\t\t? '0px 4px 12px rgba(0, 0, 0, 0.12)'\n\t\t\t\t\t\t\t\t\t\t: '',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tonMouseEnter={() => setSelectedIndex(index)}\n\t\t\t\t\t\t\tonMouseLeave={() => setSelectedIndex(-1)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Draggable\n\t\t\t\t\t\t\t\tkey={`${variant.productId}-${variant.variantId}`}\n\t\t\t\t\t\t\t\tdraggableId={`${variant.productId}-${variant.variantId}`}\n\t\t\t\t\t\t\t\tindex={index}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{(providedDraggable: any, snapshot: any) => {\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tref={providedDraggable.innerRef}\n\t\t\t\t\t\t\t\t\t\t\t{...providedDraggable.draggableProps}\n\t\t\t\t\t\t\t\t\t\t\t{...providedDraggable.dragHandleProps}\n\t\t\t\t\t\t\t\t\t\t\tstyle={getStyle({\n\t\t\t\t\t\t\t\t\t\t\t\t...providedDraggable.draggableProps.style,\n\t\t\t\t\t\t\t\t\t\t\t\t...providedDraggable.draggableSnapshot,\n\t\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<VariantCardListView\n\t\t\t\t\t\t\t\t\t\t\t\tkey={`${variant.productId}-${variant.variantId}`}\n\t\t\t\t\t\t\t\t\t\t\t\tdata={variant}\n\t\t\t\t\t\t\t\t\t\t\t\tselectedCollectionsDispatch={\n\t\t\t\t\t\t\t\t\t\t\t\t\tselectedCollectionsDispatch\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\tonDelete={() => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tconst tempSelectedVariants = selectedVariants.slice();\n\t\t\t\t\t\t\t\t\t\t\t\t\ttempSelectedVariants[index].displayOrder = null;\n\t\t\t\t\t\t\t\t\t\t\t\t\ttempSelectedVariants.splice(index, 1);\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetSelectedVariants(tempSelectedVariants);\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\toutOfStockAction={outOfStockAction}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t</Draggable>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t))}\n\t\t\t\t\t{providedDroppable.placeholder && snapshotDroppable.isDraggingOver ? (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tbackground: COLORS.surface.hovered,\n\t\t\t\t\t\t\t\tmargin: '5px',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{providedDroppable.placeholder}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) : null}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</Droppable>\n\t);\n};\n\n/\n Returns a react component of variants grid, which are eligible to drag and drop.\n */\nexport const VariantsGrid = ({ selectedVariants }: VariantsComponentProps) => {\n\treturn (\n\t\t<Droppable droppableId=\"droppable-horizontal\">\n\t\t\t{(providedHorizontal) => (\n\t\t\t\t<div\n\t\t\t\t\t{...providedHorizontal.droppableProps}\n\t\t\t\t\tref={providedHorizontal.innerRef}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<Droppable droppableId=\"droppable-vertical\" direction=\"horizontal\">\n\t\t\t\t\t\t{(providedVertical) => (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t{...providedVertical.droppableProps}\n\t\t\t\t\t\t\t\tref={providedVertical.innerRef}\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\tflexWrap: 'wrap',\n\t\t\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{selectedVariants.map((variant, index) => (\n\t\t\t\t\t\t\t\t\t<Draggable\n\t\t\t\t\t\t\t\t\t\tkey={`${variant.productId}-${variant.variantId}`}\n\t\t\t\t\t\t\t\t\t\tdraggableId={`${variant.productId}-${variant.variantId}`}\n\t\t\t\t\t\t\t\t\t\tindex={index}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{(providedDraggable: any, snapshot: any) => (\n\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\tref={providedDraggable.innerRef}\n\t\t\t\t\t\t\t\t\t\t\t\t{...providedDraggable.draggableProps}\n\t\t\t\t\t\t\t\t\t\t\t\t{...providedDraggable.dragHandleProps}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<VariantCardGridView data={variant} />\n\t\t\t\t\t\t\t\t\t\t\t\t{providedDraggable.placeholder}\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</Draggable>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t{providedVertical.placeholder}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</Droppable>\n\t\t\t\t\t{providedHorizontal.placeholder}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</Droppable>\n\t);\n};\n"],"names":["VariantsGrid","selectedVariants","_jsx","Droppable","Object","assign","droppableId","children","providedHorizontal","_jsxs","droppableProps","ref","innerRef","style","display","jsx","direction","providedVertical","flexWrap","flexDirection","map","variant","index","Draggable","draggableId","productId","variantId","providedDraggable","snapshot","jsxs","draggableProps","dragHandleProps","VariantCardGridView","data","placeholder","VariantsList","setSelectedVariants","selectedCollectionsDispatch","outOfStockAction","selectedIndex","setSelectedIndex","useState","getStyle","transform","axisLockY","split","pop","providedDroppable","snapshotDroppable","backgroundColor","COLORS","surface","subdued","padding","height","length","overflow","background","hovered","margin","boxShadow","onMouseEnter","onMouseLeave","draggableSnapshot","VariantCardListView","onDelete","tempSelectedVariants","slice","displayOrder","splice","isDraggingOver"],"mappings":"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"}

package/dist/cjs/components/progress-bar/CircularProgressBar.js CHANGED Viewed

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

package/dist/cjs/components/progress-bar/CircularProgressBar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CircularProgressBar.js","sources":["../../../../src/components/progress-bar/CircularProgressBar.tsx"],"sourcesContent":["import CheckListIcon from '@src/assets/icons/checklistIcon.svg';\nimport React from 'react';\n\n//TODO: Make Inner icon dynamic and support text option also\nconst CircularProgressBar: React.FC<{\n\tpercentage: number;\n\twidth?: number;\n\tcontainerStyle?: React.CSSProperties;\n}> = ({ percentage, width = 200, containerStyle }) => {\n\tconst cleanedPercentage =\n\t\tpercentage < 0 ? 0 : percentage > 100 ? 100 : percentage;\n\tconst radius = width / 2 - width / 10;\n\tconst dashArray = radius * Math.PI * 2;\n\tconst dashOffset = dashArray - (dashArray * cleanedPercentage) / 100;\n\tconst strokeWidth = width / 10;\n\tconst innerIconWidth = width / 3;\n\treturn (\n\t\t<div style={containerStyle}>\n\t\t\t<svg width={width} height={width} viewBox={`0 0 ${width} ${width}`}>\n\t\t\t\t<defs>\n\t\t\t\t\t<linearGradient id=\"gradientStroke\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\">\n\t\t\t\t\t\t<stop offset=\"0%\" stopColor=\"#7000FF\" />\n\t\t\t\t\t\t<stop offset=\"100%\" stopColor=\"#AD00FF\" />\n\t\t\t\t\t</linearGradient>\n\t\t\t\t</defs>\n\t\t\t\t<circle\n\t\t\t\t\tcx={width / 2}\n\t\t\t\t\tcy={width / 2}\n\t\t\t\t\tstrokeWidth={strokeWidth}\n\t\t\t\t\tr={radius}\n\t\t\t\t\tstrokeOpacity={0.8}\n\t\t\t\t\tfill={'none'}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tstroke: '#ffffff',\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t\t<circle\n\t\t\t\t\tcx={width / 2}\n\t\t\t\t\tcy={width / 2}\n\t\t\t\t\tstrokeWidth={strokeWidth}\n\t\t\t\t\tr={radius}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tstroke: 'url(#gradientStroke)',\n\t\t\t\t\t\tstrokeDasharray: dashArray,\n\t\t\t\t\t\tstrokeDashoffset: dashOffset,\n\t\t\t\t\t}}\n\t\t\t\t\ttransform={`rotate(-90 ${width / 2} ${width / 2})`}\n\t\t\t\t\tfill={'none'}\n\t\t\t\t\tstrokeLinecap={'round'}\n\t\t\t\t\tstrokeLinejoin={'round'}\n\t\t\t\t/>\n\t\t\t\t<CheckListIcon\n\t\t\t\t\tx={width / 2 - innerIconWidth / 2}\n\t\t\t\t\twidth={innerIconWidth}\n\t\t\t\t/>\n\t\t\t</svg>\n\t\t</div>\n\t);\n};\n\nexport default CircularProgressBar;\n"],"names":["~~_ref~~","percentage","width","containerStyle","cleanedPercentage","radius","dashArray","Math","PI","dashOffset","strokeWidth","innerIconWidth","_jsx","style","children","_jsxs","jsxs","Object","assign","height","viewBox","id","x1","y1","x2","y2","jsx","offset","stopColor","cx","cy","r","strokeOpacity","fill","stroke","strokeDasharray","strokeDashoffset","transform","strokeLinecap","strokeLinejoin","CheckListIcon","x"],"mappings":"4KAQKA,~~IAAgD~~,~~IAA/CC~~,~~WAAEA~~,~~EAAUC~~,~~MAAEA~~,~~EAAQ~~,~~IAAGC,eAAEA,GAAgBH,EAChD,MAAMI,~~EACLH,EAAa,EAAI,EAAIA,EAAa,IAAM,IAAMA,EACzCI,EAASH,EAAQ,EAAIA,EAAQ,GAC7BI,EAAYD,EAASE,KAAKC,GAAK,EAC/BC,EAAaH,EAAaA,EAAYF,EAAqB,IAC3DM,EAAcR,EAAQ,GACtBS,EAAiBT,EAAQ,EAC/B,OACCU,2BAAKC,MAAOV,GACX,CAAAW,SAAAC,EAAAC,KAAA,MAAAC,OAAAC,OAAA,CAAKhB,MAAOA,EAAOiB,OAAQjB,EAAOkB,~~QAAgB~~,~~OAAAlB~~,KAASA,KAAO,CAAAY,SAAA,CACjEF,uBACCG,EAAgBC,KAAA,iBAAAC,OAAAC,OAAA,CAAAG,GAAG,iBAAiBC,GAAG,KAAKC,GAAG,KAAKC,GAAG,OAAOC,GAAG,MAChE,CAAAX,SAAA,CAAAF,EAAAc,IAAA,OAAA,CAAMC,OAAO,KAAKC,UAAU,YAC5BhB,EAAMc,IAAA,OAAA,CAAAC,OAAO,OAAOC,UAAU,kBAGhChB,EACCc,IAAA,SAAA,CAAAG,GAAI3B,EAAQ,EACZ4B,GAAI5B,EAAQ,EACZQ,YAAaA,EACbqB,EAAG1B,EACH2B,cAAe,GACfC,KAAM,OACNpB,MAAO,CACNqB,OAAQ,aAGVtB,gBACCiB,GAAI3B,EAAQ,EACZ4B,GAAI5B,EAAQ,EACZQ,YAAaA,EACbqB,EAAG1B,EACHQ,MAAO,CACNqB,OAAQ,uBACRC,gBAAiB7B,EACjB8B,iBAAkB3B,GAEnB4B,~~UAAyB~~,~~cAAAnC~~,EAAQ,KAAKA,EAAQ,KAC9C+B,KAAM,OACNK,cAAe,QACfC,eAAgB,UAEjB3B,MAAC4B,UAAa,CACbC,EAAGvC,EAAQ,EAAIS,EAAiB,EAChCT,MAAOS,UAGJ"}
1	+ {"version":3,"file":"CircularProgressBar.js","sources":["../../../../src/components/progress-bar/CircularProgressBar.tsx"],"sourcesContent":["import CheckListIcon from '@src/assets/icons/checklistIcon.svg';\nimport React from 'react';\n\n//TODO: Make Inner icon dynamic and support text option also\nconst CircularProgressBar: React.FC<{\n\tpercentage: number;\n\twidth?: number;\n\tcontainerStyle?: React.CSSProperties;\n}> = ({ percentage, width = 200, containerStyle }) => {\n\tconst cleanedPercentage =\n\t\tpercentage < 0 ? 0 : percentage > 100 ? 100 : percentage;\n\tconst radius = width / 2 - width / 10;\n\tconst dashArray = radius * Math.PI * 2;\n\tconst dashOffset = dashArray - (dashArray * cleanedPercentage) / 100;\n\tconst strokeWidth = width / 10;\n\tconst innerIconWidth = width / 3;\n\treturn (\n\t\t<div style={containerStyle}>\n\t\t\t<svg width={width} height={width} viewBox={`0 0 ${width} ${width}`}>\n\t\t\t\t<defs>\n\t\t\t\t\t<linearGradient id=\"gradientStroke\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\">\n\t\t\t\t\t\t<stop offset=\"0%\" stopColor=\"#7000FF\" />\n\t\t\t\t\t\t<stop offset=\"100%\" stopColor=\"#AD00FF\" />\n\t\t\t\t\t</linearGradient>\n\t\t\t\t</defs>\n\t\t\t\t<circle\n\t\t\t\t\tcx={width / 2}\n\t\t\t\t\tcy={width / 2}\n\t\t\t\t\tstrokeWidth={strokeWidth}\n\t\t\t\t\tr={radius}\n\t\t\t\t\tstrokeOpacity={0.8}\n\t\t\t\t\tfill={'none'}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tstroke: '#ffffff',\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t\t<circle\n\t\t\t\t\tcx={width / 2}\n\t\t\t\t\tcy={width / 2}\n\t\t\t\t\tstrokeWidth={strokeWidth}\n\t\t\t\t\tr={radius}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tstroke: 'url(#gradientStroke)',\n\t\t\t\t\t\tstrokeDasharray: dashArray,\n\t\t\t\t\t\tstrokeDashoffset: dashOffset,\n\t\t\t\t\t}}\n\t\t\t\t\ttransform={`rotate(-90 ${width / 2} ${width / 2})`}\n\t\t\t\t\tfill={'none'}\n\t\t\t\t\tstrokeLinecap={'round'}\n\t\t\t\t\tstrokeLinejoin={'round'}\n\t\t\t\t/>\n\t\t\t\t<CheckListIcon\n\t\t\t\t\tx={width / 2 - innerIconWidth / 2}\n\t\t\t\t\twidth={innerIconWidth}\n\t\t\t\t/>\n\t\t\t</svg>\n\t\t</div>\n\t);\n};\n\nexport default CircularProgressBar;\n"],"names":["CircularProgressBar","percentage","width","containerStyle","cleanedPercentage","radius","dashArray","Math","PI","dashOffset","strokeWidth","innerIconWidth","_jsx","style","children","_jsxs","jsxs","Object","assign","height","viewBox","id","x1","y1","x2","y2","jsx","offset","stopColor","cx","cy","r","strokeOpacity","fill","stroke","strokeDasharray","strokeDashoffset","transform","strokeLinecap","strokeLinejoin","CheckListIcon","x"],"mappings":"4KAQKA,EAAGC,aAAYC,QAAQ,IAAKC,qBAChC,MAAMC,EACLH,EAAa,EAAI,EAAIA,EAAa,IAAM,IAAMA,EACzCI,EAASH,EAAQ,EAAIA,EAAQ,GAC7BI,EAAYD,EAASE,KAAKC,GAAK,EAC/BC,EAAaH,EAAaA,EAAYF,EAAqB,IAC3DM,EAAcR,EAAQ,GACtBS,EAAiBT,EAAQ,EAC/B,OACCU,2BAAKC,MAAOV,GACX,CAAAW,SAAAC,EAAAC,KAAA,MAAAC,OAAAC,OAAA,CAAKhB,MAAOA,EAAOiB,OAAQjB,EAAOkB,QAAS,OAAOlB,KAASA,KAAO,CAAAY,SAAA,CACjEF,uBACCG,EAAgBC,KAAA,iBAAAC,OAAAC,OAAA,CAAAG,GAAG,iBAAiBC,GAAG,KAAKC,GAAG,KAAKC,GAAG,OAAOC,GAAG,MAChE,CAAAX,SAAA,CAAAF,EAAAc,IAAA,OAAA,CAAMC,OAAO,KAAKC,UAAU,YAC5BhB,EAAMc,IAAA,OAAA,CAAAC,OAAO,OAAOC,UAAU,kBAGhChB,EACCc,IAAA,SAAA,CAAAG,GAAI3B,EAAQ,EACZ4B,GAAI5B,EAAQ,EACZQ,YAAaA,EACbqB,EAAG1B,EACH2B,cAAe,GACfC,KAAM,OACNpB,MAAO,CACNqB,OAAQ,aAGVtB,gBACCiB,GAAI3B,EAAQ,EACZ4B,GAAI5B,EAAQ,EACZQ,YAAaA,EACbqB,EAAG1B,EACHQ,MAAO,CACNqB,OAAQ,uBACRC,gBAAiB7B,EACjB8B,iBAAkB3B,GAEnB4B,UAAW,cAAcnC,EAAQ,KAAKA,EAAQ,KAC9C+B,KAAM,OACNK,cAAe,QACfC,eAAgB,UAEjB3B,MAAC4B,UAAa,CACbC,EAAGvC,EAAQ,EAAIS,EAAiB,EAChCT,MAAOS,UAGJ"}

package/dist/cjs/components/progress-bar-v2/ProgressBarV2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ProgressBarV2.js","sources":["../../../../src/components/progress-bar-v2/ProgressBarV2.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { BodyTiny } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\n\nexport enum TextAlignment {\n\tRIGHT = 'right',\n\tLEFT = 'left',\n\tTOP = 'top',\n\tBOTTOM = 'bottom',\n}\n\nexport enum ProgressBarType {\n\tCIRCLE = 'circle',\n\tLINE = 'line',\n}\n\nexport interface ProgressBarV2Props {\n\tprogress: number;\n\ttype: ProgressBarType;\n\tshowProgress?: boolean;\n\ttext?: string;\n\tsize?: number;\n\tprogressBarThickness?: number;\n\tcolor?: string;\n\ttextPosition?: TextAlignment;\n\tmatchParentWidth?: boolean;\n}\n\nexport const ProgressBarV2 = (props: ProgressBarV2Props) => {\n\tconst {\n\t\ttype,\n\t\tprogress,\n\t\tprogressBarThickness,\n\t\tsize,\n\t\tcolor,\n\t\ttext,\n\t\ttextPosition,\n\t\tshowProgress,\n\t\tmatchParentWidth = false,\n\t} = props;\n\n\tlet alignment = textPosition;\n\tif (!alignment) {\n\t\talignment = TextAlignment.LEFT;\n\t}\n\n\treturn (\n\t\t<MainContainer alignment={alignment}>\n\t\t\t{showProgress &&\n\t\t\t\t(alignment === TextAlignment.TOP \|\|\n\t\t\t\t\talignment === TextAlignment.LEFT) && (\n\t\t\t\t\t<BodyTiny\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tmarginBottom: alignment === TextAlignment.TOP ? '8px' : undefined,\n\t\t\t\t\t\t\tmarginRight: alignment === TextAlignment.LEFT ? '8px' : undefined,\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t>\n\t\t\t\t\t\t{text ?? `${progress}% completed...`}\n\t\t\t\t\t</BodyTiny>\n\t\t\t\t)}\n\t\t\t{type === ProgressBarType.LINE ? (\n\t\t\t\t<BarContainer\n\t\t\t\t\tsize={size}\n\t\t\t\t\tprogressBarThickness={progressBarThickness}\n\t\t\t\t\tmatchParentWidth={matchParentWidth}\n\t\t\t\t>\n\t\t\t\t\t<InnerBarContainer progress={progress} color={color} />\n\t\t\t\t</BarContainer>\n\t\t\t) : (\n\t\t\t\t<CircleContainer progress={progress} color={color} size={size}>\n\t\t\t\t\t<InnerCircleContainer\n\t\t\t\t\t\tprogress={progress}\n\t\t\t\t\t\tsize={size}\n\t\t\t\t\t\tprogressBarThickness={progressBarThickness}\n\t\t\t\t\t/>\n\t\t\t\t</CircleContainer>\n\t\t\t)}\n\t\t\t{showProgress &&\n\t\t\t\t(alignment === TextAlignment.BOTTOM \|\|\n\t\t\t\t\talignment === TextAlignment.RIGHT) && (\n\t\t\t\t\t<BodyTiny\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tmarginTop: alignment === TextAlignment.BOTTOM ? '8px' : undefined,\n\t\t\t\t\t\t\tmarginLeft: alignment === TextAlignment.RIGHT ? '8px' : undefined,\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t>\n\t\t\t\t\t\t{text ?? `${progress}% completed...`}\n\t\t\t\t\t</BodyTiny>\n\t\t\t\t)}\n\t\t</MainContainer>\n\t);\n};\n\nconst MainContainer = styled.div<{ alignment?: TextAlignment }>`\n\tdisplay: flex;\n\tflex-direction: ${(props) =>\n\t\tprops?.alignment === TextAlignment.TOP \|\|\n\t\tprops?.alignment === TextAlignment.BOTTOM\n\t\t\t? 'column'\n\t\t\t: 'row'};\n\talign-items: center;\n\twidth: 100%;\n`;\n\nconst CircleContainer = styled.div<{\n\tprogress: number;\n\tsize?: number;\n\tcolor?: string;\n}>`\n\twidth: ${(props) => props.size ?? 32}px;\n\theight: ${(props) => props.size ?? 32}px;\n\tborder-radius: 50%;\n\toverflow: hidden;\n\tbackground: conic-gradient(\n\t\t${(props) => props.color ?? COLORS.background.brand}\n\t\t\t${(props) => props.progress * 3.6}deg,\n\t\t${COLORS.content.inactive} 0deg\n\t);\n\tposition: relative;\n`;\n\nconst InnerCircleContainer = styled.div<{\n\tprogress: number;\n\tsize?: number;\n\tprogressBarThickness?: number;\n}>`\n\tbackground-color: ${COLORS.background.inactive};\n\ttransition: width 0.3s ease-in-out;\n\tposition: absolute;\n\ttop: 50%;\n\tleft: 50%;\n\ttransform: translate(-50%, -50%);\n\twidth: ${(props) =>\n\t\tprops.progressBarThickness\n\t\t\t? props.size ?? 32 - props.progressBarThickness\n\t\t\t: 20}px;\n\theight: ${(props) =>\n\t\tprops.progressBarThickness\n\t\t\t? props.size ?? 32 - props.progressBarThickness\n\t\t\t: 20}px;\n\tborder-radius: 50%;\n\tbackground: ${COLORS.surface.standard};\n`;\n\nconst BarContainer = styled.div<{\n\tsize?: number;\n\tprogressBarThickness?: number;\n\tmatchParentWidth?: boolean;\n}>`\n\twidth: ${(props) =>\n\t\tprops.matchParentWidth ? '100%' : `${props.size ?? 90}px`};\n\theight: ${(props) => props.progressBarThickness ?? 8}px;\n\tbackground-color: ${COLORS.background.inactive};\n\tborder-radius: 4px;\n\toverflow: hidden;\n`;\n\nconst InnerBarContainer = styled.div<{\n\tprogress: number;\n\tcolor?: string;\n}>`\n\theight: 100%;\n\twidth: ${(props) => props.progress}%;\n\tbackground-color: ${(props) => props.color ?? COLORS.background.brand};\n\ttransition: width 0.3s ease-in-out;\n`;\n"],"names":["TextAlignment","ProgressBarType","ProgressBarV2","MainContainer","_styled","process","env","NODE_ENV","target","label","props","alignment","TOP","BOTTOM","CircleContainer","_a","size","color","COLORS","background","brand","progress","content","inactive","InnerCircleContainer","progressBarThickness","surface","standard","BarContainer","matchParentWidth","InnerBarContainer","type","text","textPosition","showProgress","LEFT","_jsxs","Object","assign","_jsx","BodyTiny","style","marginBottom","undefined","marginRight","secondary","LINE","children","jsx","RIGHT","marginTop","marginLeft"],"mappings":"8RAIYA,EAOAC,SAPAD,QAKXA,mBAAA,GALWA,EAAAA,wBAAAA,QAAAA,cAKX,CAAA,IAJA,MAAA,QACAA,EAAA,KAAA,OACAA,EAAA,IAAA,MACAA,EAAA,OAAA,SAGWC,QAGXA,qBAAA,GAHWA,EAAAA,0BAAAA,QAAAA,gBAGX,CAAA,IAFA,OAAA,SACAA,EAAA,KAAA,OAeYC,MAmEPC,EAAaC,EAAA,QAAA,MAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,OAAA,aAAA,CAAAA,OAAA,YAAAC,MAAA,iBAAAL,CAECM,gCAAAA,IAClBA,aAAK,EAALA,EAAOC,aAAcX,QAAAA,cAAcY,MACnCF,aAAA,EAAAA,EAAOC,aAAcX,QAAaA,cAACa,OAChC,SACA,OAAKR,mCAGT,eAHSA,QAAAC,IAAAC,SAGT,GAAA,wkNAEKO,EAAeV,EAAA,QAAA,MAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,OAAA,aAAA,CAAAA,OAAA,YAAAC,MAAA,mBAAAL,CAAA,UAKVM,IAAS,IAAAK,EAAC,OAAU,QAAVA,EAAAL,EAAMM,YAAI,IAAAD,EAAAA,EAAI,EAAE,GAAA,cACzBL,IAAS,IAAAK,EAAC,OAAU,QAAVA,EAAAL,EAAMM,YAAI,IAAAD,EAAAA,EAAI,EAAE,GAAA,yEAIjCL,IAAU,IAAAK,EAAA,OAAW,UAAXL,EAAMO,aAAK,IAAAF,EAAAA,EAAIG,SAAOC,WAAWC,KAAK,GAAA,YAC/CV,GAA2B,IAAjBA,EAAMW,UAClBH,aAAAA,EAAAA,OAAOI,QAAQC,SAAQlB,iCAG1B,eAH0BA,QAAAC,IAAAC,SAG1B,GAAA,wkNAEKiB,EAAoBpB,EAAA,QAAA,MAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,OAAA,aAAA,CAAAA,OAAA,YAAAC,MAAA,wBAAAL,CAAA,oBAKLc,EAAMA,OAACC,WAAWI,SAAQ,gHAMpCb,UACT,OAAAA,EAAMe,6BACHV,EAAAL,EAAMM,oBAAQ,GAAKN,EAAMe,qBACzB,EAAE,GAAA,cACKf,UACV,OAAAA,EAAMe,6BACHV,EAAAL,EAAMM,oBAAQ,GAAKN,EAAMe,qBACzB,EAAE,GAEQP,mCAAAA,EAAMA,OAACQ,QAAQC,SAAQtB,KACrC,eADqCA,QAAAC,IAAAC,SACrC,GAAA,wkNAEKqB,EAAYxB,EAAA,QAAA,MAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,OAAA,aAAA,CAAAA,OAAA,YAAAC,MAAA,gBAAAL,CAAA,UAKPM,IACT,IAAAK,EAAA,OAAAL,EAAMmB,iBAAmB,~~OAAY~~,~~GAAc~~,QAAdd,EAAAL,EAAMM,YAAQ,IAAAD,EAAAA,EAAA,MAAM,GAAA,YAC/CL,IAAS,IAAAK,EAAC,OAA0B,QAA1BA,EAAAL,EAAMe,4BAAoB,IAAAV,EAAAA,EAAI,CAAC,GAChCG,uBAAAA,EAAMA,OAACC,WAAWI,SAAQlB,uCAG9C,eAH8CA,QAAAC,IAAAC,SAG9C,GAAA,wkNAEKuB,EAAiB1B,EAAA,QAAA,MAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,OAAA,aAAA,CAAAA,OAAA,YAAAC,MAAA,qBAAAL,CAAA,sBAKZM,GAAUA,EAAMW,UAAQ,uBACbX,IAAU,IAAAK,EAAA,OAAW,UAAXL,EAAMO,aAAK,IAAAF,EAAAA,EAAIG,SAAOC,WAAWC,KAAK,0CAErE,eAFqEf,QAAAC,IAAAC,SAErE,GAAA,8lNA3I6BG,IAC7B,MAAMqB,KACLA,EAAIV,SACJA,EAAQI,qBACRA,EAAoBT,KACpBA,EAAIC,MACJA,EAAKe,KACLA,EAAIC,aACJA,EAAYC,aACZA,EAAYL,iBACZA,GAAmB,GAChBnB,EAEJ,IAAIC,EAAYsB,EAKhB,OAJKtB,IACJA,EAAYX,QAAaA,cAACmC,MAI1BC,OAACjC,EAAakC,OAAAC,OAAA,CAAC3B,UAAWA,cACxBuB,IACCvB,IAAcX,QAAAA,cAAcY,KAC5BD,IAAcX,QAAaA,cAACmC,OAC5BI,EAAAA,IAACC,EAAAA,SACAH,OAAAC,OAAA,CAAAG,MAAO,CACNC,aAAc/B,IAAcX,QAAAA,cAAcY,IAAM,WAAQ+B,EACxDC,YAAajC,IAAcX,QAAAA,cAAcmC,KAAO,WAAQQ,GAEzD1B,MAAOC,EAAAA,OAAOI,QAAQuB,qBAErBb,QAAAA,~~EAAW~~,~~GAAAX~~,qBAGdU,IAAS9B,wBAAgB6C,KACzBP,EAAAA,IAACX,iBACAZ,KAAMA,EACNS,qBAAsBA,EACtBI,iBAAkBA,GAElB,CAAAkB,SAAAR,EAAAS,IAAClB,EAAiB,CAACT,SAAUA,EAAUJ,MAAOA,OAG/CsB,EAAAS,IAAClC,EAAgBuB,OAAAC,OAAA,CAAAjB,SAAUA,EAAUJ,MAAOA,EAAOD,KAAMA,GACxD,CAAA+B,SAAAR,EAAAS,IAACxB,EACA,CAAAH,SAAUA,EACVL,KAAMA,EACNS,qBAAsBA,OAIxBS,IACCvB,IAAcX,QAAAA,cAAca,QAC5BF,IAAcX,QAAaA,cAACiD,QAC5BV,EAAAA,IAACC,EAAAA,SACAH,OAAAC,OAAA,CAAAG,MAAO,CACNS,UAAWvC,IAAcX,QAAAA,cAAca,OAAS,WAAQ8B,EACxDQ,WAAYxC,IAAcX,QAAAA,cAAciD,MAAQ,WAAQN,GAEzD1B,MAAOC,EAAAA,OAAOI,QAAQuB,qBAErBb,QAAAA,~~EAAW~~,~~GAAAX~~,wBAGA"}
1	+ {"version":3,"file":"ProgressBarV2.js","sources":["../../../../src/components/progress-bar-v2/ProgressBarV2.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { BodyTiny } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\n\nexport enum TextAlignment {\n\tRIGHT = 'right',\n\tLEFT = 'left',\n\tTOP = 'top',\n\tBOTTOM = 'bottom',\n}\n\nexport enum ProgressBarType {\n\tCIRCLE = 'circle',\n\tLINE = 'line',\n}\n\nexport interface ProgressBarV2Props {\n\tprogress: number;\n\ttype: ProgressBarType;\n\tshowProgress?: boolean;\n\ttext?: string;\n\tsize?: number;\n\tprogressBarThickness?: number;\n\tcolor?: string;\n\ttextPosition?: TextAlignment;\n\tmatchParentWidth?: boolean;\n}\n\nexport const ProgressBarV2 = (props: ProgressBarV2Props) => {\n\tconst {\n\t\ttype,\n\t\tprogress,\n\t\tprogressBarThickness,\n\t\tsize,\n\t\tcolor,\n\t\ttext,\n\t\ttextPosition,\n\t\tshowProgress,\n\t\tmatchParentWidth = false,\n\t} = props;\n\n\tlet alignment = textPosition;\n\tif (!alignment) {\n\t\talignment = TextAlignment.LEFT;\n\t}\n\n\treturn (\n\t\t<MainContainer alignment={alignment}>\n\t\t\t{showProgress &&\n\t\t\t\t(alignment === TextAlignment.TOP \|\|\n\t\t\t\t\talignment === TextAlignment.LEFT) && (\n\t\t\t\t\t<BodyTiny\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tmarginBottom: alignment === TextAlignment.TOP ? '8px' : undefined,\n\t\t\t\t\t\t\tmarginRight: alignment === TextAlignment.LEFT ? '8px' : undefined,\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t>\n\t\t\t\t\t\t{text ?? `${progress}% completed...`}\n\t\t\t\t\t</BodyTiny>\n\t\t\t\t)}\n\t\t\t{type === ProgressBarType.LINE ? (\n\t\t\t\t<BarContainer\n\t\t\t\t\tsize={size}\n\t\t\t\t\tprogressBarThickness={progressBarThickness}\n\t\t\t\t\tmatchParentWidth={matchParentWidth}\n\t\t\t\t>\n\t\t\t\t\t<InnerBarContainer progress={progress} color={color} />\n\t\t\t\t</BarContainer>\n\t\t\t) : (\n\t\t\t\t<CircleContainer progress={progress} color={color} size={size}>\n\t\t\t\t\t<InnerCircleContainer\n\t\t\t\t\t\tprogress={progress}\n\t\t\t\t\t\tsize={size}\n\t\t\t\t\t\tprogressBarThickness={progressBarThickness}\n\t\t\t\t\t/>\n\t\t\t\t</CircleContainer>\n\t\t\t)}\n\t\t\t{showProgress &&\n\t\t\t\t(alignment === TextAlignment.BOTTOM \|\|\n\t\t\t\t\talignment === TextAlignment.RIGHT) && (\n\t\t\t\t\t<BodyTiny\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tmarginTop: alignment === TextAlignment.BOTTOM ? '8px' : undefined,\n\t\t\t\t\t\t\tmarginLeft: alignment === TextAlignment.RIGHT ? '8px' : undefined,\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t>\n\t\t\t\t\t\t{text ?? `${progress}% completed...`}\n\t\t\t\t\t</BodyTiny>\n\t\t\t\t)}\n\t\t</MainContainer>\n\t);\n};\n\nconst MainContainer = styled.div<{ alignment?: TextAlignment }>`\n\tdisplay: flex;\n\tflex-direction: ${(props) =>\n\t\tprops?.alignment === TextAlignment.TOP \|\|\n\t\tprops?.alignment === TextAlignment.BOTTOM\n\t\t\t? 'column'\n\t\t\t: 'row'};\n\talign-items: center;\n\twidth: 100%;\n`;\n\nconst CircleContainer = styled.div<{\n\tprogress: number;\n\tsize?: number;\n\tcolor?: string;\n}>`\n\twidth: ${(props) => props.size ?? 32}px;\n\theight: ${(props) => props.size ?? 32}px;\n\tborder-radius: 50%;\n\toverflow: hidden;\n\tbackground: conic-gradient(\n\t\t${(props) => props.color ?? COLORS.background.brand}\n\t\t\t${(props) => props.progress * 3.6}deg,\n\t\t${COLORS.content.inactive} 0deg\n\t);\n\tposition: relative;\n`;\n\nconst InnerCircleContainer = styled.div<{\n\tprogress: number;\n\tsize?: number;\n\tprogressBarThickness?: number;\n}>`\n\tbackground-color: ${COLORS.background.inactive};\n\ttransition: width 0.3s ease-in-out;\n\tposition: absolute;\n\ttop: 50%;\n\tleft: 50%;\n\ttransform: translate(-50%, -50%);\n\twidth: ${(props) =>\n\t\tprops.progressBarThickness\n\t\t\t? props.size ?? 32 - props.progressBarThickness\n\t\t\t: 20}px;\n\theight: ${(props) =>\n\t\tprops.progressBarThickness\n\t\t\t? props.size ?? 32 - props.progressBarThickness\n\t\t\t: 20}px;\n\tborder-radius: 50%;\n\tbackground: ${COLORS.surface.standard};\n`;\n\nconst BarContainer = styled.div<{\n\tsize?: number;\n\tprogressBarThickness?: number;\n\tmatchParentWidth?: boolean;\n}>`\n\twidth: ${(props) =>\n\t\tprops.matchParentWidth ? '100%' : `${props.size ?? 90}px`};\n\theight: ${(props) => props.progressBarThickness ?? 8}px;\n\tbackground-color: ${COLORS.background.inactive};\n\tborder-radius: 4px;\n\toverflow: hidden;\n`;\n\nconst InnerBarContainer = styled.div<{\n\tprogress: number;\n\tcolor?: string;\n}>`\n\theight: 100%;\n\twidth: ${(props) => props.progress}%;\n\tbackground-color: ${(props) => props.color ?? COLORS.background.brand};\n\ttransition: width 0.3s ease-in-out;\n`;\n"],"names":["TextAlignment","ProgressBarType","ProgressBarV2","MainContainer","_styled","process","env","NODE_ENV","target","label","props","alignment","TOP","BOTTOM","CircleContainer","_a","size","color","COLORS","background","brand","progress","content","inactive","InnerCircleContainer","progressBarThickness","surface","standard","BarContainer","matchParentWidth","InnerBarContainer","type","text","textPosition","showProgress","LEFT","_jsxs","Object","assign","_jsx","BodyTiny","style","marginBottom","undefined","marginRight","secondary","LINE","children","jsx","RIGHT","marginTop","marginLeft"],"mappings":"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"}

package/dist/cjs/components/resizeImage/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../shimmer/ShimmerComponent/BikShimmer.js"),i=require("../../utils/resizeImage.js");exports.ResizableImage=s=>{let{imageUrl:m,targetSize:a,alt:h,style:u}=s;const[l,c]=r.useState("");return r.useEffect((()=>{i.resizeImage(m,a).then((e=>{c(e)})).catch((e=>{c(m)}))}),[m,a]),l?e.jsx("img",{alt:h,src:l,height:a,width:a,style:u}):e.jsx(t.BikShimmer,{boxes:[{marginTop:"0px",height:`${a}px`,width:`${a}px`}]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../shimmer/ShimmerComponent/BikShimmer.js"),i=require("../../utils/resizeImage.js");exports.ResizableImage=({imageUrl:s,targetSize:m,alt:a,style:h})=>{const[u,c]=r.useState("");return r.useEffect((()=>{i.resizeImage(s,m).then((e=>{c(e)})).catch((e=>{c(s)}))}),[s,m]),u?e.jsx("img",{alt:a,src:u,height:m,width:m,style:h}):e.jsx(t.BikShimmer,{boxes:[{marginTop:"0px",height:`${m}px`,width:`${m}px`}]})};
 //# sourceMappingURL=index.js.map

package/dist/cjs/components/resizeImage/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/components/resizeImage/index.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { BikShimmer } from '@src/components/shimmer';\nimport { resizeImage } from '@src/utils/resizeImage';\n\nexport interface ResizableImageProps {\n\timageUrl: string;\n\ttargetSize: number;\n\talt?: string;\n\tstyle?: React.CSSProperties;\n}\n\nexport const ResizableImage: React.FC<ResizableImageProps> = ({\n\timageUrl,\n\ttargetSize,\n\talt,\n\tstyle,\n}) => {\n\tconst [resizedImageUrl, setResizedImageUrl] = useState('');\n\n\tuseEffect(() => {\n\t\tresizeImage(imageUrl, targetSize)\n\t\t\t.then((resizedImage) => {\n\t\t\t\tsetResizedImageUrl(resizedImage);\n\t\t\t})\n\t\t\t.catch((error) => {\n\t\t\t\tsetResizedImageUrl(imageUrl);\n\t\t\t});\n\t}, [imageUrl, targetSize]);\n\n\tif (!resizedImageUrl)\n\t\treturn (\n\t\t\t<BikShimmer\n\t\t\t\tboxes={[\n\t\t\t\t\t{\n\t\t\t\t\t\tmarginTop: '0px',\n\t\t\t\t\t\theight: `${targetSize}px`,\n\t\t\t\t\t\twidth: `${targetSize}px`,\n\t\t\t\t\t},\n\t\t\t\t]}\n\t\t\t/>\n\t\t);\n\n\treturn (\n\t\t<img\n\t\t\talt={alt}\n\t\t\tsrc={resizedImageUrl}\n\t\t\theight={targetSize}\n\t\t\twidth={targetSize}\n\t\t\tstyle={style}\n\t\t/>\n\t);\n};\n"],"names":["~~_ref~~","imageUrl","targetSize","alt","style","resizedImageUrl","setResizedImageUrl","useState","useEffect","resizeImage","then","resizedImage","catch","error","_jsx","src","height","width","jsx","BikShimmer","boxes","marginTop"],"mappings":"gPAW6DA,~~IAKxD~~,~~IALyDC~~,~~SAC7DA~~,~~EAAQC~~,~~WACRA~~,~~EAAUC~~,~~IACVA,EAAGC,MACHA,GACAJ,EACA,MAAOK,~~EAAiBC,GAAsBC,EAAQA,SAAC,IAYvD,OAVAC,EAAAA,WAAU,KACTC,EAAAA,YAAYR,EAAUC,GACpBQ,MAAMC,IACNL,EAAmBK,EAAa,IAEhCC,OAAOC,IACPP,EAAmBL,EAAS,GAC3B,GACD,CAACA,EAAUC,IAETG,EAcJS,EAAAA,WACCX,IAAKA,EACLY,IAAKV,EACLW,OAAQd,EACRe,MAAOf,EACPE,MAAOA,IAjBPU,EAAAI,IAACC,aAAU,CACVC,MAAO,CACN,CACCC,UAAW,MACXL,~~OAAW~~,~~GAAAd~~,MACXe,~~MAAU~~,~~GAAAf~~,SAaZ"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/components/resizeImage/index.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { BikShimmer } from '@src/components/shimmer';\nimport { resizeImage } from '@src/utils/resizeImage';\n\nexport interface ResizableImageProps {\n\timageUrl: string;\n\ttargetSize: number;\n\talt?: string;\n\tstyle?: React.CSSProperties;\n}\n\nexport const ResizableImage: React.FC<ResizableImageProps> = ({\n\timageUrl,\n\ttargetSize,\n\talt,\n\tstyle,\n}) => {\n\tconst [resizedImageUrl, setResizedImageUrl] = useState('');\n\n\tuseEffect(() => {\n\t\tresizeImage(imageUrl, targetSize)\n\t\t\t.then((resizedImage) => {\n\t\t\t\tsetResizedImageUrl(resizedImage);\n\t\t\t})\n\t\t\t.catch((error) => {\n\t\t\t\tsetResizedImageUrl(imageUrl);\n\t\t\t});\n\t}, [imageUrl, targetSize]);\n\n\tif (!resizedImageUrl)\n\t\treturn (\n\t\t\t<BikShimmer\n\t\t\t\tboxes={[\n\t\t\t\t\t{\n\t\t\t\t\t\tmarginTop: '0px',\n\t\t\t\t\t\theight: `${targetSize}px`,\n\t\t\t\t\t\twidth: `${targetSize}px`,\n\t\t\t\t\t},\n\t\t\t\t]}\n\t\t\t/>\n\t\t);\n\n\treturn (\n\t\t<img\n\t\t\talt={alt}\n\t\t\tsrc={resizedImageUrl}\n\t\t\theight={targetSize}\n\t\t\twidth={targetSize}\n\t\t\tstyle={style}\n\t\t/>\n\t);\n};\n"],"names":["ResizableImage","imageUrl","targetSize","alt","style","resizedImageUrl","setResizedImageUrl","useState","useEffect","resizeImage","then","resizedImage","catch","error","_jsx","src","height","width","jsx","BikShimmer","boxes","marginTop"],"mappings":"gPAW6DA,EAC5DC,WACAC,aACAC,MACAC,YAEA,MAAOC,EAAiBC,GAAsBC,EAAQA,SAAC,IAYvD,OAVAC,EAAAA,WAAU,KACTC,EAAAA,YAAYR,EAAUC,GACpBQ,MAAMC,IACNL,EAAmBK,EAAa,IAEhCC,OAAOC,IACPP,EAAmBL,EAAS,GAC3B,GACD,CAACA,EAAUC,IAETG,EAcJS,EAAAA,WACCX,IAAKA,EACLY,IAAKV,EACLW,OAAQd,EACRe,MAAOf,EACPE,MAAOA,IAjBPU,EAAAI,IAACC,aAAU,CACVC,MAAO,CACN,CACCC,UAAW,MACXL,OAAQ,GAAGd,MACXe,MAAO,GAAGf,SAaZ"}

package/dist/cjs/components/shimmer-image/ShimmerImage.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),i=require("../shimmer/ShimmerComponent/BikShimmer.js");const r="https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F9034204a-cbf9-4b93-8b28-ccf880d273f9?alt=media&token=318529b5-8df0-4644-85b0-40fff1dc1d5c";exports.DEFAULT_IMAGE=r,exports.ShimmerImage=s=>{let{imageUrl:a,width:o,height:l,borderRadius:n,alt:c,useDynamicInfoImageSize:m,defaultImageUrl:d=r,imagePreviewStyles:u}=s;const[g,h]=t.useState(!0),[b,p]=t.useState(!1);return t.useEffect((()=>{const e=new Image;return e.src=a,e.onload=()=>{p(!1),h(!1)},e.onerror=()=>{p(!0),h(!1)},()=>{e.onload=null,e.onerror=null}}),[a]),e.jsxs("div",Object.assign({style:Object.assign(Object.assign({position:"relative",width:m?`min(100%, ${o}px)`:o},m?{aspectRatio:1}:{height:l}),{borderRadius:n})},{children:[g&&e.jsx(i.BikShimmer,{boxes:[{height:`${l}px`,width:`${o}px`,marginTop:"0px"}]}),b?e.jsx("img",{src:d,alt:null!=c?c:"Image",style:{borderRadius:null!=n?n:0,display:"block",width:"100%",height:"100%",objectFit:"cover"}}):e.jsx("img",{src:a,alt:null!=c?c:"Image",style:Object.assign({borderRadius:null!=n?n:0,display:g?"none":"block",width:"100%",height:"100%",objectFit:"cover"},u)})]}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),i=require("../shimmer/ShimmerComponent/BikShimmer.js");const r="https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F9034204a-cbf9-4b93-8b28-ccf880d273f9?alt=media&token=318529b5-8df0-4644-85b0-40fff1dc1d5c";exports.DEFAULT_IMAGE=r,exports.ShimmerImage=({imageUrl:s,width:a,height:o,borderRadius:l,alt:n,useDynamicInfoImageSize:c,defaultImageUrl:m=r,imagePreviewStyles:d})=>{const[u,g]=t.useState(!0),[h,b]=t.useState(!1);return t.useEffect((()=>{const e=new Image;return e.src=s,e.onload=()=>{b(!1),g(!1)},e.onerror=()=>{b(!0),g(!1)},()=>{e.onload=null,e.onerror=null}}),[s]),e.jsxs("div",Object.assign({style:Object.assign(Object.assign({position:"relative",width:c?`min(100%, ${a}px)`:a},c?{aspectRatio:1}:{height:o}),{borderRadius:l})},{children:[u&&e.jsx(i.BikShimmer,{boxes:[{height:`${o}px`,width:`${a}px`,marginTop:"0px"}]}),h?e.jsx("img",{src:m,alt:null!=n?n:"Image",style:{borderRadius:null!=l?l:0,display:"block",width:"100%",height:"100%",objectFit:"cover"}}):e.jsx("img",{src:s,alt:null!=n?n:"Image",style:Object.assign({borderRadius:null!=l?l:0,display:u?"none":"block",width:"100%",height:"100%",objectFit:"cover"},d)})]}))};
 //# sourceMappingURL=ShimmerImage.js.map

package/dist/cjs/components/shimmer-image/ShimmerImage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ShimmerImage.js","sources":["../../../../src/components/shimmer-image/ShimmerImage.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { BikShimmer } from '../shimmer';\n\nexport type ShimmerImageProps = {\n\timageUrl: string;\n\twidth: number \| string;\n\theight: number \| string;\n\talt?: string;\n\tborderRadius?: number;\n\tdefaultImageUrl?: string;\n\tuseDynamicInfoImageSize?: boolean;\n\timagePreviewStyles?: React.CSSProperties;\n};\n\nexport const DEFAULT_IMAGE =\n\t'https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F9034204a-cbf9-4b93-8b28-ccf880d273f9?alt=media&token=318529b5-8df0-4644-85b0-40fff1dc1d5c';\n\nexport const ShimmerImage: React.FC<ShimmerImageProps> = ({\n\timageUrl,\n\twidth,\n\theight,\n\tborderRadius,\n\talt,\n\tuseDynamicInfoImageSize,\n\tdefaultImageUrl = DEFAULT_IMAGE,\n\timagePreviewStyles\n}) => {\n\tconst [isLoading, setIsLoading] = useState(true);\n\tconst [isError, setIsError] = useState(false);\n\n\tuseEffect(() => {\n\t\tconst image = new Image();\n\t\timage.src = imageUrl;\n\n\t\timage.onload = () => {\n\t\t\tsetIsError(false);\n\t\t\tsetIsLoading(false);\n\t\t};\n\n\t\timage.onerror = () => {\n\t\t\tsetIsError(true);\n\t\t\tsetIsLoading(false);\n\t\t};\n\n\t\treturn () => {\n\t\t\timage.onload = null;\n\t\t\timage.onerror = null;\n\t\t};\n\t}, [imageUrl]);\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\tposition: 'relative',\n\t\t\t\twidth: useDynamicInfoImageSize ? `min(100%, ${width}px)` : width,\n\t\t\t\t...(useDynamicInfoImageSize ? { aspectRatio: 1 } : { height }),\n\t\t\t\tborderRadius,\n\t\t\t}}\n\t\t>\n\t\t\t{isLoading && (\n\t\t\t\t<BikShimmer\n\t\t\t\t\tboxes={[\n\t\t\t\t\t\t{ height: `${height}px`, width: `${width}px`, marginTop: '0px' },\n\t\t\t\t\t]}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t{isError ? (\n\t\t\t\t<img\n\t\t\t\t\tsrc={defaultImageUrl}\n\t\t\t\t\talt={alt ?? 'Image'}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tborderRadius: borderRadius ?? 0,\n\t\t\t\t\t\tdisplay: 'block',\n\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\tobjectFit: 'cover',\n\t\t\t\t\t}}\n\t\t\t\t\t\n\t\t\t\t/>\n\t\t\t) : (\n\t\t\t\t<img\n\t\t\t\t\tsrc={imageUrl}\n\t\t\t\t\talt={alt ?? 'Image'}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tborderRadius: borderRadius ?? 0,\n\t\t\t\t\t\tdisplay: isLoading ? 'none' : 'block',\n\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\tobjectFit: 'cover',\n\t\t\t\t\t\t...imagePreviewStyles\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n"],"names":["DEFAULT_IMAGE","~~_ref~~","imageUrl","width","height","borderRadius","alt","useDynamicInfoImageSize","defaultImageUrl","imagePreviewStyles","isLoading","setIsLoading","useState","isError","setIsError","useEffect","image","Image","src","onload","onerror","_jsxs","style","Object","assign","position","aspectRatio","children","_jsx","jsx","BikShimmer","boxes","marginTop","display","objectFit"],"mappings":"iLAcO,MAAMA,EACZ,4NAEwDC,~~IASpD~~,~~IATqDC~~,~~SACzDA~~,~~EAAQC~~,~~MACRA~~,~~EAAKC~~,~~OACLA~~,~~EAAMC~~,~~aACNA~~,~~EAAYC~~,~~IACZA~~,~~EAAGC,wBACHA,EAAuBC,gBACvBA,EAAkBR,EAAaS,mBAC/BA,GACAR,EACA,MAAOS,~~EAAWC,GAAgBC,EAAQA,UAAC,IACpCC,EAASC,GAAcF,EAAQA,UAAC,GAsBvC,OApBAG,EAAAA,WAAU,KACT,MAAMC,EAAQ,IAAIC,MAalB,OAZAD,EAAME,IAAMhB,EAEZc,EAAMG,OAAS,KACdL,GAAW,GACXH,GAAa,EAAM,EAGpBK,EAAMI,QAAU,KACfN,GAAW,GACXH,GAAa,EAAM,EAGb,KACNK,EAAMG,OAAS,KACfH,EAAMI,QAAU,IAAI,CACpB,GACC,CAAClB,IAGHmB,4BACCC,MAAKC,OAAAC,OAAAD,OAAAC,OAAA,CACJC,SAAU,WACVtB,MAAOI,~~eAAuCJ~~,OAAaA,GACvDI,EAA0B,CAAEmB,YAAa,GAAM,CAAEtB,WAAS,CAC9DC,kBAAY,CAAAsB,SAAA,CAGZjB,GACAkB,EAACC,IAAAC,aACA,CAAAC,MAAO,CACN,CAAE3B,~~OAAW~~,~~GAAAA~~,MAAYD,MAAO,GAAGA,MAAW6B,UAAW,UAI3DnB,EACAe,EACCC,IAAA,MAAA,CAAAX,IAAKV,EACLF,IAAKA,QAAAA,EAAO,QACZgB,MAAO,CACNjB,aAAcA,QAAAA,EAAgB,EAC9B4B,QAAS,QACT9B,MAAO,OACPC,OAAQ,OACR8B,UAAW,WAKbN,EAAAC,IAAA,MAAA,CACCX,IAAKhB,EACLI,IAAKA,QAAAA,EAAO,QACZgB,MAAKC,OAAAC,OAAA,CACJnB,aAAcA,QAAAA,EAAgB,EAC9B4B,QAASvB,EAAY,OAAS,QAC9BP,MAAO,OACPC,OAAQ,OACR8B,UAAW,SACRzB,QAID"}
1	+ {"version":3,"file":"ShimmerImage.js","sources":["../../../../src/components/shimmer-image/ShimmerImage.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { BikShimmer } from '../shimmer';\n\nexport type ShimmerImageProps = {\n\timageUrl: string;\n\twidth: number \| string;\n\theight: number \| string;\n\talt?: string;\n\tborderRadius?: number;\n\tdefaultImageUrl?: string;\n\tuseDynamicInfoImageSize?: boolean;\n\timagePreviewStyles?: React.CSSProperties;\n};\n\nexport const DEFAULT_IMAGE =\n\t'https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F9034204a-cbf9-4b93-8b28-ccf880d273f9?alt=media&token=318529b5-8df0-4644-85b0-40fff1dc1d5c';\n\nexport const ShimmerImage: React.FC<ShimmerImageProps> = ({\n\timageUrl,\n\twidth,\n\theight,\n\tborderRadius,\n\talt,\n\tuseDynamicInfoImageSize,\n\tdefaultImageUrl = DEFAULT_IMAGE,\n\timagePreviewStyles\n}) => {\n\tconst [isLoading, setIsLoading] = useState(true);\n\tconst [isError, setIsError] = useState(false);\n\n\tuseEffect(() => {\n\t\tconst image = new Image();\n\t\timage.src = imageUrl;\n\n\t\timage.onload = () => {\n\t\t\tsetIsError(false);\n\t\t\tsetIsLoading(false);\n\t\t};\n\n\t\timage.onerror = () => {\n\t\t\tsetIsError(true);\n\t\t\tsetIsLoading(false);\n\t\t};\n\n\t\treturn () => {\n\t\t\timage.onload = null;\n\t\t\timage.onerror = null;\n\t\t};\n\t}, [imageUrl]);\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\tposition: 'relative',\n\t\t\t\twidth: useDynamicInfoImageSize ? `min(100%, ${width}px)` : width,\n\t\t\t\t...(useDynamicInfoImageSize ? { aspectRatio: 1 } : { height }),\n\t\t\t\tborderRadius,\n\t\t\t}}\n\t\t>\n\t\t\t{isLoading && (\n\t\t\t\t<BikShimmer\n\t\t\t\t\tboxes={[\n\t\t\t\t\t\t{ height: `${height}px`, width: `${width}px`, marginTop: '0px' },\n\t\t\t\t\t]}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t{isError ? (\n\t\t\t\t<img\n\t\t\t\t\tsrc={defaultImageUrl}\n\t\t\t\t\talt={alt ?? 'Image'}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tborderRadius: borderRadius ?? 0,\n\t\t\t\t\t\tdisplay: 'block',\n\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\tobjectFit: 'cover',\n\t\t\t\t\t}}\n\t\t\t\t\t\n\t\t\t\t/>\n\t\t\t) : (\n\t\t\t\t<img\n\t\t\t\t\tsrc={imageUrl}\n\t\t\t\t\talt={alt ?? 'Image'}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tborderRadius: borderRadius ?? 0,\n\t\t\t\t\t\tdisplay: isLoading ? 'none' : 'block',\n\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\tobjectFit: 'cover',\n\t\t\t\t\t\t...imagePreviewStyles\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n"],"names":["DEFAULT_IMAGE","ShimmerImage","imageUrl","width","height","borderRadius","alt","useDynamicInfoImageSize","defaultImageUrl","imagePreviewStyles","isLoading","setIsLoading","useState","isError","setIsError","useEffect","image","Image","src","onload","onerror","_jsxs","style","Object","assign","position","aspectRatio","children","_jsx","jsx","BikShimmer","boxes","marginTop","display","objectFit"],"mappings":"iLAcO,MAAMA,EACZ,4NAEwDC,EACxDC,WACAC,QACAC,SACAC,eACAC,MACAC,0BACAC,kBAAkBR,EAClBS,yBAEA,MAAOC,EAAWC,GAAgBC,EAAQA,UAAC,IACpCC,EAASC,GAAcF,EAAQA,UAAC,GAsBvC,OApBAG,EAAAA,WAAU,KACT,MAAMC,EAAQ,IAAIC,MAalB,OAZAD,EAAME,IAAMhB,EAEZc,EAAMG,OAAS,KACdL,GAAW,GACXH,GAAa,EAAM,EAGpBK,EAAMI,QAAU,KACfN,GAAW,GACXH,GAAa,EAAM,EAGb,KACNK,EAAMG,OAAS,KACfH,EAAMI,QAAU,IAAI,CACpB,GACC,CAAClB,IAGHmB,4BACCC,MAAKC,OAAAC,OAAAD,OAAAC,OAAA,CACJC,SAAU,WACVtB,MAAOI,EAA0B,aAAaJ,OAAaA,GACvDI,EAA0B,CAAEmB,YAAa,GAAM,CAAEtB,WAAS,CAC9DC,kBAAY,CAAAsB,SAAA,CAGZjB,GACAkB,EAACC,IAAAC,aACA,CAAAC,MAAO,CACN,CAAE3B,OAAQ,GAAGA,MAAYD,MAAO,GAAGA,MAAW6B,UAAW,UAI3DnB,EACAe,EACCC,IAAA,MAAA,CAAAX,IAAKV,EACLF,IAAKA,QAAAA,EAAO,QACZgB,MAAO,CACNjB,aAAcA,QAAAA,EAAgB,EAC9B4B,QAAS,QACT9B,MAAO,OACPC,OAAQ,OACR8B,UAAW,WAKbN,EAAAC,IAAA,MAAA,CACCX,IAAKhB,EACLI,IAAKA,QAAAA,EAAO,QACZgB,MAAKC,OAAAC,OAAA,CACJnB,aAAcA,QAAAA,EAAgB,EAC9B4B,QAASvB,EAAY,OAAS,QAC9BP,MAAO,OACPC,OAAQ,OACR8B,UAAW,SACRzB,QAID"}

package/dist/cjs/components/side-modal/SideModal.style.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../constants/Theme.js"),o=require("../../constants/zindex.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=i(e);const d=r.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../constants/Theme.js"),o=require("../../constants/zindex.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=i(e);const r=d.default.div`
 	position: fixed;
 	top: 0;
 	left: 0;
@@ -9,14 +9,14 @@
 	display: flex;
 	align-items: center;
 	justify-content: flex-end;
-`,n=r.default.div`
+`,n=d.default.div`
 	height: 100%;
 	width: ${e=>e.width||"566px"};
 	background: ${t.COLORS.surface.standard};
 	position: relative;
 	display: flex;
 	flex-direction: column;
-`,a=r.default.div`
+`,a=d.default.div`
 	width: 100%;
 	height: 60px;
 	position: sticky;
@@ -33,17 +33,17 @@
 		background: ${t.COLORS.background.base};
 		border-radius: 4px;
 	}
-	${t=>{let{headerStyle:o}=t;return e.css`
-		${Object.keys(o).map((e=>`${e}: ${o[e]};`)).join("\n")}
-	`}}
-`,s=r.default.div`
+	${({headerStyle:t})=>e.css`
+		${Object.keys(t).map((e=>`${e}: ${t[e]};`)).join("\n")}
+	`}
+`,s=d.default.div`
 	overflow-y: auto;
 	padding: 24px;
 	height: ${e=>e.hideFooter?"calc(100% - 60px)":"calc(100% - 120px)"};
-	${t=>{let{bodyStyle:o}=t;return e.css`
-		${Object.keys(o).map((e=>`${e}: ${o[e]};`)).join("\n")}
-	`}}
-`,p=r.default.div`
+	${({bodyStyle:t})=>e.css`
+		${Object.keys(t).map((e=>`${e}: ${t[e]};`)).join("\n")}
+	`}
+`,p=d.default.div`
 	height: 60px;
 	width: 100%;
 	position: sticky;
@@ -55,12 +55,12 @@
 	background: ${t.COLORS.surface.standard};
 	border-top: 1px solid ${t.COLORS.stroke.primary};
 	padding: 0px 24px;
-	${t=>{let{footerStyle:o}=t;return e.css`
-		${Object.keys(o).map((e=>`${e}: ${o[e]};`)).join("\n")}
-	`}}
-`,l=r.default.div`
+	${({footerStyle:t})=>e.css`
+		${Object.keys(t).map((e=>`${e}: ${t[e]};`)).join("\n")}
+	`}
+`,l=d.default.div`
 	display: flex;
 	flex-direction: ${e=>e.footerDirection||"row"};
 	gap: 8px;
-`;exports.FooterButtonWrapper=l,exports.SideModalBody=s,exports.SideModalContainer=n,exports.SideModalFooter=p,exports.SideModalHeader=a,exports.SideModalStyle=d;
+`;exports.FooterButtonWrapper=l,exports.SideModalBody=s,exports.SideModalContainer=n,exports.SideModalFooter=p,exports.SideModalHeader=a,exports.SideModalStyle=r;
 //# sourceMappingURL=SideModal.style.js.map

package/dist/cjs/components/side-modal/SideModal.style.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SideModal.style.js","sources":["../../../../src/components/side-modal/SideModal.style.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\nimport { ComponentZindex } from '@src/constants/zindex';\n\nexport const SideModalStyle = styled.div<{\n\tzIndex?: number;\n}>`\n\tposition: fixed;\n\ttop: 0;\n\tleft: 0;\n\tz-index: ${(props) => props.zIndex \|\| ComponentZindex.SIDE_MODAL};\n\theight: 100%;\n\twidth: 100%;\n\tbackground-color: rgba(0, 0, 0, 0.4);\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: flex-end;\n`;\n\nexport const SideModalContainer = styled.div<{ width?: string }>`\n\theight: 100%;\n\twidth: ${(props) => props.width \|\| '566px'};\n\tbackground: ${COLORS.surface.standard};\n\tposition: relative;\n\tdisplay: flex;\n\tflex-direction: column;\n`;\n\nexport const SideModalHeader = styled.div<{\n\theaderStyle: React.CSSProperties;\n}>`\n\twidth: 100%;\n\theight: 60px;\n\tposition: sticky;\n\ttop: 0;\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tjustify-content: space-between;\n\tbackground: ${COLORS.surface.standard};\n\tpadding: 0px 24px;\n\tborder-bottom: 1px solid ${COLORS.stroke.primary};\n\tsvg:hover {\n\t\tcursor: pointer;\n\t\tbackground: ${COLORS.background.base};\n\t\tborder-radius: 4px;\n\t}\n\t${({ headerStyle }) => css`\n\t\t${Object.keys(headerStyle)\n\t\t\t.map((property) => `${property}: ${headerStyle[property]};`)\n\t\t\t.join('\\n')}\n\t`}\n`;\n\nexport const SideModalBody = styled.div<{\n\thideFooter?: boolean;\n\tbodyStyle: React.CSSProperties;\n}>`\n\toverflow-y: auto;\n\tpadding: 24px;\n\theight: ${(props) =>\n\t\tprops.hideFooter ? 'calc(100% - 60px)' : 'calc(100% - 120px)'};\n\t${({ bodyStyle }) => css`\n\t\t${Object.keys(bodyStyle)\n\t\t\t.map((property) => `${property}: ${bodyStyle[property]};`)\n\t\t\t.join('\\n')}\n\t`}\n`;\n\nexport const SideModalFooter = styled.div<{\n\tfooterDirection?: 'row' \| 'row-reverse';\n\tfooterStyle: React.CSSProperties;\n}>`\n\theight: 60px;\n\twidth: 100%;\n\tposition: sticky;\n\tbottom: 0;\n\tdisplay: flex;\n\tflex-direction: ${(props) => props.footerDirection \|\| 'row'};\n\tjustify-content: space-between;\n\talign-items: center;\n\tbackground: ${COLORS.surface.standard};\n\tborder-top: 1px solid ${COLORS.stroke.primary};\n\tpadding: 0px 24px;\n\t${({ footerStyle }) => css`\n\t\t${Object.keys(footerStyle)\n\t\t\t.map((property) => `${property}: ${footerStyle[property]};`)\n\t\t\t.join('\\n')}\n\t`}\n`;\n\nexport const FooterButtonWrapper = styled.div<{\n\tfooterDirection?: 'row' \| 'row-reverse';\n}>`\n\tdisplay: flex;\n\tflex-direction: ${(props) => props.footerDirection \|\| 'row'};\n\tgap: 8px;\n`;\n"],"names":["SideModalStyle","styled","div","props","zIndex","ComponentZindex","SIDE_MODAL","SideModalContainer","width","COLORS","surface","standard","SideModalHeader","stroke","primary","background","base","~~_ref","~~headerStyle","css","Object","keys","map","property","join","SideModalBody","hideFooter","~~_ref2","~~bodyStyle","SideModalFooter","footerDirection","~~_ref3","~~footerStyle","FooterButtonWrapper"],"mappings":"uQAIaA,MAAAA,EAAiBC,EAAM,QAACC,GAEnC;;;;YAIWC,GAAUA,EAAMC,QAAUC,EAAAA,gBAAgBC;;;;;;;EAS1CC,EAAqBN,EAAM,QAACC,GAAuB;;UAErDC,GAAUA,EAAMK,OAAS;eACrBC,EAAMA,OAACC,QAAQC;;;;EAMjBC,EAAkBX,EAAM,QAACC,GAEpC;;;;;;;;;eASaO,EAAMA,OAACC,QAAQC;;4BAEFF,EAAMA,OAACI,OAAOC;;;gBAG1BL,EAAMA,OAACM,WAAWC;;;GAG/BC,~~IAAA~~,~~IAACC~~,~~YAAEA,GAAaD,EAAA,OAAKE,~~KAAG;IACvBC,OAAOC,KAAKH,GACZI,KAAKC,GAAa,GAAGA,MAAaL,EAAYK,QAC9CC,KAAK~~;EACP;EAGWC~~,~~EAAgBxB~~,EAAM,QAACC,GAGlC;;;WAGUC,GACVA,~~EAAMuB~~,WAAa,oBAAsB;~~GACxCC~~,~~IAAA~~,~~IAACC~~,~~UAAEA,GAAWD,EAAA,OAAKR,~~KAAG;IACrBC,OAAOC,~~KAAKO~~,~~GACZN~~,KAAKC,GAAa,GAAGA,~~MAAaK~~,~~EAAUL~~,QAC5CC,KAAK~~;EACP;EAGWK~~,~~EAAkB5B~~,EAAM,QAACC,GAGpC;;;;;;mBAMkBC,GAAUA,~~EAAM2B~~,iBAAmB;;;~~eAGxCrB~~,EAAMA,OAACC,QAAQC;yBACLF,EAAMA,OAACI,OAAOC;;~~GAEpCiB~~,~~IAAA~~,~~IAACC~~,~~YAAEA,GAAaD,EAAA,OAAKZ,~~KAAG;IACvBC,OAAOC,~~KAAKW~~,~~GACZV~~,KAAKC,GAAa,GAAGA,~~MAAaS~~,~~EAAYT~~,QAC9CC,KAAK~~;EACP;EAGWS~~,~~EAAsBhC~~,EAAM,QAACC,GAExC;;mBAEkBC,GAAUA,~~EAAM2B~~,iBAAmB;;"}
1	+ {"version":3,"file":"SideModal.style.js","sources":["../../../../src/components/side-modal/SideModal.style.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\nimport { ComponentZindex } from '@src/constants/zindex';\n\nexport const SideModalStyle = styled.div<{\n\tzIndex?: number;\n}>`\n\tposition: fixed;\n\ttop: 0;\n\tleft: 0;\n\tz-index: ${(props) => props.zIndex \|\| ComponentZindex.SIDE_MODAL};\n\theight: 100%;\n\twidth: 100%;\n\tbackground-color: rgba(0, 0, 0, 0.4);\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: flex-end;\n`;\n\nexport const SideModalContainer = styled.div<{ width?: string }>`\n\theight: 100%;\n\twidth: ${(props) => props.width \|\| '566px'};\n\tbackground: ${COLORS.surface.standard};\n\tposition: relative;\n\tdisplay: flex;\n\tflex-direction: column;\n`;\n\nexport const SideModalHeader = styled.div<{\n\theaderStyle: React.CSSProperties;\n}>`\n\twidth: 100%;\n\theight: 60px;\n\tposition: sticky;\n\ttop: 0;\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tjustify-content: space-between;\n\tbackground: ${COLORS.surface.standard};\n\tpadding: 0px 24px;\n\tborder-bottom: 1px solid ${COLORS.stroke.primary};\n\tsvg:hover {\n\t\tcursor: pointer;\n\t\tbackground: ${COLORS.background.base};\n\t\tborder-radius: 4px;\n\t}\n\t${({ headerStyle }) => css`\n\t\t${Object.keys(headerStyle)\n\t\t\t.map((property) => `${property}: ${headerStyle[property]};`)\n\t\t\t.join('\\n')}\n\t`}\n`;\n\nexport const SideModalBody = styled.div<{\n\thideFooter?: boolean;\n\tbodyStyle: React.CSSProperties;\n}>`\n\toverflow-y: auto;\n\tpadding: 24px;\n\theight: ${(props) =>\n\t\tprops.hideFooter ? 'calc(100% - 60px)' : 'calc(100% - 120px)'};\n\t${({ bodyStyle }) => css`\n\t\t${Object.keys(bodyStyle)\n\t\t\t.map((property) => `${property}: ${bodyStyle[property]};`)\n\t\t\t.join('\\n')}\n\t`}\n`;\n\nexport const SideModalFooter = styled.div<{\n\tfooterDirection?: 'row' \| 'row-reverse';\n\tfooterStyle: React.CSSProperties;\n}>`\n\theight: 60px;\n\twidth: 100%;\n\tposition: sticky;\n\tbottom: 0;\n\tdisplay: flex;\n\tflex-direction: ${(props) => props.footerDirection \|\| 'row'};\n\tjustify-content: space-between;\n\talign-items: center;\n\tbackground: ${COLORS.surface.standard};\n\tborder-top: 1px solid ${COLORS.stroke.primary};\n\tpadding: 0px 24px;\n\t${({ footerStyle }) => css`\n\t\t${Object.keys(footerStyle)\n\t\t\t.map((property) => `${property}: ${footerStyle[property]};`)\n\t\t\t.join('\\n')}\n\t`}\n`;\n\nexport const FooterButtonWrapper = styled.div<{\n\tfooterDirection?: 'row' \| 'row-reverse';\n}>`\n\tdisplay: flex;\n\tflex-direction: ${(props) => props.footerDirection \|\| 'row'};\n\tgap: 8px;\n`;\n"],"names":["SideModalStyle","styled","div","props","zIndex","ComponentZindex","SIDE_MODAL","SideModalContainer","width","COLORS","surface","standard","SideModalHeader","stroke","primary","background","base","headerStyle","css","Object","keys","map","property","join","SideModalBody","hideFooter","bodyStyle","SideModalFooter","footerDirection","footerStyle","FooterButtonWrapper"],"mappings":"uQAIaA,MAAAA,EAAiBC,EAAM,QAACC,GAEnC;;;;YAIWC,GAAUA,EAAMC,QAAUC,EAAAA,gBAAgBC;;;;;;;EAS1CC,EAAqBN,EAAM,QAACC,GAAuB;;UAErDC,GAAUA,EAAMK,OAAS;eACrBC,EAAMA,OAACC,QAAQC;;;;EAMjBC,EAAkBX,EAAM,QAACC,GAEpC;;;;;;;;;eASaO,EAAMA,OAACC,QAAQC;;4BAEFF,EAAMA,OAACI,OAAOC;;;gBAG1BL,EAAMA,OAACM,WAAWC;;;GAG/B,EAAGC,iBAAkBC,KAAG;IACvBC,OAAOC,KAAKH,GACZI,KAAKC,GAAa,GAAGA,MAAaL,EAAYK,QAC9CC,KAAK;;EAIIC,EAAgBvB,EAAM,QAACC,GAGlC;;;WAGUC,GACVA,EAAMsB,WAAa,oBAAsB;GACxC,EAAGC,eAAgBR,KAAG;IACrBC,OAAOC,KAAKM,GACZL,KAAKC,GAAa,GAAGA,MAAaI,EAAUJ,QAC5CC,KAAK;;EAIII,EAAkB1B,EAAM,QAACC,GAGpC;;;;;;mBAMkBC,GAAUA,EAAMyB,iBAAmB;;;eAGxCnB,EAAMA,OAACC,QAAQC;yBACLF,EAAMA,OAACI,OAAOC;;GAEpC,EAAGe,iBAAkBX,KAAG;IACvBC,OAAOC,KAAKS,GACZR,KAAKC,GAAa,GAAGA,MAAaO,EAAYP,QAC9CC,KAAK;;EAIIO,EAAsB7B,EAAM,QAACC,GAExC;;mBAEkBC,GAAUA,EAAMyB,iBAAmB;;"}

package/dist/cjs/components/slider/slider.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),a=require("../../constants/Theme.js");exports.BikSlider=n=>{let{min:r=0,max:o=100,defaultValue:s,onChange:i,step:l=1,disabled:u=!1}=n;const b=void 0!==s?s:r,[c,d]=t.useState(b),[g,h]=t.useState(!1),[m,p]=t.useState(!1),[x,f]=t.useState(!1),v=t.useRef(null),k=t.useRef(null),w=t.useMemo((()=>(e=>({container:{position:"relative",marginTop:"30px",height:"8px",width:"100%",cursor:e?"not-allowed":"pointer",opacity:e?.5:1},track:{position:"absolute",top:0,left:0,right:0,height:"8px",backgroundColor:"#E0E0E0",borderRadius:"4px"},filledTrack:{position:"absolute",top:0,left:0,height:"8px",backgroundColor:a.COLORS.background.brand,borderRadius:"4px",transition:"width 0.1s ease"},filledTrackDragging:{position:"absolute",top:0,left:0,height:"8px",backgroundColor:a.COLORS.background.brand,borderRadius:"4px",transition:"none"},thumb:{position:"absolute",top:"50%",width:"24px",height:"24px",backgroundColor:a.COLORS.background.brand,border:`2px solid ${a.COLORS.background.brand}`,borderRadius:"50%",transform:"translate(-50%, -50%)",cursor:e?"not-allowed":"grab",transition:"box-shadow 0.2s ease",outline:"none",zIndex:1},thumbDisabled:{cursor:"not-allowed"},valueLabel:{position:"absolute",bottom:"100%",left:"50%",marginBottom:"16px",width:"32px",height:"32px",backgroundColor:a.COLORS.background.brand,borderRadius:"50% 50% 50% 0",transform:"translate(0, 0) rotate(-45deg) scale(0)",transformOrigin:"bottom left",transition:"transform 0.2s ease",pointerEvents:"none",display:"flex",alignItems:"center",justifyContent:"center"},valueLabelVisible:{transform:"translate(0, 0) rotate(-45deg) scale(1)"},valueLabelText:{transform:"rotate(45deg)",color:"white",fontSize:"12px",lineHeight:1.2,fontWeight:500}}))(u)),[u]);t.useEffect((()=>{d(void 0!==s?s:r)}),[s,r]);const O=t.useCallback((e=>{if(!v.current)return r;const t=v.current.getBoundingClientRect(),a=Math.max(0,Math.min(1,(e-t.left)/t.width)),n=r+a*(o-r),s=Math.round(n/l)*l;return Math.max(r,Math.min(o,s))}),[r,o,l]),j=t.useCallback((e=>{if(u)return;e.preventDefault(),h(!0),f(!0);const t=O(e.clientX);d(t);const a=new Event("change",{bubbles:!0});i(a,t)}),[u,O,i]),L=t.useCallback((e=>{if(!g||u)return;const t=O(e.clientX);d(t);const a=new Event("change",{bubbles:!0});i(a,t)}),[g,u,O,i]),C=t.useCallback((()=>{h(!1),f(!1)}),[]),M=t.useCallback((e=>{if(u)return;let t=c;switch(e.key){case"ArrowLeft":case"ArrowDown":t=Math.max(r,c-l);break;case"ArrowRight":case"ArrowUp":t=Math.min(o,c+l);break;case"Home":t=r;break;case"End":t=o;break;default:return}e.preventDefault(),d(t);const a=new Event("change",{bubbles:!0});i(a,t)}),[u,c,r,o,l,i]);t.useEffect((()=>{if(g)return document.addEventListener("mousemove",L),document.addEventListener("mouseup",C),()=>{document.removeEventListener("mousemove",L),document.removeEventListener("mouseup",C)}}),[g,L,C]);const E=(c-r)/(o-r)*100,R=isNaN(E)?0:Math.max(0,Math.min(100,E)),S=t.useMemo((()=>{const e=Object.assign({},w.thumb);return u?Object.assign(Object.assign({},e),w.thumbDisabled):(g?(e.boxShadow="0px 0px 0px 8px rgba(115, 29, 207, 0.5)",e.cursor="grabbing"):m&&(e.boxShadow="0px 0px 0px 8px rgba(115, 29, 207, 0.08)"),e.left=`${R}%`,e)}),[w.thumb,w.thumbDisabled,u,g,m,R]),y=t.useMemo((()=>{const e=Object.assign({},w.valueLabel);return x||m?Object.assign(Object.assign({},e),w.valueLabelVisible):e}),[w.valueLabel,w.valueLabelVisible,x,m]);return e.jsxs("div",Object.assign({ref:v,style:w.container,onMouseDown:j,role:"slider","aria-label":"bik slider","aria-valuemin":r,"aria-valuemax":o,"aria-valuenow":c,tabIndex:u?-1:0,onKeyDown:M},{children:[e.jsx("div",{style:w.track}),e.jsx("div",{style:Object.assign(Object.assign({},g?w.filledTrackDragging:w.filledTrack),{width:`${R}%`})}),e.jsx("div",Object.assign({ref:k,style:S,onMouseEnter:()=>!u&&p(!0),onMouseLeave:()=>!u&&p(!1),onFocus:()=>!u&&f(!0),onBlur:()=>!u&&f(!1)},{children:e.jsx("div",Object.assign({style:y},{children:e.jsx("span",Object.assign({style:w.valueLabelText},{children:c}))}))}))]}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),a=require("../../constants/Theme.js");exports.BikSlider=({min:n=0,max:r=100,defaultValue:o,onChange:s,step:i=1,disabled:l=!1})=>{const u=void 0!==o?o:n,[b,c]=t.useState(u),[d,g]=t.useState(!1),[h,m]=t.useState(!1),[p,x]=t.useState(!1),f=t.useRef(null),v=t.useRef(null),k=t.useMemo((()=>(e=>({container:{position:"relative",marginTop:"30px",height:"8px",width:"100%",cursor:e?"not-allowed":"pointer",opacity:e?.5:1},track:{position:"absolute",top:0,left:0,right:0,height:"8px",backgroundColor:"#E0E0E0",borderRadius:"4px"},filledTrack:{position:"absolute",top:0,left:0,height:"8px",backgroundColor:a.COLORS.background.brand,borderRadius:"4px",transition:"width 0.1s ease"},filledTrackDragging:{position:"absolute",top:0,left:0,height:"8px",backgroundColor:a.COLORS.background.brand,borderRadius:"4px",transition:"none"},thumb:{position:"absolute",top:"50%",width:"24px",height:"24px",backgroundColor:a.COLORS.background.brand,border:`2px solid ${a.COLORS.background.brand}`,borderRadius:"50%",transform:"translate(-50%, -50%)",cursor:e?"not-allowed":"grab",transition:"box-shadow 0.2s ease",outline:"none",zIndex:1},thumbDisabled:{cursor:"not-allowed"},valueLabel:{position:"absolute",bottom:"100%",left:"50%",marginBottom:"16px",width:"32px",height:"32px",backgroundColor:a.COLORS.background.brand,borderRadius:"50% 50% 50% 0",transform:"translate(0, 0) rotate(-45deg) scale(0)",transformOrigin:"bottom left",transition:"transform 0.2s ease",pointerEvents:"none",display:"flex",alignItems:"center",justifyContent:"center"},valueLabelVisible:{transform:"translate(0, 0) rotate(-45deg) scale(1)"},valueLabelText:{transform:"rotate(45deg)",color:"white",fontSize:"12px",lineHeight:1.2,fontWeight:500}}))(l)),[l]);t.useEffect((()=>{c(void 0!==o?o:n)}),[o,n]);const w=t.useCallback((e=>{if(!f.current)return n;const t=f.current.getBoundingClientRect(),a=Math.max(0,Math.min(1,(e-t.left)/t.width)),o=n+a*(r-n),s=Math.round(o/i)*i;return Math.max(n,Math.min(r,s))}),[n,r,i]),O=t.useCallback((e=>{if(l)return;e.preventDefault(),g(!0),x(!0);const t=w(e.clientX);c(t);const a=new Event("change",{bubbles:!0});s(a,t)}),[l,w,s]),j=t.useCallback((e=>{if(!d||l)return;const t=w(e.clientX);c(t);const a=new Event("change",{bubbles:!0});s(a,t)}),[d,l,w,s]),L=t.useCallback((()=>{g(!1),x(!1)}),[]),C=t.useCallback((e=>{if(l)return;let t=b;switch(e.key){case"ArrowLeft":case"ArrowDown":t=Math.max(n,b-i);break;case"ArrowRight":case"ArrowUp":t=Math.min(r,b+i);break;case"Home":t=n;break;case"End":t=r;break;default:return}e.preventDefault(),c(t);const a=new Event("change",{bubbles:!0});s(a,t)}),[l,b,n,r,i,s]);t.useEffect((()=>{if(d)return document.addEventListener("mousemove",j),document.addEventListener("mouseup",L),()=>{document.removeEventListener("mousemove",j),document.removeEventListener("mouseup",L)}}),[d,j,L]);const M=(b-n)/(r-n)*100,E=isNaN(M)?0:Math.max(0,Math.min(100,M)),R=t.useMemo((()=>{const e=Object.assign({},k.thumb);return l?Object.assign(Object.assign({},e),k.thumbDisabled):(d?(e.boxShadow="0px 0px 0px 8px rgba(115, 29, 207, 0.5)",e.cursor="grabbing"):h&&(e.boxShadow="0px 0px 0px 8px rgba(115, 29, 207, 0.08)"),e.left=`${E}%`,e)}),[k.thumb,k.thumbDisabled,l,d,h,E]),S=t.useMemo((()=>{const e=Object.assign({},k.valueLabel);return p||h?Object.assign(Object.assign({},e),k.valueLabelVisible):e}),[k.valueLabel,k.valueLabelVisible,p,h]);return e.jsxs("div",Object.assign({ref:f,style:k.container,onMouseDown:O,role:"slider","aria-label":"bik slider","aria-valuemin":n,"aria-valuemax":r,"aria-valuenow":b,tabIndex:l?-1:0,onKeyDown:C},{children:[e.jsx("div",{style:k.track}),e.jsx("div",{style:Object.assign(Object.assign({},d?k.filledTrackDragging:k.filledTrack),{width:`${E}%`})}),e.jsx("div",Object.assign({ref:v,style:R,onMouseEnter:()=>!l&&m(!0),onMouseLeave:()=>!l&&m(!1),onFocus:()=>!l&&x(!0),onBlur:()=>!l&&x(!1)},{children:e.jsx("div",Object.assign({style:S},{children:e.jsx("span",Object.assign({style:k.valueLabelText},{children:b}))}))}))]}))};
 //# sourceMappingURL=slider.js.map