@bikdotai/bik-component-library 0.0.814 → 0.0.815

package/dist/cjs/components/product-picker-v2/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/product-picker-v2/style.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\nimport { BodyTiny, TitleSmall } from '../TypographyStyle';\nimport { ScreenName } from './type';\n\nexport const ContainerStyle = styled.div<{ renderWithoutModal?: boolean }>`\n\tdisplay: flex;\n\tbackground-color: white;\n\theight: ${(props) => (props.renderWithoutModal ? '90%' : '75vh')};\n\tflex-direction: column;\n`;\n\nexport const ScrollContainerStyle = styled.div<{ screenName: string }>`\n\toverflow-y: scroll;\n\toverflow-x: hidden;\n\n\t::-webkit-scrollbar {\n\t\tdisplay: block;\n\t\twidth: 8px;\n\t}\n\n\t::-webkit-scrollbar-thumb {\n\t\tbackground-color: ${(props) =>\n\t\t\tprops.screenName !== ScreenName.RearrangeProducts ? '#888' : '#fff'};\n\t\tborder-radius: 8px;\n\t}\n`;\n\nexport const CollectionCardStyle = styled.div<{\n\tisDisabled: boolean;\n\tisActive: boolean;\n\tusedInSearch: boolean;\n}>`\n\theight: 64px;\n\tbackground-color: ${(props) =>\n\t\tprops.isDisabled\n\t\t\t? '#F0F0F0'\n\t\t\t: props.isActive\n\t\t\t? COLORS.background.positive.light\n\t\t\t: 'white'};\n\tborder-bottom: 1px solid #e0e0e0;\n\tpadding: ${(props) => (props.usedInSearch ? '12px 16px' : '12px 24px')};\n\tdisplay: flex;\n\tflex-direction: row;\n\tcolumn-gap: 16px;\n\tjustify-content: space-between;\n\talign-items: center;\n\t:hover {\n\t\tcursor: pointer;\n\t\tbackground-color: ${COLORS.surface.hovered};\n\t}\n`;\n\nexport const CollectionCardInfoStyle = styled.div`\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: center;\n\talign-items: center;\n\tcolumn-gap: 18px;\n`;\n\nexport const CollectionCardDetailStyle = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n`;\n\nexport const ProductScreenHeader = styled.div`\n\tdisplay: flex;\n\tflex-direction: row;\n\tmax-height: 32px;\n\tmin-height: 32px;\n\tbackground-color: ${COLORS.background.base};\n\tjustify-content: flex-start;\n\talign-items: center;\n\tpadding: 8px 16px;\n\tmargin-top: 16px;\n\tposition: sticky;\n\ttop: 0;\n\tz-index: 10;\n`;\n\nexport const ProductScreenCollectionCardStyle = styled.div`\n\tdisplay: flex;\n\tflex-direction: row;\n\tcolumn-gap: 16px;\n\tpadding: 12px 16px;\n\tborder-bottom: 1px solid #e0e0e0;\n\talign-items: center;\n`;\n\nexport const ProductCardStyle = styled.div<{\n\tisVariant: boolean;\n\tisActive: boolean;\n}>`\n\tmin-height: 64px;\n\tbackground-color: ${(props) =>\n\t\tprops.isActive ? COLORS.background.positive.light : 'white'};\n\tborder-bottom: 1px solid #e0e0e0;\n\tpadding: 12px 16px;\n\tdisplay: flex;\n\tflex-direction: row;\n\tcolumn-gap: 16px;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tpadding-left: ${(props) => (props.isVariant ? '42px' : '16px')};\n\t:hover {\n\t\tcursor: pointer;\n\t\tbackground-color: ${COLORS.surface.hovered};\n\t}\n`;\n\nexport const SelectedScreenHeader = styled.div`\n\tdisplay: flex;\n\tflex-direction: row;\n\tmax-height: 32px;\n\tmin-height: 32px;\n\tbackground-color: ${COLORS.background.base};\n\tjustify-content: flex-start;\n\talign-items: center;\n\tpadding: 8px 16px;\n\tposition: sticky;\n\ttop: 0;\n\tz-index: 10;\n`;\n\nexport const CollectionNameHolder = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n`;\n\nexport const VariantCardListStyle = styled.div`\n\tmin-height: 72px;\n\tbackground: white;\n\tpadding: 12px 16px;\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tjustify-content: space-between;\n\n\t.text-container {\n\t\tdisplay: flex;\n\t\tgap: 16px;\n\t\tflex: 1;\n\t}\n\n\t.tooltip-title-tag {\n\t\tdisplay: flex;\n\t\tflex: 1;\n\t\talign-items: center;\n\t\tjustify-content: space-between;\n\t\twidth: 100%;\n\t\tgap: 16px;\n\t}\n\t.info-container {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tflex: 1;\n\t}\n`;\n\nexport const VariantCardGridStyle = styled.div`\n\theight: 72px;\n\twidth: 72px;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tmargin: 16px;\n`;\n\nexport const StyledHeaderRightIcon = styled.div`\n\tdisplay: flex;\n\twidth: 32px;\n\theight: 32px;\n\tpadding: 6px;\n\tjustify-content: center;\n\talign-items: center;\n\tborder: 1px solid ${COLORS.stroke.primary};\n\tborder-radius: 4px;\n`;\n\nexport const StyledFooterForNonModal = styled.div`\n\tpadding: 16px 24px;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\tmargin-top: auto;\n\twidth: 100%;\n`;\n\nexport const SKUIDBadge = styled.div`\n\twidth: fit-content;\n\tbackground: ${COLORS.background.brandLight};\n\tpadding: 2px 6px;\n\tborder-radius: 14px;\n`;\n\nexport const EllipsedBodyTiny = styled(BodyTiny)`\n\twhite-space: nowrap;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\tmax-width: 196px;\n\tdisplay: block;\n\tcolor: ${COLORS.background.inverseLight};\n`;\n\nexport const ProductSubTitle = styled.div`\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tgap: 5px;\n`;\nexport const ProductInfo = styled.div`\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tgap: 8px;\n\tmin-width: 0;\n`;\n\nexport const StyledTitleSmall = styled(TitleSmall)`\n\toverflow: hidden;\n\twhite-space: nowrap;\n\ttext-overflow: ellipsis;\n\tdisplay: block;\n`;\n"],"names":["ContainerStyle","styled","props","ScrollContainerStyle","ScreenName","CollectionCardStyle","COLORS","CollectionCardInfoStyle","CollectionCardDetailStyle","ProductScreenHeader","ProductScreenCollectionCardStyle","ProductCardStyle","SelectedScreenHeader","CollectionNameHolder","VariantCardListStyle","VariantCardGridStyle","StyledFooterForNonModal","SKUIDBadge","EllipsedBodyTiny","BodyTiny","ProductSubTitle","ProductInfo","TitleSmall"],"mappings":"qNAKaA,EAAiBC,EAAO;AAAA;AAAA;AAAA,WAGzBC,GAAWA,EAAM,mBAAqB,MAAQ,MAAO;AAAA;AAAA,EAIpDC,EAAuBF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAUpBC,GACpBA,EAAM,aAAeE,EAAAA,WAAW,kBAAoB,OAAS,MAAM;AAAA;AAAA;AAAA,EAKzDC,EAAsBJ,EAAO;AAAA;AAAA,qBAMpBC,GACpBA,EAAM,WACH,UACAA,EAAM,SACNI,EAAAA,OAAO,WAAW,SAAS,MAC3B,OAAO;AAAA;AAAA,YAECJ,GAAWA,EAAM,aAAe,YAAc,WAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAQjDI,EAAAA,OAAO,QAAQ,OAAO;AAAA;AAAA,EAI/BC,EAA0BN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQjCO,EAA4BP,EAAO;AAAA;AAAA;AAAA;AAAA,EAMnCQ,EAAsBR,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,qBAKrBK,EAAAA,OAAO,WAAW,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAU9BI,EAAmCT,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAS1CU,EAAmBV,EAAO;AAAA;AAAA,qBAKjBC,GACpBA,EAAM,SAAWI,EAAAA,OAAO,WAAW,SAAS,MAAQ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAQ3CJ,GAAWA,EAAM,UAAY,OAAS,MAAO;AAAA;AAAA;AAAA,sBAGzCI,EAAAA,OAAO,QAAQ,OAAO;AAAA;AAAA,EAI/BM,EAAuBX,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,qBAKtBK,EAAAA,OAAO,WAAW,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAS9BO,EAAuBZ,EAAO;AAAA;AAAA;AAAA,EAK9Ba,EAAuBb,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA8B9Bc,EAAuBd,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASNA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAOvBK,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA,EAInC,MAAMU,EAA0Bf,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASjCgB,EAAahB,EAAO;AAAA;AAAA,eAElBK,EAAAA,OAAO,WAAW,UAAU;AAAA;AAAA;AAAA,EAK9BY,EAAmBjB,EAAOkB,UAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAMrCb,EAAAA,OAAO,WAAW,YAAY;AAAA,EAG3Bc,EAAkBnB,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAMzBoB,EAAcpB,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQFA,EAAOqB,YAAU;AAAA;AAAA;AAAA;AAAA;AAAA"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/product-picker-v2/style.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\nimport { BodyTiny, TitleSmall } from '../TypographyStyle';\nimport { ScreenName } from './type';\n\nexport const ContainerStyle = styled.div<{ renderWithoutModal?: boolean }>`\n\tdisplay: flex;\n\tbackground-color: white;\n\theight: ${(props) => (props.renderWithoutModal ? '90%' : '75vh')};\n\tflex-direction: column;\n`;\n\nexport const ScrollContainerStyle = styled.div<{ screenName: string }>`\n\toverflow-y: scroll;\n\toverflow-x: hidden;\n\n\t::-webkit-scrollbar {\n\t\tdisplay: block;\n\t\twidth: 8px;\n\t}\n\n\t::-webkit-scrollbar-thumb {\n\t\tbackground-color: ${(props) =>\n\t\t\tprops.screenName !== ScreenName.RearrangeProducts ? '#888' : '#fff'};\n\t\tborder-radius: 8px;\n\t}\n`;\n\nexport const CollectionCardStyle = styled.div<{\n\tisDisabled: boolean;\n\tisActive: boolean;\n\tusedInSearch: boolean;\n}>`\n\theight: 64px;\n\tbackground-color: ${(props) =>\n\t\tprops.isDisabled\n\t\t\t? '#F0F0F0'\n\t\t\t: props.isActive\n\t\t\t? COLORS.background.positive.light\n\t\t\t: 'white'};\n\tborder-bottom: 1px solid #e0e0e0;\n\tpadding: ${(props) => (props.usedInSearch ? '12px 16px' : '12px 24px')};\n\tdisplay: flex;\n\tflex-direction: row;\n\tcolumn-gap: 16px;\n\tjustify-content: space-between;\n\talign-items: center;\n\t:hover {\n\t\tcursor: pointer;\n\t\tbackground-color: ${COLORS.surface.hovered};\n\t}\n`;\n\nexport const CollectionCardInfoStyle = styled.div`\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: center;\n\talign-items: center;\n\tcolumn-gap: 18px;\n`;\n\nexport const CollectionCardDetailStyle = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n`;\n\nexport const ProductScreenHeader = styled.div`\n\tdisplay: flex;\n\tflex-direction: row;\n\tmax-height: 32px;\n\tmin-height: 32px;\n\tbackground-color: ${COLORS.background.base};\n\tjustify-content: flex-start;\n\talign-items: center;\n\tpadding: 8px 16px;\n\tmargin-top: 16px;\n\tposition: sticky;\n\ttop: 0;\n\tz-index: 10;\n`;\n\nexport const ProductScreenCollectionCardStyle = styled.div`\n\tdisplay: flex;\n\tflex-direction: row;\n\tcolumn-gap: 16px;\n\tpadding: 12px 16px;\n\tborder-bottom: 1px solid #e0e0e0;\n\talign-items: center;\n`;\n\nexport const ProductCardStyle = styled.div<{\n\tisVariant: boolean;\n\tisActive: boolean;\n}>`\n\tmin-height: 64px;\n\tbackground-color: ${(props) =>\n\t\tprops.isActive ? COLORS.background.positive.light : 'white'};\n\tborder-bottom: 1px solid #e0e0e0;\n\tpadding: 12px 16px;\n\tdisplay: flex;\n\tflex-direction: row;\n\tcolumn-gap: 16px;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tpadding-left: ${(props) => (props.isVariant ? '42px' : '16px')};\n\t:hover {\n\t\tcursor: pointer;\n\t\tbackground-color: ${COLORS.surface.hovered};\n\t}\n`;\n\nexport const SelectedScreenHeader = styled.div`\n\tdisplay: flex;\n\tflex-direction: row;\n\tmax-height: 32px;\n\tmin-height: 32px;\n\tbackground-color: ${COLORS.background.base};\n\tjustify-content: flex-start;\n\talign-items: center;\n\tpadding: 8px 16px;\n\tposition: sticky;\n\ttop: 0;\n\tz-index: 10;\n`;\n\nexport const CollectionNameHolder = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n`;\n\nexport const VariantCardListStyle = styled.div`\n\tmin-height: 72px;\n\tbackground: white;\n\tpadding: 12px 16px;\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tjustify-content: space-between;\n\n\t.text-container {\n\t\tdisplay: flex;\n\t\tgap: 16px;\n\t\tflex: 1;\n\t}\n\n\t.tooltip-title-tag {\n\t\tdisplay: flex;\n\t\tflex: 1;\n\t\talign-items: center;\n\t\tjustify-content: space-between;\n\t\twidth: 100%;\n\t\tgap: 16px;\n\t}\n\t.info-container {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tflex: 1;\n\t}\n`;\n\nexport const VariantCardGridStyle = styled.div`\n\theight: 72px;\n\twidth: 72px;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tmargin: 16px;\n`;\n\nexport const StyledHeaderRightIcon = styled.div`\n\tdisplay: flex;\n\twidth: 32px;\n\theight: 32px;\n\tpadding: 6px;\n\tjustify-content: center;\n\talign-items: center;\n\tborder: 1px solid ${COLORS.stroke.primary};\n\tborder-radius: 4px;\n`;\n\nexport const StyledFooterForNonModal = styled.div`\n\tpadding: 16px 24px;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\tmargin-top: auto;\n\twidth: 100%;\n`;\n\nexport const SKUIDBadge = styled.div`\n\twidth: fit-content;\n\tbackground: ${COLORS.background.brandLight};\n\tpadding: 2px 6px;\n\tborder-radius: 14px;\n`;\n\nexport const EllipsedBodyTiny = styled(BodyTiny)`\n\twhite-space: nowrap;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\tmax-width: 196px;\n\tdisplay: block;\n\tcolor: ${COLORS.background.inverseLight};\n`;\n\nexport const ProductSubTitle = styled.div`\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tgap: 5px;\n`;\nexport const ProductInfo = styled.div`\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tgap: 8px;\n\tmin-width: 0;\n`;\n\nexport const StyledTitleSmall = styled(TitleSmall)`\n\toverflow: hidden;\n\twhite-space: nowrap;\n\ttext-overflow: ellipsis;\n\tdisplay: block;\n`;\n"],"names":["ContainerStyle","styled","props","ScrollContainerStyle","ScreenName","CollectionCardStyle","COLORS","CollectionCardInfoStyle","CollectionCardDetailStyle","ProductScreenHeader","ProductScreenCollectionCardStyle","ProductCardStyle","SelectedScreenHeader","CollectionNameHolder","VariantCardListStyle","VariantCardGridStyle","StyledFooterForNonModal","SKUIDBadge","EllipsedBodyTiny","BodyTiny","ProductSubTitle","ProductInfo","TitleSmall"],"mappings":"oRAKaA,EAAiBC,EAAAA,QAAO;AAAA;AAAA;AAAA,WAGzBC,GAAWA,EAAM,mBAAqB,MAAQ,MAAO;AAAA;AAAA,EAIpDC,EAAuBF,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAUpBC,GACpBA,EAAM,aAAeE,EAAAA,WAAW,kBAAoB,OAAS,MAAM;AAAA;AAAA;AAAA,EAKzDC,EAAsBJ,EAAAA,QAAO;AAAA;AAAA,qBAMpBC,GACpBA,EAAM,WACH,UACAA,EAAM,SACNI,EAAAA,OAAO,WAAW,SAAS,MAC3B,OAAO;AAAA;AAAA,YAECJ,GAAWA,EAAM,aAAe,YAAc,WAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAQjDI,EAAAA,OAAO,QAAQ,OAAO;AAAA;AAAA,EAI/BC,EAA0BN,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQjCO,EAA4BP,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA,EAMnCQ,EAAsBR,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA,qBAKrBK,EAAAA,OAAO,WAAW,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAU9BI,EAAmCT,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAS1CU,EAAmBV,EAAAA,QAAO;AAAA;AAAA,qBAKjBC,GACpBA,EAAM,SAAWI,EAAAA,OAAO,WAAW,SAAS,MAAQ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAQ3CJ,GAAWA,EAAM,UAAY,OAAS,MAAO;AAAA;AAAA;AAAA,sBAGzCI,EAAAA,OAAO,QAAQ,OAAO;AAAA;AAAA,EAI/BM,EAAuBX,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA,qBAKtBK,EAAAA,OAAO,WAAW,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAS9BO,EAAuBZ,EAAAA,QAAO;AAAA;AAAA;AAAA,EAK9Ba,EAAuBb,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA8B9Bc,EAAuBd,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASNA,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAOvBK,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA,EAInC,MAAMU,EAA0Bf,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASjCgB,EAAahB,EAAAA,QAAO;AAAA;AAAA,eAElBK,EAAAA,OAAO,WAAW,UAAU;AAAA;AAAA;AAAA,EAK9BY,EAAmBjB,EAAAA,QAAOkB,UAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAMrCb,EAAAA,OAAO,WAAW,YAAY;AAAA,EAG3Bc,EAAkBnB,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAMzBoB,EAAcpB,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQFA,EAAAA,QAAOqB,YAAU;AAAA;AAAA;AAAA;AAAA;AAAA"}

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

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

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

@@ -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":["liftTheStateUp","payload","data","catalogOnlyData","cloneDeep","productOnlyData","paginateSelectedItems","selectedItems","limit","offset","result","currentOffset","collectionKey","collection","paginatedProducts","paginateProducts","products","paginatedKeys","key","getVariantIdsToFetch","variantIds","collectionId","productId","variants","variantId","markVariantsAsApproved","updatedData","dispatcher","dispatchType","variant","fetchFbStatusCollection","storeId","appType","fbStatusFetcher","response","e","getVariantIdsToFetchAtProductLevel","globalData","markVariantsAsApprovedProductsLevel","curScreenData","setCurScreenData","updatedProducts","vId","v","updatedVariants","dataCopy","shouldShowVariant","variantSameNameAsProdut","isProductPartiallyChecked","selectedData","currentCollection","hideProductVariants","totalSelectedVariants","totalVariants","product","isCollectionPartiallyChecked","selectedCollections","totalProducts","totalSelectedProducts","selectedProducts","id","updateAllVariantsForSelectedProducts","collections","searchedProducts","updatedCollections","productInCollection","productInCollectionSearched","getSkuId","isVariant"],"mappings":"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"}
+{"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":["liftTheStateUp","payload","data","catalogOnlyData","cloneDeep","productOnlyData","paginateSelectedItems","selectedItems","limit","offset","result","currentOffset","collectionKey","collection","paginatedProducts","paginateProducts","products","paginatedKeys","key","getVariantIdsToFetch","variantIds","collectionId","productId","variants","variantId","markVariantsAsApproved","updatedData","dispatcher","dispatchType","variant","fetchFbStatusCollection","storeId","appType","fbStatusFetcher","response","e","getVariantIdsToFetchAtProductLevel","globalData","markVariantsAsApprovedProductsLevel","curScreenData","setCurScreenData","updatedProducts","vId","v","updatedVariants","dataCopy","shouldShowVariant","variantSameNameAsProdut","isProductPartiallyChecked","selectedData","currentCollection","hideProductVariants","totalSelectedVariants","totalVariants","product","isCollectionPartiallyChecked","selectedCollections","totalProducts","totalSelectedProducts","selectedProducts","id","updateAllVariantsForSelectedProducts","collections","searchedProducts","updatedCollections","productInCollection","productInCollectionSearched","getSkuId","isVariant"],"mappings":"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"}

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

@@ -1,7 +1,7 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),t=require("react-bootstrap"),n=require("styled-components"),s=require("../../constants/Theme.js"),c=e=>r.jsx(o,{color:e.color?e.color:s.COLORS.content.brand,children:r.jsx(t.ProgressBar,{animated:e.isAnimated,now:e.completed,style:{height:`${e.height?e.height:8}px`}})}),o=n.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),r=require("react-bootstrap"),n=require("styled-components"),s=require("../../constants/Theme.js"),a=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},c=a(n),l=e=>t.jsx(o,{color:e.color?e.color:s.COLORS.content.brand,children:t.jsx(r.ProgressBar,{animated:e.isAnimated,now:e.completed,style:{height:`${e.height?e.height:8}px`}})}),o=c.default.div`
 	flex: 50%;
 	.progress-bar {
 		background: ${e=>e.color};
 	}
-`;exports.ProgressBarComponent=c;exports.ProgressCompletedBar=o;
+`;exports.ProgressBarComponent=l;exports.ProgressCompletedBar=o;
 //# sourceMappingURL=ProgressBarComponent.js.map

package/dist/cjs/components/progress-bar/ProgressBarComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBarComponent.js","sources":["../../../../src/components/progress-bar/ProgressBarComponent.tsx"],"sourcesContent":["import { ProgressBar } from 'react-bootstrap';\nimport styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\n\nexport interface ProgressBarProps {\n\tcompleted: number;\n\tisAnimated: boolean;\n\tcolor?: string;\n\theight?: number;\n}\n\nexport const ProgressBarComponent = (props: ProgressBarProps) => {\n\treturn (\n\t\t<ProgressCompletedBar\n\t\t\tcolor={props.color ? props.color : COLORS.content.brand}\n\t\t>\n\t\t\t<ProgressBar\n\t\t\t\tanimated={props.isAnimated}\n\t\t\t\tnow={props.completed}\n\t\t\t\tstyle={{ height: `${props.height ? props.height : 8}px` }}\n\t\t\t/>\n\t\t</ProgressCompletedBar>\n\t);\n};\n\nexport const ProgressCompletedBar = styled.div<{ color: string }>`\n\tflex: 50%;\n\t.progress-bar {\n\t\tbackground: ${(props) => props.color};\n\t}\n`;\n"],"names":["ProgressBarComponent","props","jsx","ProgressCompletedBar","COLORS","ProgressBar","styled"],"mappings":"uNAWaA,EAAwBC,GAEnCC,EAAAA,IAACC,EAAA,CACA,MAAOF,EAAM,MAAQA,EAAM,MAAQG,EAAAA,OAAO,QAAQ,MAElD,SAAAF,EAAAA,IAACG,EAAAA,YAAA,CACA,SAAUJ,EAAM,WAChB,IAAKA,EAAM,UACX,MAAO,CAAE,OAAQ,GAAGA,EAAM,OAASA,EAAM,OAAS,CAAC,IAAA,CAAK,CAAA,CACzD,CAAA,EAKUE,EAAuBG,EAAO;AAAA;AAAA;AAAA,gBAG1BL,GAAUA,EAAM,KAAK;AAAA;AAAA"}
+{"version":3,"file":"ProgressBarComponent.js","sources":["../../../../src/components/progress-bar/ProgressBarComponent.tsx"],"sourcesContent":["import { ProgressBar } from 'react-bootstrap';\nimport styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\n\nexport interface ProgressBarProps {\n\tcompleted: number;\n\tisAnimated: boolean;\n\tcolor?: string;\n\theight?: number;\n}\n\nexport const ProgressBarComponent = (props: ProgressBarProps) => {\n\treturn (\n\t\t<ProgressCompletedBar\n\t\t\tcolor={props.color ? props.color : COLORS.content.brand}\n\t\t>\n\t\t\t<ProgressBar\n\t\t\t\tanimated={props.isAnimated}\n\t\t\t\tnow={props.completed}\n\t\t\t\tstyle={{ height: `${props.height ? props.height : 8}px` }}\n\t\t\t/>\n\t\t</ProgressCompletedBar>\n\t);\n};\n\nexport const ProgressCompletedBar = styled.div<{ color: string }>`\n\tflex: 50%;\n\t.progress-bar {\n\t\tbackground: ${(props) => props.color};\n\t}\n`;\n"],"names":["ProgressBarComponent","props","jsx","ProgressCompletedBar","COLORS","ProgressBar","styled"],"mappings":"sRAWaA,EAAwBC,GAEnCC,EAAAA,IAACC,EAAA,CACA,MAAOF,EAAM,MAAQA,EAAM,MAAQG,EAAAA,OAAO,QAAQ,MAElD,SAAAF,EAAAA,IAACG,EAAAA,YAAA,CACA,SAAUJ,EAAM,WAChB,IAAKA,EAAM,UACX,MAAO,CAAE,OAAQ,GAAGA,EAAM,OAASA,EAAM,OAAS,CAAC,IAAA,CAAK,CAAA,CACzD,CAAA,EAKUE,EAAuBG,EAAAA,QAAO;AAAA;AAAA;AAAA,gBAG1BL,GAAUA,EAAM,KAAK;AAAA;AAAA"}

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

@@ -1,21 +1,21 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),n=require("styled-components"),g=require("../TypographyStyle.js"),t=require("../../constants/Theme.js");var h=(e=>(e.RIGHT="right",e.LEFT="left",e.TOP="top",e.BOTTOM="bottom",e))(h||{}),u=(e=>(e.CIRCLE="circle",e.LINE="line",e))(u||{});const m=e=>{const{type:p,progress:i,progressBarThickness:a,size:s,color:c,text:d,textPosition:b,showProgress:l,matchParentWidth:x=!1}=e;let r=b;return r||(r="left"),o.jsxs(O,{alignment:r,children:[l&&(r==="top"||r==="left")&&o.jsx(g.BodyTiny,{style:{marginBottom:r==="top"?"8px":void 0,marginRight:r==="left"?"8px":void 0},color:t.COLORS.content.secondary,children:d??`${i}% completed...`}),p==="line"?o.jsx(C,{size:s,progressBarThickness:a,matchParentWidth:x,children:o.jsx(y,{progress:i,color:c})}):o.jsx(v,{progress:i,color:c,size:s,children:o.jsx($,{progress:i,size:s,progressBarThickness:a})}),l&&(r==="bottom"||r==="right")&&o.jsx(g.BodyTiny,{style:{marginTop:r==="bottom"?"8px":void 0,marginLeft:r==="right"?"8px":void 0},color:t.COLORS.content.secondary,children:d??`${i}% completed...`})]})},O=n.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),m=require("styled-components"),g=require("../TypographyStyle.js"),r=require("../../constants/Theme.js"),x=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},n=x(m);var h=(e=>(e.RIGHT="right",e.LEFT="left",e.TOP="top",e.BOTTOM="bottom",e))(h||{}),u=(e=>(e.CIRCLE="circle",e.LINE="line",e))(u||{});const O=e=>{const{type:p,progress:i,progressBarThickness:a,size:s,color:d,text:c,textPosition:f,showProgress:l,matchParentWidth:b=!1}=e;let t=f;return t||(t="left"),o.jsxs(v,{alignment:t,children:[l&&(t==="top"||t==="left")&&o.jsx(g.BodyTiny,{style:{marginBottom:t==="top"?"8px":void 0,marginRight:t==="left"?"8px":void 0},color:r.COLORS.content.secondary,children:c??`${i}% completed...`}),p==="line"?o.jsx($,{size:s,progressBarThickness:a,matchParentWidth:b,children:o.jsx(k,{progress:i,color:d})}):o.jsx(y,{progress:i,color:d,size:s,children:o.jsx(C,{progress:i,size:s,progressBarThickness:a})}),l&&(t==="bottom"||t==="right")&&o.jsx(g.BodyTiny,{style:{marginTop:t==="bottom"?"8px":void 0,marginLeft:t==="right"?"8px":void 0},color:r.COLORS.content.secondary,children:c??`${i}% completed...`})]})},v=n.default.div`
 	display: flex;
 	flex-direction: ${e=>e?.alignment==="top"||e?.alignment==="bottom"?"column":"row"};
 	align-items: center;
 	width: 100%;
-`,v=n.div`
+`,y=n.default.div`
 	width: ${e=>e.size??32}px;
 	height: ${e=>e.size??32}px;
 	border-radius: 50%;
 	overflow: hidden;
 	background: conic-gradient(
-		${e=>e.color??t.COLORS.background.brand}
+		${e=>e.color??r.COLORS.background.brand}
 			${e=>e.progress*3.6}deg,
-		${t.COLORS.content.inactive} 0deg
+		${r.COLORS.content.inactive} 0deg
 	);
 	position: relative;
-`,$=n.div`
-	background-color: ${t.COLORS.background.inactive};
+`,C=n.default.div`
+	background-color: ${r.COLORS.background.inactive};
 	transition: width 0.3s ease-in-out;
 	position: absolute;
 	top: 50%;
@@ -24,17 +24,17 @@
 	width: ${e=>e.progressBarThickness?e.size??32-e.progressBarThickness:20}px;
 	height: ${e=>e.progressBarThickness?e.size??32-e.progressBarThickness:20}px;
 	border-radius: 50%;
-	background: ${t.COLORS.surface.standard};
-`,C=n.div`
+	background: ${r.COLORS.surface.standard};
+`,$=n.default.div`
 	width: ${e=>e.matchParentWidth?"100%":`${e.size??90}px`};
 	height: ${e=>e.progressBarThickness??8}px;
-	background-color: ${t.COLORS.background.inactive};
+	background-color: ${r.COLORS.background.inactive};
 	border-radius: 4px;
 	overflow: hidden;
-`,y=n.div`
+`,k=n.default.div`
 	height: 100%;
 	width: ${e=>e.progress}%;
-	background-color: ${e=>e.color??t.COLORS.background.brand};
+	background-color: ${e=>e.color??r.COLORS.background.brand};
 	transition: width 0.3s ease-in-out;
-`;exports.ProgressBarType=u;exports.ProgressBarV2=m;exports.TextAlignment=h;
+`;exports.ProgressBarType=u;exports.ProgressBarV2=O;exports.TextAlignment=h;
 //# sourceMappingURL=ProgressBarV2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ProgressBarV2.js","sources":["../../../../src/components/progress-bar-v2/ProgressBarV2.tsx"],"sourcesContent":["import styled from 'styled-components';\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","props","type","progress","progressBarThickness","size","color","text","textPosition","showProgress","matchParentWidth","alignment","jsxs","MainContainer","jsx","BodyTiny","COLORS","BarContainer","InnerBarContainer","CircleContainer","InnerCircleContainer","styled"],"mappings":"6NAIO,IAAKA,GAAAA,IACXA,EAAA,MAAQ,QACRA,EAAA,KAAO,OACPA,EAAA,IAAM,MACNA,EAAA,OAAS,SAJEA,IAAAA,GAAA,CAAA,CAAA,EAOAC,GAAAA,IACXA,EAAA,OAAS,SACTA,EAAA,KAAO,OAFIA,IAAAA,GAAA,CAAA,CAAA,EAiBL,MAAMC,EAAiBC,GAA8B,CAC3D,KAAM,CACL,KAAAC,EACA,SAAAC,EACA,qBAAAC,EACA,KAAAC,EACA,MAAAC,EACA,KAAAC,EACA,aAAAC,EACA,aAAAC,EACA,iBAAAC,EAAmB,EAAA,EAChBT,EAEJ,IAAIU,EAAYH,EAChB,OAAKG,IACJA,EAAY,QAIZC,OAACC,GAAc,UAAAF,EACb,SAAA,CAAAF,IACCE,IAAc,OACdA,IAAc,SACdG,EAAAA,IAACC,EAAAA,SAAA,CACA,MAAO,CACN,aAAcJ,IAAc,MAAoB,MAAQ,OACxD,YAAaA,IAAc,OAAqB,MAAQ,MAAA,EAEzD,MAAOK,EAAAA,OAAO,QAAQ,UAErB,SAAAT,GAAQ,GAAGJ,CAAQ,gBAAA,CAAA,EAGtBD,IAAS,OACTY,EAAAA,IAACG,EAAA,CACA,KAAAZ,EACA,qBAAAD,EACA,iBAAAM,EAEA,SAAAI,EAAAA,IAACI,EAAA,CAAkB,SAAAf,EAAoB,MAAAG,CAAA,CAAc,CAAA,CAAA,EAGtDQ,EAAAA,IAACK,EAAA,CAAgB,SAAAhB,EAAoB,MAAAG,EAAc,KAAAD,EAClD,SAAAS,EAAAA,IAACM,EAAA,CACA,SAAAjB,EACA,KAAAE,EACA,qBAAAD,CAAA,CAAA,EAEF,EAEAK,IACCE,IAAc,UACdA,IAAc,UACdG,EAAAA,IAACC,EAAAA,SAAA,CACA,MAAO,CACN,UAAWJ,IAAc,SAAuB,MAAQ,OACxD,WAAYA,IAAc,QAAsB,MAAQ,MAAA,EAEzD,MAAOK,EAAAA,OAAO,QAAQ,UAErB,SAAAT,GAAQ,GAAGJ,CAAQ,gBAAA,CAAA,CACrB,EAEH,CAEF,EAEMU,EAAgBQ,EAAO;AAAA;AAAA,mBAETpB,GAClBA,GAAO,YAAc,OACrBA,GAAO,YAAc,SAClB,SACA,KAAK;AAAA;AAAA;AAAA,EAKJkB,EAAkBE,EAAO;AAAA,UAKpBpB,GAAUA,EAAM,MAAQ,EAAE;AAAA,WACzBA,GAAUA,EAAM,MAAQ,EAAE;AAAA;AAAA;AAAA;AAAA,IAIjCA,GAAUA,EAAM,OAASe,EAAAA,OAAO,WAAW,KAAK;AAAA,KAC/Cf,GAAUA,EAAM,SAAW,GAAG;AAAA,IAChCe,EAAAA,OAAO,QAAQ,QAAQ;AAAA;AAAA;AAAA,EAKrBI,EAAuBC,EAAO;AAAA,qBAKfL,EAAAA,OAAO,WAAW,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAMpCf,GACTA,EAAM,qBACHA,EAAM,MAAQ,GAAKA,EAAM,qBACzB,EAAE;AAAA,WACKA,GACVA,EAAM,qBACHA,EAAM,MAAQ,GAAKA,EAAM,qBACzB,EAAE;AAAA;AAAA,eAEQe,EAAAA,OAAO,QAAQ,QAAQ;AAAA,EAGhCC,EAAeI,EAAO;AAAA,UAKjBpB,GACTA,EAAM,iBAAmB,OAAS,GAAGA,EAAM,MAAQ,EAAE,IAAI;AAAA,WAC/CA,GAAUA,EAAM,sBAAwB,CAAC;AAAA,qBAChCe,EAAAA,OAAO,WAAW,QAAQ;AAAA;AAAA;AAAA,EAKzCE,EAAoBG,EAAO;AAAA;AAAA,UAKtBpB,GAAUA,EAAM,QAAQ;AAAA,qBACbA,GAAUA,EAAM,OAASe,EAAAA,OAAO,WAAW,KAAK;AAAA;AAAA"}
+{"version":3,"file":"ProgressBarV2.js","sources":["../../../../src/components/progress-bar-v2/ProgressBarV2.tsx"],"sourcesContent":["import styled from 'styled-components';\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","props","type","progress","progressBarThickness","size","color","text","textPosition","showProgress","matchParentWidth","alignment","jsxs","MainContainer","jsx","BodyTiny","COLORS","BarContainer","InnerBarContainer","CircleContainer","InnerCircleContainer","styled"],"mappings":"4RAIO,IAAKA,GAAAA,IACXA,EAAA,MAAQ,QACRA,EAAA,KAAO,OACPA,EAAA,IAAM,MACNA,EAAA,OAAS,SAJEA,IAAAA,GAAA,CAAA,CAAA,EAOAC,GAAAA,IACXA,EAAA,OAAS,SACTA,EAAA,KAAO,OAFIA,IAAAA,GAAA,CAAA,CAAA,EAiBL,MAAMC,EAAiBC,GAA8B,CAC3D,KAAM,CACL,KAAAC,EACA,SAAAC,EACA,qBAAAC,EACA,KAAAC,EACA,MAAAC,EACA,KAAAC,EACA,aAAAC,EACA,aAAAC,EACA,iBAAAC,EAAmB,EAAA,EAChBT,EAEJ,IAAIU,EAAYH,EAChB,OAAKG,IACJA,EAAY,QAIZC,OAACC,GAAc,UAAAF,EACb,SAAA,CAAAF,IACCE,IAAc,OACdA,IAAc,SACdG,EAAAA,IAACC,EAAAA,SAAA,CACA,MAAO,CACN,aAAcJ,IAAc,MAAoB,MAAQ,OACxD,YAAaA,IAAc,OAAqB,MAAQ,MAAA,EAEzD,MAAOK,EAAAA,OAAO,QAAQ,UAErB,SAAAT,GAAQ,GAAGJ,CAAQ,gBAAA,CAAA,EAGtBD,IAAS,OACTY,EAAAA,IAACG,EAAA,CACA,KAAAZ,EACA,qBAAAD,EACA,iBAAAM,EAEA,SAAAI,EAAAA,IAACI,EAAA,CAAkB,SAAAf,EAAoB,MAAAG,CAAA,CAAc,CAAA,CAAA,EAGtDQ,EAAAA,IAACK,EAAA,CAAgB,SAAAhB,EAAoB,MAAAG,EAAc,KAAAD,EAClD,SAAAS,EAAAA,IAACM,EAAA,CACA,SAAAjB,EACA,KAAAE,EACA,qBAAAD,CAAA,CAAA,EAEF,EAEAK,IACCE,IAAc,UACdA,IAAc,UACdG,EAAAA,IAACC,EAAAA,SAAA,CACA,MAAO,CACN,UAAWJ,IAAc,SAAuB,MAAQ,OACxD,WAAYA,IAAc,QAAsB,MAAQ,MAAA,EAEzD,MAAOK,EAAAA,OAAO,QAAQ,UAErB,SAAAT,GAAQ,GAAGJ,CAAQ,gBAAA,CAAA,CACrB,EAEH,CAEF,EAEMU,EAAgBQ,EAAAA,QAAO;AAAA;AAAA,mBAETpB,GAClBA,GAAO,YAAc,OACrBA,GAAO,YAAc,SAClB,SACA,KAAK;AAAA;AAAA;AAAA,EAKJkB,EAAkBE,EAAAA,QAAO;AAAA,UAKpBpB,GAAUA,EAAM,MAAQ,EAAE;AAAA,WACzBA,GAAUA,EAAM,MAAQ,EAAE;AAAA;AAAA;AAAA;AAAA,IAIjCA,GAAUA,EAAM,OAASe,EAAAA,OAAO,WAAW,KAAK;AAAA,KAC/Cf,GAAUA,EAAM,SAAW,GAAG;AAAA,IAChCe,EAAAA,OAAO,QAAQ,QAAQ;AAAA;AAAA;AAAA,EAKrBI,EAAuBC,EAAAA,QAAO;AAAA,qBAKfL,EAAAA,OAAO,WAAW,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAMpCf,GACTA,EAAM,qBACHA,EAAM,MAAQ,GAAKA,EAAM,qBACzB,EAAE;AAAA,WACKA,GACVA,EAAM,qBACHA,EAAM,MAAQ,GAAKA,EAAM,qBACzB,EAAE;AAAA;AAAA,eAEQe,EAAAA,OAAO,QAAQ,QAAQ;AAAA,EAGhCC,EAAeI,EAAAA,QAAO;AAAA,UAKjBpB,GACTA,EAAM,iBAAmB,OAAS,GAAGA,EAAM,MAAQ,EAAE,IAAI;AAAA,WAC/CA,GAAUA,EAAM,sBAAwB,CAAC;AAAA,qBAChCe,EAAAA,OAAO,WAAW,QAAQ;AAAA;AAAA;AAAA,EAKzCE,EAAoBG,EAAAA,QAAO;AAAA;AAAA,UAKtBpB,GAAUA,EAAM,QAAQ;AAAA,qBACbA,GAAUA,EAAM,OAASe,EAAAA,OAAO,WAAW,KAAK;AAAA;AAAA"}

package/dist/cjs/components/radioButton/RadioButton.styled.js

@@ -1,9 +1,9 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("styled-components"),t=require("../../constants/Theme.js"),o=i.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("styled-components"),t=require("../../constants/Theme.js"),n=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},o=n(i),s=o.default.div`
 	display: inline-flex;
 	gap: 8px;
 	align-items: center;
 	cursor: pointer;
-`,n=i.div`
+`,d=o.default.div`
 	width: ${e=>e.size==="SMALL"?16:20}px;
 	height: ${e=>e.size==="SMALL"?16:20}px;
 	border-radius: 50%;
@@ -19,5 +19,5 @@
 				${e.checked?t.COLORS.stroke.positive.lightAlt:t.COLORS.surface.hovered};
 			outline-offset: 2px;
 		`}
-`;exports.RadioButtonContainer=o;exports.RadioButtonIcon=n;
+`;exports.RadioButtonContainer=s;exports.RadioButtonIcon=d;
 //# sourceMappingURL=RadioButton.styled.js.map

package/dist/cjs/components/radioButton/RadioButton.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioButton.styled.js","sources":["../../../../src/components/radioButton/RadioButton.styled.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const RadioButtonContainer = styled.div`\n\tdisplay: inline-flex;\n\tgap: 8px;\n\talign-items: center;\n\tcursor: pointer;\n`;\n\nexport const RadioButtonIcon = styled.div<{\n\tchecked: boolean;\n\thovered: boolean;\n\tclicked: boolean;\n\tisDisabled: boolean;\n\tsize?: 'SMALL' | 'DEFAULT';\n}>`\n\twidth: ${(props) => (props.size === 'SMALL' ? 16 : 20)}px;\n\theight: ${(props) => (props.size === 'SMALL' ? 16 : 20)}px;\n\tborder-radius: 50%;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\t${(props) =>\n\t\tprops.hovered &&\n\t\tcss`\n\t\t\toutline: ${props.size === 'SMALL' ? 1.5 : 3}px solid\n\t\t\t\t${COLORS.surface.hovered};\n\t\t`}\n\t${(props) =>\n\t\tprops.clicked &&\n\t\t!props.isDisabled &&\n\t\tcss`\n\t\t\toutline: ${props.size === 'SMALL' ? 1.5 : 3}px solid\n\t\t\t\t${props.checked\n\t\t\t\t\t? COLORS.stroke.positive.lightAlt\n\t\t\t\t\t: COLORS.surface.hovered};\n\t\t\toutline-offset: 2px;\n\t\t`}\n`;\n"],"names":["RadioButtonContainer","styled","RadioButtonIcon","props","css","COLORS"],"mappings":"2JAGaA,EAAuBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAO9BC,EAAkBD,EAAO;AAAA,UAO3BE,GAAWA,EAAM,OAAS,QAAU,GAAK,EAAG;AAAA,WAC3CA,GAAWA,EAAM,OAAS,QAAU,GAAK,EAAG;AAAA;AAAA;AAAA;AAAA;AAAA,GAKpDA,GACFA,EAAM,SACNC,EAAAA;AAAAA,cACYD,EAAM,OAAS,QAAU,IAAM,CAAC;AAAA,MACxCE,EAAAA,OAAO,QAAQ,OAAO;AAAA,GACzB;AAAA,GACCF,GACFA,EAAM,SACN,CAACA,EAAM,YACPC,EAAAA;AAAAA,cACYD,EAAM,OAAS,QAAU,IAAM,CAAC;AAAA,MACxCA,EAAM,QACLE,EAAAA,OAAO,OAAO,SAAS,SACvBA,EAAAA,OAAO,QAAQ,OAAO;AAAA;AAAA,GAE1B;AAAA"}
+{"version":3,"file":"RadioButton.styled.js","sources":["../../../../src/components/radioButton/RadioButton.styled.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const RadioButtonContainer = styled.div`\n\tdisplay: inline-flex;\n\tgap: 8px;\n\talign-items: center;\n\tcursor: pointer;\n`;\n\nexport const RadioButtonIcon = styled.div<{\n\tchecked: boolean;\n\thovered: boolean;\n\tclicked: boolean;\n\tisDisabled: boolean;\n\tsize?: 'SMALL' | 'DEFAULT';\n}>`\n\twidth: ${(props) => (props.size === 'SMALL' ? 16 : 20)}px;\n\theight: ${(props) => (props.size === 'SMALL' ? 16 : 20)}px;\n\tborder-radius: 50%;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\t${(props) =>\n\t\tprops.hovered &&\n\t\tcss`\n\t\t\toutline: ${props.size === 'SMALL' ? 1.5 : 3}px solid\n\t\t\t\t${COLORS.surface.hovered};\n\t\t`}\n\t${(props) =>\n\t\tprops.clicked &&\n\t\t!props.isDisabled &&\n\t\tcss`\n\t\t\toutline: ${props.size === 'SMALL' ? 1.5 : 3}px solid\n\t\t\t\t${props.checked\n\t\t\t\t\t? COLORS.stroke.positive.lightAlt\n\t\t\t\t\t: COLORS.surface.hovered};\n\t\t\toutline-offset: 2px;\n\t\t`}\n`;\n"],"names":["RadioButtonContainer","styled","RadioButtonIcon","props","css","COLORS"],"mappings":"0NAGaA,EAAuBC,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAO9BC,EAAkBD,EAAAA,QAAO;AAAA,UAO3BE,GAAWA,EAAM,OAAS,QAAU,GAAK,EAAG;AAAA,WAC3CA,GAAWA,EAAM,OAAS,QAAU,GAAK,EAAG;AAAA;AAAA;AAAA;AAAA;AAAA,GAKpDA,GACFA,EAAM,SACNC,EAAAA;AAAAA,cACYD,EAAM,OAAS,QAAU,IAAM,CAAC;AAAA,MACxCE,EAAAA,OAAO,QAAQ,OAAO;AAAA,GACzB;AAAA,GACCF,GACFA,EAAM,SACN,CAACA,EAAM,YACPC,EAAAA;AAAAA,cACYD,EAAM,OAAS,QAAU,IAAM,CAAC;AAAA,MACxCA,EAAM,QACLE,EAAAA,OAAO,OAAO,SAAS,SACvBA,EAAAA,OAAO,QAAQ,OAAO;AAAA;AAAA,GAE1B;AAAA"}

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("styled-components"),e=t.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("styled-components"),o=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},i=o(e),l=i.default.div`
 	.title__container {
 		margin-bottom: 12px;
 	}
@@ -7,5 +7,5 @@
 		flex-direction: column;
 		gap: 10px;
 	}
-`;exports.RadioListStyled=e;
+`;exports.RadioListStyled=l;
 //# sourceMappingURL=RadioList.styled.js.map

package/dist/cjs/components/radioList/RadioList.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioList.styled.js","sources":["../../../../src/components/radioList/RadioList.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const RadioListStyled = styled.div`\n\t.title__container {\n\t\tmargin-bottom: 12px;\n\t}\n\t.list__container {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: 10px;\n\t}\n`;\n"],"names":["RadioListStyled","styled"],"mappings":"qHAEaA,EAAkBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}
+{"version":3,"file":"RadioList.styled.js","sources":["../../../../src/components/radioList/RadioList.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const RadioListStyled = styled.div`\n\t.title__container {\n\t\tmargin-bottom: 12px;\n\t}\n\t.list__container {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: 10px;\n\t}\n`;\n"],"names":["RadioListStyled","styled"],"mappings":"oLAEaA,EAAkBC,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}

package/dist/cjs/components/shimmer/ShimmerComponent/ShimmerStyled.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("styled-components"),e=n.keyframes`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("styled-components"),a=i=>i&&typeof i=="object"&&"default"in i?i:{default:i},e=a(t),n=t.keyframes`
   0% {
     background-position: -468px 0;
   }
@@ -6,7 +6,7 @@
   100% {
     background-position: 468px 0;
   }
-`,t=n.div`
+`,o=e.default.div`
 	display: flex;
 	flex-direction: ${i=>i.direction||"column"};
 	width: 100%;
@@ -23,10 +23,10 @@
 		-webkit-animation-duration: 1s;
 		-webkit-animation-fill-mode: forwards;
 		-webkit-animation-iteration-count: infinite;
-		-webkit-animation-name: ${e};
+		-webkit-animation-name: ${n};
 		-webkit-animation-timing-function: linear;
 	}
-`,a=n.div`
+`,r=e.default.div`
 	border-radius: 4px;
 	background: ${i=>i.isBrand?"linear-gradient(90deg, rgba(255, 255, 255, 0.30) 0%, rgba(224, 224, 224, 0.00) 100%)":"#f6f7f8 linear-gradient(to right, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #F0F0F0 100%) no-repeat"};
 	width: ${i=>i.width}px;
@@ -37,7 +37,7 @@
 	-webkit-animation-duration: 1s;
 	-webkit-animation-fill-mode: forwards;
 	-webkit-animation-iteration-count: infinite;
-	-webkit-animation-name: ${e};
+	-webkit-animation-name: ${n};
 	-webkit-animation-timing-function: linear;
-`;exports.ShimmerComponentStyled=a;exports.ShimmerStyled=t;
+`;exports.ShimmerComponentStyled=r;exports.ShimmerStyled=o;
 //# sourceMappingURL=ShimmerStyled.js.map

package/dist/cjs/components/shimmer/ShimmerComponent/ShimmerStyled.js.map

@@ -1 +1 @@
-{"version":3,"file":"ShimmerStyled.js","sources":["../../../../../src/components/shimmer/ShimmerComponent/ShimmerStyled.tsx"],"sourcesContent":["import styled, { keyframes } from 'styled-components';\n\nconst keyframesAnimation = keyframes`\n  0% {\n    background-position: -468px 0;\n  }\n\n  100% {\n    background-position: 468px 0;\n  }\n`;\n\nexport const ShimmerStyled = styled.div<{\n\tisBrand?: boolean;\n\tdirection?: 'row' | 'column';\n\tgap?: string;\n}>`\n\tdisplay: flex;\n\tflex-direction: ${(props) => props.direction || 'column'};\n\twidth: 100%;\n\theight: 100%;\n\tgap: ${(props) => props.gap || '0px'};\n\n\t.shine {\n\t\tborder-radius: 4px;\n\t\tbackground: ${(props) =>\n\t\t\tprops.isBrand\n\t\t\t\t? 'linear-gradient(90deg, rgba(255, 255, 255, 0.30) 0%, rgba(224, 224, 224, 0.00) 100%)'\n\t\t\t\t: '#f6f7f8 linear-gradient(to right, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #F0F0F0 100%) no-repeat'};\n\t\tbackground-size: 800px 304px;\n\t\tdisplay: inline-block;\n\t\tposition: relative;\n\n\t\t-webkit-animation-duration: 1s;\n\t\t-webkit-animation-fill-mode: forwards;\n\t\t-webkit-animation-iteration-count: infinite;\n\t\t-webkit-animation-name: ${keyframesAnimation};\n\t\t-webkit-animation-timing-function: linear;\n\t}\n`;\n\nexport const ShimmerComponentStyled = styled.div<{\n\tisBrand?: boolean;\n\theight: number;\n\twidth: number;\n\tmarginTop?: number;\n}>`\n\tborder-radius: 4px;\n\tbackground: ${(props) =>\n\t\tprops.isBrand\n\t\t\t? 'linear-gradient(90deg, rgba(255, 255, 255, 0.30) 0%, rgba(224, 224, 224, 0.00) 100%)'\n\t\t\t: '#f6f7f8 linear-gradient(to right, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #F0F0F0 100%) no-repeat'};\n\twidth: ${(props) => props.width}px;\n\theight: ${(props) => props.height}px;\n\tmargin-top: ${(props) => props.marginTop || 0}px;\n\tdisplay: inline-block;\n\tposition: relative;\n\t-webkit-animation-duration: 1s;\n\t-webkit-animation-fill-mode: forwards;\n\t-webkit-animation-iteration-count: infinite;\n\t-webkit-animation-name: ${keyframesAnimation};\n\t-webkit-animation-timing-function: linear;\n`;\n"],"names":["keyframesAnimation","keyframes","ShimmerStyled","styled","props","ShimmerComponentStyled"],"mappings":"qHAEMA,EAAqBC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,EAUdC,EAAgBC,EAAO;AAAA;AAAA,mBAMhBC,GAAUA,EAAM,WAAa,QAAQ;AAAA;AAAA;AAAA,QAGhDA,GAAUA,EAAM,KAAO,KAAK;AAAA;AAAA;AAAA;AAAA,gBAIpBA,GACdA,EAAM,QACH,uFACA,iGAAiG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAQ3EJ,CAAkB;AAAA;AAAA;AAAA,EAKjCK,EAAyBF,EAAO;AAAA;AAAA,eAO7BC,GACdA,EAAM,QACH,uFACA,iGAAiG;AAAA,UAC3FA,GAAUA,EAAM,KAAK;AAAA,WACpBA,GAAUA,EAAM,MAAM;AAAA,eAClBA,GAAUA,EAAM,WAAa,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAMnBJ,CAAkB;AAAA;AAAA"}
+{"version":3,"file":"ShimmerStyled.js","sources":["../../../../../src/components/shimmer/ShimmerComponent/ShimmerStyled.tsx"],"sourcesContent":["import styled, { keyframes } from 'styled-components';\n\nconst keyframesAnimation = keyframes`\n  0% {\n    background-position: -468px 0;\n  }\n\n  100% {\n    background-position: 468px 0;\n  }\n`;\n\nexport const ShimmerStyled = styled.div<{\n\tisBrand?: boolean;\n\tdirection?: 'row' | 'column';\n\tgap?: string;\n}>`\n\tdisplay: flex;\n\tflex-direction: ${(props) => props.direction || 'column'};\n\twidth: 100%;\n\theight: 100%;\n\tgap: ${(props) => props.gap || '0px'};\n\n\t.shine {\n\t\tborder-radius: 4px;\n\t\tbackground: ${(props) =>\n\t\t\tprops.isBrand\n\t\t\t\t? 'linear-gradient(90deg, rgba(255, 255, 255, 0.30) 0%, rgba(224, 224, 224, 0.00) 100%)'\n\t\t\t\t: '#f6f7f8 linear-gradient(to right, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #F0F0F0 100%) no-repeat'};\n\t\tbackground-size: 800px 304px;\n\t\tdisplay: inline-block;\n\t\tposition: relative;\n\n\t\t-webkit-animation-duration: 1s;\n\t\t-webkit-animation-fill-mode: forwards;\n\t\t-webkit-animation-iteration-count: infinite;\n\t\t-webkit-animation-name: ${keyframesAnimation};\n\t\t-webkit-animation-timing-function: linear;\n\t}\n`;\n\nexport const ShimmerComponentStyled = styled.div<{\n\tisBrand?: boolean;\n\theight: number;\n\twidth: number;\n\tmarginTop?: number;\n}>`\n\tborder-radius: 4px;\n\tbackground: ${(props) =>\n\t\tprops.isBrand\n\t\t\t? 'linear-gradient(90deg, rgba(255, 255, 255, 0.30) 0%, rgba(224, 224, 224, 0.00) 100%)'\n\t\t\t: '#f6f7f8 linear-gradient(to right, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #F0F0F0 100%) no-repeat'};\n\twidth: ${(props) => props.width}px;\n\theight: ${(props) => props.height}px;\n\tmargin-top: ${(props) => props.marginTop || 0}px;\n\tdisplay: inline-block;\n\tposition: relative;\n\t-webkit-animation-duration: 1s;\n\t-webkit-animation-fill-mode: forwards;\n\t-webkit-animation-iteration-count: infinite;\n\t-webkit-animation-name: ${keyframesAnimation};\n\t-webkit-animation-timing-function: linear;\n`;\n"],"names":["keyframesAnimation","keyframes","ShimmerStyled","styled","props","ShimmerComponentStyled"],"mappings":"oLAEMA,EAAqBC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,EAUdC,EAAgBC,EAAAA,QAAO;AAAA;AAAA,mBAMhBC,GAAUA,EAAM,WAAa,QAAQ;AAAA;AAAA;AAAA,QAGhDA,GAAUA,EAAM,KAAO,KAAK;AAAA;AAAA;AAAA;AAAA,gBAIpBA,GACdA,EAAM,QACH,uFACA,iGAAiG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAQ3EJ,CAAkB;AAAA;AAAA;AAAA,EAKjCK,EAAyBF,EAAAA,QAAO;AAAA;AAAA,eAO7BC,GACdA,EAAM,QACH,uFACA,iGAAiG;AAAA,UAC3FA,GAAUA,EAAM,KAAK;AAAA,WACpBA,GAAUA,EAAM,MAAM;AAAA,eAClBA,GAAUA,EAAM,WAAa,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAMnBJ,CAAkB;AAAA;AAAA"}

package/dist/cjs/components/side-modal/SideModal.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),l=require("react"),a=require("react-dom"),u=require("../../assets/icons/cross.svg.js"),s=require("../TypographyStyle.js"),o=require("./SideModal.style.js"),i=require("../button/Button.js"),h=e=>{const{closeOnEscapeKey:n,onClose:d}=e;return l.useEffect(()=>{if(!(n??!0))return;const r=c=>{c.key==="Escape"&&d()};return document.addEventListener("keydown",r),()=>{document.removeEventListener("keydown",r)}},[n,d]),a.createPortal(t.jsx(o.SideModalStyle,{zIndex:e.zIndex,children:t.jsxs(o.SideModalContainer,{width:e.width,children:[t.jsxs(o.SideModalHeader,{headerStyle:{...e.headerStyle},children:[e?.headerCustomComponent||t.jsx(s.TitleMedium,{children:e.header}),!e.hideCrossButton&&t.jsx(u.default,{width:24,height:24,onClick:e.onClose})," "]}),t.jsxs(o.SideModalBody,{hideFooter:e.hideFooter,bodyStyle:{...e.bodyStyle},children:[e.children," "]}),e.hideFooter===!0?null:t.jsxs(o.SideModalFooter,{footerDirection:e.footerDirection,footerStyle:{...e.footerStyle},children:[(e.saveButtonProps||e.cancelButtonProps)&&t.jsxs(o.FooterButtonWrapper,{footerDirection:e.footerDirection,children:[e.saveButtonProps&&t.jsx(i.Button,{...e.saveButtonProps}),e.cancelButtonProps&&t.jsx(i.Button,{...e.cancelButtonProps})," "]}),e.footerCustomComponent?e.footerCustomComponent:t.jsx(t.Fragment,{})," "]})," "]})}),e.element??document.body)};exports.SideModal=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),l=require("react"),a=require("react-dom"),u=require("../../assets/icons/cross.svg.js"),s=require("../TypographyStyle.js"),o=require("./SideModal.style.js"),i=require("../button/Button.js"),h=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},y=h(a),f=e=>{const{closeOnEscapeKey:n,onClose:d}=e;return l.useEffect(()=>{if(!(n??!0))return;const r=c=>{c.key==="Escape"&&d()};return document.addEventListener("keydown",r),()=>{document.removeEventListener("keydown",r)}},[n,d]),y.default.createPortal(t.jsx(o.SideModalStyle,{zIndex:e.zIndex,children:t.jsxs(o.SideModalContainer,{width:e.width,children:[t.jsxs(o.SideModalHeader,{headerStyle:{...e.headerStyle},children:[e?.headerCustomComponent||t.jsx(s.TitleMedium,{children:e.header}),!e.hideCrossButton&&t.jsx(u.default,{width:24,height:24,onClick:e.onClose})," "]}),t.jsxs(o.SideModalBody,{hideFooter:e.hideFooter,bodyStyle:{...e.bodyStyle},children:[e.children," "]}),e.hideFooter===!0?null:t.jsxs(o.SideModalFooter,{footerDirection:e.footerDirection,footerStyle:{...e.footerStyle},children:[(e.saveButtonProps||e.cancelButtonProps)&&t.jsxs(o.FooterButtonWrapper,{footerDirection:e.footerDirection,children:[e.saveButtonProps&&t.jsx(i.Button,{...e.saveButtonProps}),e.cancelButtonProps&&t.jsx(i.Button,{...e.cancelButtonProps})," "]}),e.footerCustomComponent?e.footerCustomComponent:t.jsx(t.Fragment,{})," "]})," "]})}),e.element??document.body)};exports.SideModal=f;
 //# sourceMappingURL=SideModal.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SideModal.js","sources":["../../../../src/components/side-modal/SideModal.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport ReactDOM from 'react-dom';\nimport CrossIcon from '../../assets/icons/cross.svg';\nimport { Button } from '../button';\nimport { ButtonProps } from '../button/model';\nimport { TitleMedium } from '../TypographyStyle';\nimport {\n\tFooterButtonWrapper,\n\tSideModalBody,\n\tSideModalContainer,\n\tSideModalFooter,\n\tSideModalHeader,\n\tSideModalStyle,\n} from './SideModal.style';\n\nexport interface SideModalProps {\n\theader: string;\n\tchildren: React.ReactNode;\n\theaderCustomComponent?: React.ReactNode;\n\tfooterCustomComponent?: React.ReactNode;\n\tfooterDirection?: 'row' | 'row-reverse';\n\thideCrossButton?: boolean;\n\twidth?: string;\n\tsaveButtonProps?: ButtonProps;\n\tcancelButtonProps?: ButtonProps;\n\tonClose: () => void;\n\tzIndex?: number;\n\thideFooter?: boolean;\n\tbodyStyle?: React.CSSProperties;\n\telement?: Element | DocumentFragment;\n\theaderStyle?: React.CSSProperties;\n\tfooterStyle?: React.CSSProperties;\n\tcloseOnEscapeKey?: boolean;\n}\n\nexport const SideModal: React.FC<SideModalProps> = (props) => {\n\tconst { closeOnEscapeKey, onClose } = props;\n\n\t// Escape key handler - enabled by default\n\tuseEffect(() => {\n\t\t// Guard: Escape key must be enabled (default: true)\n\n\t\tconst escapeEnabled = closeOnEscapeKey ?? true;\n\t\tif (!escapeEnabled) return;\n\n\t\tconst handleEscapeKey = (event: KeyboardEvent) => {\n\t\t\tif (event.key !== 'Escape') return;\n\n\t\t\tonClose();\n\t\t};\n\n\t\tdocument.addEventListener('keydown', handleEscapeKey);\n\n\t\treturn () => {\n\t\t\tdocument.removeEventListener('keydown', handleEscapeKey);\n\t\t};\n\t}, [closeOnEscapeKey, onClose]);\n\n\treturn ReactDOM.createPortal(\n\t\t<SideModalStyle zIndex={props.zIndex}>\n\t\t\t<SideModalContainer width={props.width}>\n\t\t\t\t<SideModalHeader\n\t\t\t\t\theaderStyle={{\n\t\t\t\t\t\t...props.headerStyle,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{props?.headerCustomComponent || (\n\t\t\t\t\t\t<TitleMedium>{props.header}</TitleMedium>\n\t\t\t\t\t)}\n\t\t\t\t\t{!props.hideCrossButton && (\n\t\t\t\t\t\t<CrossIcon width={24} height={24} onClick={props.onClose} />\n\t\t\t\t\t)}{' '}\n\t\t\t\t</SideModalHeader>\n\t\t\t\t<SideModalBody\n\t\t\t\t\thideFooter={props.hideFooter}\n\t\t\t\t\tbodyStyle={{\n\t\t\t\t\t\t...props.bodyStyle,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{props.children}{' '}\n\t\t\t\t</SideModalBody>\n\t\t\t\t{props.hideFooter === true ? null : (\n\t\t\t\t\t<SideModalFooter\n\t\t\t\t\t\tfooterDirection={props.footerDirection}\n\t\t\t\t\t\tfooterStyle={{\n\t\t\t\t\t\t\t...props.footerStyle,\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{(props.saveButtonProps || props.cancelButtonProps) && (\n\t\t\t\t\t\t\t<FooterButtonWrapper footerDirection={props.footerDirection}>\n\t\t\t\t\t\t\t\t{props.saveButtonProps && <Button {...props.saveButtonProps} />}\n\t\t\t\t\t\t\t\t{props.cancelButtonProps && (\n\t\t\t\t\t\t\t\t\t<Button {...props.cancelButtonProps} />\n\t\t\t\t\t\t\t\t)}{' '}\n\t\t\t\t\t\t\t</FooterButtonWrapper>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{props.footerCustomComponent ? props.footerCustomComponent : <></>}{' '}\n\t\t\t\t\t</SideModalFooter>\n\t\t\t\t)}{' '}\n\t\t\t</SideModalContainer>\n\t\t</SideModalStyle>,\n\t\tprops.element ?? document.body,\n\t);\n};\n"],"names":["SideModal","props","closeOnEscapeKey","onClose","useEffect","handleEscapeKey","event","ReactDOM","jsx","SideModalStyle","jsxs","SideModalContainer","SideModalHeader","TitleMedium","CrossIcon","SideModalBody","SideModalFooter","FooterButtonWrapper","Button","Fragment"],"mappings":"kTAmCaA,EAAuCC,GAAU,CAC7D,KAAM,CAAE,iBAAAC,EAAkB,QAAAC,CAAA,EAAYF,EAGtCG,OAAAA,EAAAA,UAAU,IAAM,CAIf,GAAI,EADkBF,GAAoB,IACtB,OAEpB,MAAMG,EAAmBC,GAAyB,CAC7CA,EAAM,MAAQ,UAElBH,EAAA,CACD,EAEA,gBAAS,iBAAiB,UAAWE,CAAe,EAE7C,IAAM,CACZ,SAAS,oBAAoB,UAAWA,CAAe,CACxD,CACD,EAAG,CAACH,EAAkBC,CAAO,CAAC,EAEvBI,EAAS,aACfC,EAAAA,IAACC,EAAAA,gBAAe,OAAQR,EAAM,OAC7B,SAAAS,EAAAA,KAACC,EAAAA,mBAAA,CAAmB,MAAOV,EAAM,MAChC,SAAA,CAAAS,EAAAA,KAACE,EAAAA,gBAAA,CACA,YAAa,CACZ,GAAGX,EAAM,WAAA,EAGT,SAAA,CAAAA,GAAO,uBACPO,MAACK,EAAAA,YAAA,CAAa,SAAAZ,EAAM,OAAO,EAE3B,CAACA,EAAM,iBACPO,MAACM,EAAAA,QAAA,CAAU,MAAO,GAAI,OAAQ,GAAI,QAASb,EAAM,OAAA,CAAS,EACxD,GAAA,CAAA,CAAA,EAEJS,EAAAA,KAACK,EAAAA,cAAA,CACA,WAAYd,EAAM,WAClB,UAAW,CACV,GAAGA,EAAM,SAAA,EAGT,SAAA,CAAAA,EAAM,SAAU,GAAA,CAAA,CAAA,EAEjBA,EAAM,aAAe,GAAO,KAC5BS,EAAAA,KAACM,EAAAA,gBAAA,CACA,gBAAiBf,EAAM,gBACvB,YAAa,CACZ,GAAGA,EAAM,WAAA,EAGR,SAAA,EAAAA,EAAM,iBAAmBA,EAAM,2BAC/BgB,EAAAA,oBAAA,CAAoB,gBAAiBhB,EAAM,gBAC1C,SAAA,CAAAA,EAAM,iBAAmBO,MAACU,EAAAA,OAAA,CAAQ,GAAGjB,EAAM,gBAAiB,EAC5DA,EAAM,mBACNO,MAACU,EAAAA,OAAA,CAAQ,GAAGjB,EAAM,kBAAmB,EACnC,GAAA,EACJ,EAEAA,EAAM,sBAAwBA,EAAM,sBAAwBO,EAAAA,IAAAW,EAAAA,SAAA,EAAE,EAAK,GAAA,CAAA,CAAA,EAEnE,GAAA,CAAA,CACJ,CAAA,CACD,EACAlB,EAAM,SAAW,SAAS,IAAA,CAE5B"}
+{"version":3,"file":"SideModal.js","sources":["../../../../src/components/side-modal/SideModal.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport ReactDOM from 'react-dom';\nimport CrossIcon from '../../assets/icons/cross.svg';\nimport { Button } from '../button';\nimport { ButtonProps } from '../button/model';\nimport { TitleMedium } from '../TypographyStyle';\nimport {\n\tFooterButtonWrapper,\n\tSideModalBody,\n\tSideModalContainer,\n\tSideModalFooter,\n\tSideModalHeader,\n\tSideModalStyle,\n} from './SideModal.style';\n\nexport interface SideModalProps {\n\theader: string;\n\tchildren: React.ReactNode;\n\theaderCustomComponent?: React.ReactNode;\n\tfooterCustomComponent?: React.ReactNode;\n\tfooterDirection?: 'row' | 'row-reverse';\n\thideCrossButton?: boolean;\n\twidth?: string;\n\tsaveButtonProps?: ButtonProps;\n\tcancelButtonProps?: ButtonProps;\n\tonClose: () => void;\n\tzIndex?: number;\n\thideFooter?: boolean;\n\tbodyStyle?: React.CSSProperties;\n\telement?: Element | DocumentFragment;\n\theaderStyle?: React.CSSProperties;\n\tfooterStyle?: React.CSSProperties;\n\tcloseOnEscapeKey?: boolean;\n}\n\nexport const SideModal: React.FC<SideModalProps> = (props) => {\n\tconst { closeOnEscapeKey, onClose } = props;\n\n\t// Escape key handler - enabled by default\n\tuseEffect(() => {\n\t\t// Guard: Escape key must be enabled (default: true)\n\n\t\tconst escapeEnabled = closeOnEscapeKey ?? true;\n\t\tif (!escapeEnabled) return;\n\n\t\tconst handleEscapeKey = (event: KeyboardEvent) => {\n\t\t\tif (event.key !== 'Escape') return;\n\n\t\t\tonClose();\n\t\t};\n\n\t\tdocument.addEventListener('keydown', handleEscapeKey);\n\n\t\treturn () => {\n\t\t\tdocument.removeEventListener('keydown', handleEscapeKey);\n\t\t};\n\t}, [closeOnEscapeKey, onClose]);\n\n\treturn ReactDOM.createPortal(\n\t\t<SideModalStyle zIndex={props.zIndex}>\n\t\t\t<SideModalContainer width={props.width}>\n\t\t\t\t<SideModalHeader\n\t\t\t\t\theaderStyle={{\n\t\t\t\t\t\t...props.headerStyle,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{props?.headerCustomComponent || (\n\t\t\t\t\t\t<TitleMedium>{props.header}</TitleMedium>\n\t\t\t\t\t)}\n\t\t\t\t\t{!props.hideCrossButton && (\n\t\t\t\t\t\t<CrossIcon width={24} height={24} onClick={props.onClose} />\n\t\t\t\t\t)}{' '}\n\t\t\t\t</SideModalHeader>\n\t\t\t\t<SideModalBody\n\t\t\t\t\thideFooter={props.hideFooter}\n\t\t\t\t\tbodyStyle={{\n\t\t\t\t\t\t...props.bodyStyle,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{props.children}{' '}\n\t\t\t\t</SideModalBody>\n\t\t\t\t{props.hideFooter === true ? null : (\n\t\t\t\t\t<SideModalFooter\n\t\t\t\t\t\tfooterDirection={props.footerDirection}\n\t\t\t\t\t\tfooterStyle={{\n\t\t\t\t\t\t\t...props.footerStyle,\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{(props.saveButtonProps || props.cancelButtonProps) && (\n\t\t\t\t\t\t\t<FooterButtonWrapper footerDirection={props.footerDirection}>\n\t\t\t\t\t\t\t\t{props.saveButtonProps && <Button {...props.saveButtonProps} />}\n\t\t\t\t\t\t\t\t{props.cancelButtonProps && (\n\t\t\t\t\t\t\t\t\t<Button {...props.cancelButtonProps} />\n\t\t\t\t\t\t\t\t)}{' '}\n\t\t\t\t\t\t\t</FooterButtonWrapper>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{props.footerCustomComponent ? props.footerCustomComponent : <></>}{' '}\n\t\t\t\t\t</SideModalFooter>\n\t\t\t\t)}{' '}\n\t\t\t</SideModalContainer>\n\t\t</SideModalStyle>,\n\t\tprops.element ?? document.body,\n\t);\n};\n"],"names":["SideModal","props","closeOnEscapeKey","onClose","useEffect","handleEscapeKey","event","ReactDOM","jsx","SideModalStyle","jsxs","SideModalContainer","SideModalHeader","TitleMedium","CrossIcon","SideModalBody","SideModalFooter","FooterButtonWrapper","Button","Fragment"],"mappings":"iXAmCaA,EAAuCC,GAAU,CAC7D,KAAM,CAAE,iBAAAC,EAAkB,QAAAC,CAAA,EAAYF,EAGtCG,OAAAA,EAAAA,UAAU,IAAM,CAIf,GAAI,EADkBF,GAAoB,IACtB,OAEpB,MAAMG,EAAmBC,GAAyB,CAC7CA,EAAM,MAAQ,UAElBH,EAAA,CACD,EAEA,gBAAS,iBAAiB,UAAWE,CAAe,EAE7C,IAAM,CACZ,SAAS,oBAAoB,UAAWA,CAAe,CACxD,CACD,EAAG,CAACH,EAAkBC,CAAO,CAAC,EAEvBI,EAAAA,QAAS,aACfC,EAAAA,IAACC,EAAAA,gBAAe,OAAQR,EAAM,OAC7B,SAAAS,EAAAA,KAACC,EAAAA,mBAAA,CAAmB,MAAOV,EAAM,MAChC,SAAA,CAAAS,EAAAA,KAACE,EAAAA,gBAAA,CACA,YAAa,CACZ,GAAGX,EAAM,WAAA,EAGT,SAAA,CAAAA,GAAO,uBACPO,MAACK,EAAAA,YAAA,CAAa,SAAAZ,EAAM,OAAO,EAE3B,CAACA,EAAM,iBACPO,MAACM,EAAAA,QAAA,CAAU,MAAO,GAAI,OAAQ,GAAI,QAASb,EAAM,OAAA,CAAS,EACxD,GAAA,CAAA,CAAA,EAEJS,EAAAA,KAACK,EAAAA,cAAA,CACA,WAAYd,EAAM,WAClB,UAAW,CACV,GAAGA,EAAM,SAAA,EAGT,SAAA,CAAAA,EAAM,SAAU,GAAA,CAAA,CAAA,EAEjBA,EAAM,aAAe,GAAO,KAC5BS,EAAAA,KAACM,EAAAA,gBAAA,CACA,gBAAiBf,EAAM,gBACvB,YAAa,CACZ,GAAGA,EAAM,WAAA,EAGR,SAAA,EAAAA,EAAM,iBAAmBA,EAAM,2BAC/BgB,EAAAA,oBAAA,CAAoB,gBAAiBhB,EAAM,gBAC1C,SAAA,CAAAA,EAAM,iBAAmBO,MAACU,EAAAA,OAAA,CAAQ,GAAGjB,EAAM,gBAAiB,EAC5DA,EAAM,mBACNO,MAACU,EAAAA,OAAA,CAAQ,GAAGjB,EAAM,kBAAmB,EACnC,GAAA,EACJ,EAEAA,EAAM,sBAAwBA,EAAM,sBAAwBO,EAAAA,IAAAW,EAAAA,SAAA,EAAE,EAAK,GAAA,CAAA,CAAA,EAEnE,GAAA,CAAA,CACJ,CAAA,CACD,EACAlB,EAAM,SAAW,SAAS,IAAA,CAE5B"}

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

@@ -1,22 +1,22 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("styled-components"),t=require("../../constants/Theme.js"),d=require("../../constants/zindex.js"),n=o.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("styled-components"),o=require("../../constants/Theme.js"),n=require("../../constants/zindex.js"),a=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},i=a(d),r=i.default.div`
 	position: fixed;
 	top: 0;
 	left: 0;
-	z-index: ${e=>e.zIndex||d.ComponentZindex.SIDE_MODAL};
+	z-index: ${e=>e.zIndex||n.ComponentZindex.SIDE_MODAL};
 	height: 100%;
 	width: 100%;
 	background-color: rgba(0, 0, 0, 0.4);
 	display: flex;
 	align-items: center;
 	justify-content: flex-end;
-`,r=o.div`
+`,s=i.default.div`
 	height: 100%;
 	width: ${e=>e.width||"566px"};
-	background: ${t.COLORS.surface.standard};
+	background: ${o.COLORS.surface.standard};
 	position: relative;
 	display: flex;
 	flex-direction: column;
-`,a=o.div`
+`,c=i.default.div`
 	width: 100%;
 	height: 60px;
 	position: sticky;
@@ -25,27 +25,27 @@
 	flex-direction: row;
 	align-items: center;
 	justify-content: space-between;
-	background: ${t.COLORS.surface.standard};
+	background: ${o.COLORS.surface.standard};
 	padding: 0px 24px;
-	border-bottom: 1px solid ${t.COLORS.stroke.primary};
+	border-bottom: 1px solid ${o.COLORS.stroke.primary};
 	svg:hover {
 		cursor: pointer;
-		background: ${t.COLORS.background.base};
+		background: ${o.COLORS.background.base};
 		border-radius: 4px;
 	}
-	${({headerStyle:e})=>o.css`
-		${Object.keys(e).map(i=>`${i}: ${e[i]};`).join(`
+	${({headerStyle:e})=>d.css`
+		${Object.keys(e).map(t=>`${t}: ${e[t]};`).join(`
 `)}
 	`}
-`,s=o.div`
+`,l=i.default.div`
 	overflow-y: auto;
 	padding: 24px;
 	height: ${e=>e.hideFooter?"calc(100% - 60px)":"calc(100% - 120px)"};
-	${({bodyStyle:e})=>o.css`
-		${Object.keys(e).map(i=>`${i}: ${e[i]};`).join(`
+	${({bodyStyle:e})=>d.css`
+		${Object.keys(e).map(t=>`${t}: ${e[t]};`).join(`
 `)}
 	`}
-`,c=o.div`
+`,p=i.default.div`
 	height: 60px;
 	width: 100%;
 	position: sticky;
@@ -54,16 +54,16 @@
 	flex-direction: ${e=>e.footerDirection||"row"};
 	justify-content: space-between;
 	align-items: center;
-	background: ${t.COLORS.surface.standard};
-	border-top: 1px solid ${t.COLORS.stroke.primary};
+	background: ${o.COLORS.surface.standard};
+	border-top: 1px solid ${o.COLORS.stroke.primary};
 	padding: 0px 24px;
-	${({footerStyle:e})=>o.css`
-		${Object.keys(e).map(i=>`${i}: ${e[i]};`).join(`
+	${({footerStyle:e})=>d.css`
+		${Object.keys(e).map(t=>`${t}: ${e[t]};`).join(`
 `)}
 	`}
-`,l=o.div`
+`,u=i.default.div`
 	display: flex;
 	flex-direction: ${e=>e.footerDirection||"row"};
 	gap: 8px;
-`;exports.FooterButtonWrapper=l;exports.SideModalBody=s;exports.SideModalContainer=r;exports.SideModalFooter=c;exports.SideModalHeader=a;exports.SideModalStyle=n;
+`;exports.FooterButtonWrapper=u;exports.SideModalBody=l;exports.SideModalContainer=s;exports.SideModalFooter=p;exports.SideModalHeader=c;exports.SideModalStyle=r;
 //# sourceMappingURL=SideModal.style.js.map

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

@@ -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","props","ComponentZindex","SideModalContainer","COLORS","SideModalHeader","headerStyle","css","property","SideModalBody","bodyStyle","SideModalFooter","footerStyle","FooterButtonWrapper"],"mappings":"kMAIaA,EAAiBC,EAAO;AAAA;AAAA;AAAA;AAAA,YAMxBC,GAAUA,EAAM,QAAUC,EAAAA,gBAAgB,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASpDC,EAAqBH,EAAO;AAAA;AAAA,UAE9BC,GAAUA,EAAM,OAAS,OAAO;AAAA,eAC5BG,EAAAA,OAAO,QAAQ,QAAQ;AAAA;AAAA;AAAA;AAAA,EAMzBC,EAAkBL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAWvBI,EAAAA,OAAO,QAAQ,QAAQ;AAAA;AAAA,4BAEVA,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA;AAAA,gBAGjCA,EAAAA,OAAO,WAAW,IAAI;AAAA;AAAA;AAAA,GAGnC,CAAC,CAAE,YAAAE,CAAA,IAAkBC,EAAAA;AAAAA,IACpB,OAAO,KAAKD,CAAW,EACvB,IAAKE,GAAa,GAAGA,CAAQ,KAAKF,EAAYE,CAAQ,CAAC,GAAG,EAC1D,KAAK;AAAA,CAAI,CAAC;AAAA,EACZ;AAAA,EAGWC,EAAgBT,EAAO;AAAA;AAAA;AAAA,WAMxBC,GACVA,EAAM,WAAa,oBAAsB,oBAAoB;AAAA,GAC5D,CAAC,CAAE,UAAAS,CAAA,IAAgBH,EAAAA;AAAAA,IAClB,OAAO,KAAKG,CAAS,EACrB,IAAKF,GAAa,GAAGA,CAAQ,KAAKE,EAAUF,CAAQ,CAAC,GAAG,EACxD,KAAK;AAAA,CAAI,CAAC;AAAA,EACZ;AAAA,EAGWG,EAAkBX,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBASlBC,GAAUA,EAAM,iBAAmB,KAAK;AAAA;AAAA;AAAA,eAG7CG,EAAAA,OAAO,QAAQ,QAAQ;AAAA,yBACbA,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA,GAE3C,CAAC,CAAE,YAAAQ,CAAA,IAAkBL,EAAAA;AAAAA,IACpB,OAAO,KAAKK,CAAW,EACvB,IAAKJ,GAAa,GAAGA,CAAQ,KAAKI,EAAYJ,CAAQ,CAAC,GAAG,EAC1D,KAAK;AAAA,CAAI,CAAC;AAAA,EACZ;AAAA,EAGWK,EAAsBb,EAAO;AAAA;AAAA,mBAItBC,GAAUA,EAAM,iBAAmB,KAAK;AAAA;AAAA"}
+{"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","props","ComponentZindex","SideModalContainer","COLORS","SideModalHeader","headerStyle","css","property","SideModalBody","bodyStyle","SideModalFooter","footerStyle","FooterButtonWrapper"],"mappings":"iQAIaA,EAAiBC,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA,YAMxBC,GAAUA,EAAM,QAAUC,EAAAA,gBAAgB,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASpDC,EAAqBH,EAAAA,QAAO;AAAA;AAAA,UAE9BC,GAAUA,EAAM,OAAS,OAAO;AAAA,eAC5BG,EAAAA,OAAO,QAAQ,QAAQ;AAAA;AAAA;AAAA;AAAA,EAMzBC,EAAkBL,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAWvBI,EAAAA,OAAO,QAAQ,QAAQ;AAAA;AAAA,4BAEVA,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA;AAAA,gBAGjCA,EAAAA,OAAO,WAAW,IAAI;AAAA;AAAA;AAAA,GAGnC,CAAC,CAAE,YAAAE,CAAA,IAAkBC,EAAAA;AAAAA,IACpB,OAAO,KAAKD,CAAW,EACvB,IAAKE,GAAa,GAAGA,CAAQ,KAAKF,EAAYE,CAAQ,CAAC,GAAG,EAC1D,KAAK;AAAA,CAAI,CAAC;AAAA,EACZ;AAAA,EAGWC,EAAgBT,EAAAA,QAAO;AAAA;AAAA;AAAA,WAMxBC,GACVA,EAAM,WAAa,oBAAsB,oBAAoB;AAAA,GAC5D,CAAC,CAAE,UAAAS,CAAA,IAAgBH,EAAAA;AAAAA,IAClB,OAAO,KAAKG,CAAS,EACrB,IAAKF,GAAa,GAAGA,CAAQ,KAAKE,EAAUF,CAAQ,CAAC,GAAG,EACxD,KAAK;AAAA,CAAI,CAAC;AAAA,EACZ;AAAA,EAGWG,EAAkBX,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBASlBC,GAAUA,EAAM,iBAAmB,KAAK;AAAA;AAAA;AAAA,eAG7CG,EAAAA,OAAO,QAAQ,QAAQ;AAAA,yBACbA,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA,GAE3C,CAAC,CAAE,YAAAQ,CAAA,IAAkBL,EAAAA;AAAAA,IACpB,OAAO,KAAKK,CAAW,EACvB,IAAKJ,GAAa,GAAGA,CAAQ,KAAKI,EAAYJ,CAAQ,CAAC,GAAG,EAC1D,KAAK;AAAA,CAAI,CAAC;AAAA,EACZ;AAAA,EAGWK,EAAsBb,EAAAA,QAAO;AAAA;AAAA,mBAItBC,GAAUA,EAAM,iBAAmB,KAAK;AAAA;AAAA"}

package/dist/cjs/components/spinner/Spinner.js

@@ -1,9 +1,9 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),d=require("styled-components"),t=require("../../constants/Theme.js"),r=require("./themes.js"),i=({size:e,color:a,className:s})=>n.jsx("div",{className:`spinner-container ${s}`,children:n.jsx(o,{width:`${r.SizeMap[e]}px`,height:`${r.SizeMap[e]}px`,size:e,color:a??t.COLORS.stroke.brand})});i.displayName="Spinner";const o=d.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),d=require("styled-components"),n=require("../../constants/Theme.js"),r=require("./themes.js"),l=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},c=l(d),o=({size:e,color:a,className:s})=>t.jsx("div",{className:`spinner-container ${s}`,children:t.jsx(i,{width:`${r.SizeMap[e]}px`,height:`${r.SizeMap[e]}px`,size:e,color:a??n.COLORS.stroke.brand})});o.displayName="Spinner";const i=c.default.div`
 	width: ${e=>e.width};
 	height: ${e=>e.height};
 	border: ${e=>e.size?r.BorderMap[e.size]:5}px solid
 		${e=>e.backgroundColor??"transparent"};
-	border-bottom-color: ${e=>e.color??t.COLORS.stroke.brand};
+	border-bottom-color: ${e=>e.color??n.COLORS.stroke.brand};
 	border-radius: 50%;
 	display: inline-block;
 	animation: rotation 1s linear infinite;
@@ -16,5 +16,5 @@
 			transform: rotate(360deg);
 		}
 	}
-`;exports.PureSpinner=o;exports.Spinner=i;
+`;exports.PureSpinner=i;exports.Spinner=o;
 //# sourceMappingURL=Spinner.js.map