@bikdotai/bik-component-library 0.0.159-beta.11 → 0.0.159-beta.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsDropdown.js +1 -1
- package/dist/cjs/components/bik-layout/BikSidebar.js +1 -1
- package/dist/cjs/components/bik-layout/MockMenus.d.ts +0 -1
- package/dist/cjs/components/carousel-secondary/CarouselSecondary.d.ts +7 -0
- package/dist/cjs/components/carousel-secondary/CarouselSecondary.js +1 -0
- package/dist/cjs/components/carousel-secondary/CarouselSecondary.style.d.ts +31 -0
- package/dist/cjs/components/carousel-secondary/CarouselSecondary.style.js +1 -0
- package/dist/cjs/components/carousel-secondary/index.d.ts +1 -0
- package/dist/cjs/components/checkBox/CheckBox.styled.js +8 -3
- package/dist/cjs/components/colourInput/ColourInput.js +1 -1
- package/dist/cjs/components/country-code-picker/CountryCodePicker.d.ts +3 -0
- package/dist/cjs/components/country-code-picker/CountryCodePicker.js +1 -1
- package/dist/cjs/components/curtain/Curtain.js +1 -1
- package/dist/cjs/components/curtain/Curtain.styled.js +4 -4
- package/dist/cjs/components/curtain/CurtainHelper.d.ts +12 -1
- package/dist/cjs/components/curtain/CurtainHelper.js +1 -1
- package/dist/cjs/components/discount-modal/DiscountModal.d.ts +1 -0
- package/dist/cjs/components/discount-modal/DiscountModal.js +1 -1
- package/dist/cjs/components/discount-modal/DiscountModal.styled.d.ts +0 -4
- package/dist/cjs/components/discount-modal/DiscountModal.styled.js +1 -1
- package/dist/cjs/components/discount-modal/DynamicCoupon/DynamicCoupon.d.ts +1 -0
- package/dist/cjs/components/discount-modal/DynamicCoupon/DynamicCoupon.js +1 -1
- package/dist/cjs/components/discount-modal/StaticCoupon/StaticCoupon.js +1 -1
- package/dist/cjs/components/discount-modal/type.d.ts +1 -0
- package/dist/cjs/components/dropdown/DropdownPopover/index.js +1 -1
- package/dist/cjs/components/dropdown/OpenedDropdown/components/OpennedDropdown.js +1 -1
- package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/MenuItem.js +3 -3
- package/dist/cjs/components/dropdown/type.d.ts +2 -1
- package/dist/cjs/components/input/Input.js +1 -1
- package/dist/cjs/components/input/Input.styled.js +1 -1
- package/dist/cjs/components/modals/styledModal.js +1 -1
- package/dist/cjs/components/plans/SubscriptionPlan.d.ts +1 -0
- package/dist/cjs/components/plans/SubscriptionPlan.js +1 -1
- package/dist/cjs/components/plans/SubscriptionPlanSelector.d.ts +1 -0
- package/dist/cjs/components/plans/SubscriptionPlanSelector.js +1 -1
- package/dist/cjs/components/product-picker-v2/modal.js +1 -1
- package/dist/cjs/components/product-picker-v2/productScreen.js +1 -1
- package/dist/cjs/components/states/StateComponent.d.ts +3 -1
- package/dist/cjs/components/states/StateComponent.js +1 -1
- package/dist/cjs/components/states-modal/StateModalComponent.d.ts +1 -1
- package/dist/cjs/components/states-modal/StateModalComponent.js +1 -1
- package/dist/cjs/components/stepper/WorkingStepper.d.ts +0 -1
- package/dist/cjs/index.d.ts +1 -0
- package/dist/cjs/index.js +1 -1
- package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsDropdown.js +1 -1
- package/dist/esm/components/bik-layout/BikSidebar.js +1 -1
- package/dist/esm/components/bik-layout/MockMenus.d.ts +0 -1
- package/dist/esm/components/carousel-secondary/CarouselSecondary.d.ts +7 -0
- package/dist/esm/components/carousel-secondary/CarouselSecondary.js +1 -0
- package/dist/esm/components/carousel-secondary/CarouselSecondary.style.d.ts +31 -0
- package/dist/esm/components/carousel-secondary/CarouselSecondary.style.js +1 -0
- package/dist/esm/components/carousel-secondary/index.d.ts +1 -0
- package/dist/esm/components/checkBox/CheckBox.styled.js +9 -4
- package/dist/esm/components/colourInput/ColourInput.js +1 -1
- package/dist/esm/components/country-code-picker/CountryCodePicker.d.ts +3 -0
- package/dist/esm/components/country-code-picker/CountryCodePicker.js +1 -1
- package/dist/esm/components/curtain/Curtain.js +1 -1
- package/dist/esm/components/curtain/Curtain.styled.js +1 -1
- package/dist/esm/components/curtain/CurtainHelper.d.ts +12 -1
- package/dist/esm/components/curtain/CurtainHelper.js +1 -1
- package/dist/esm/components/discount-modal/DiscountModal.d.ts +1 -0
- package/dist/esm/components/discount-modal/DiscountModal.js +1 -1
- package/dist/esm/components/discount-modal/DiscountModal.styled.d.ts +0 -4
- package/dist/esm/components/discount-modal/DiscountModal.styled.js +1 -1
- package/dist/esm/components/discount-modal/DynamicCoupon/DynamicCoupon.d.ts +1 -0
- package/dist/esm/components/discount-modal/DynamicCoupon/DynamicCoupon.js +1 -1
- package/dist/esm/components/discount-modal/StaticCoupon/StaticCoupon.js +1 -1
- package/dist/esm/components/discount-modal/type.d.ts +1 -0
- package/dist/esm/components/dropdown/DropdownPopover/index.js +1 -1
- package/dist/esm/components/dropdown/OpenedDropdown/components/OpennedDropdown.js +1 -1
- package/dist/esm/components/dropdown/OpenedDropdown/components/menu/MenuItem.js +1 -1
- package/dist/esm/components/dropdown/type.d.ts +2 -1
- package/dist/esm/components/input/Input.js +1 -1
- package/dist/esm/components/input/Input.styled.js +1 -1
- package/dist/esm/components/modals/styledModal.js +1 -1
- package/dist/esm/components/plans/SubscriptionPlan.d.ts +1 -0
- package/dist/esm/components/plans/SubscriptionPlan.js +1 -1
- package/dist/esm/components/plans/SubscriptionPlanSelector.d.ts +1 -0
- package/dist/esm/components/plans/SubscriptionPlanSelector.js +1 -1
- package/dist/esm/components/product-picker-v2/modal.js +1 -1
- package/dist/esm/components/product-picker-v2/productScreen.js +1 -1
- package/dist/esm/components/states/StateComponent.d.ts +3 -1
- package/dist/esm/components/states/StateComponent.js +1 -1
- package/dist/esm/components/states-modal/StateModalComponent.d.ts +1 -1
- package/dist/esm/components/states-modal/StateModalComponent.js +1 -1
- package/dist/esm/components/stepper/WorkingStepper.d.ts +0 -1
- package/dist/esm/index.d.ts +1 -0
- package/dist/esm/index.js +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const CarouselContainer: import("@emotion/styled").StyledComponent<{
|
|
3
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
4
|
+
as?: import("react").ElementType<any> | undefined;
|
|
5
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
6
|
+
export declare const CarouselBody: import("@emotion/styled").StyledComponent<{
|
|
7
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
8
|
+
as?: import("react").ElementType<any> | undefined;
|
|
9
|
+
} & {
|
|
10
|
+
textAlign: string | undefined;
|
|
11
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
12
|
+
export declare const CarouselPage: import("@emotion/styled").StyledComponent<{
|
|
13
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
14
|
+
as?: import("react").ElementType<any> | undefined;
|
|
15
|
+
} & {
|
|
16
|
+
isActive: boolean;
|
|
17
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
18
|
+
export declare const CarouselFooter: import("@emotion/styled").StyledComponent<{
|
|
19
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
20
|
+
as?: import("react").ElementType<any> | undefined;
|
|
21
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
22
|
+
export declare const PageIndicator: import("@emotion/styled").StyledComponent<{
|
|
23
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
24
|
+
as?: import("react").ElementType<any> | undefined;
|
|
25
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
26
|
+
export declare const Indicator: import("@emotion/styled").StyledComponent<{
|
|
27
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
28
|
+
as?: import("react").ElementType<any> | undefined;
|
|
29
|
+
} & {
|
|
30
|
+
isActive: boolean;
|
|
31
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import c from"@emotion/styled/base";import{COLORS as l}from"../../constants/Theme.js";function b(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}const d=c("div","production"===process.env.NODE_ENV?{target:"e1lbp7wq5"}:{target:"e1lbp7wq5",label:"CarouselContainer"})("production"===process.env.NODE_ENV?{name:"1kbthl1",styles:"width:100%;height:372px;overflow:hidden;border-radius:8px"}:{name:"1kbthl1",styles:"width:100%;height:372px;overflow:hidden;border-radius:8px",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhcm91c2VsU2Vjb25kYXJ5LnN0eWxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFNEMiLCJmaWxlIjoiQ2Fyb3VzZWxTZWNvbmRhcnkuc3R5bGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBDYXJvdXNlbENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHR3aWR0aDogMTAwJTtcblx0aGVpZ2h0OiAzNzJweDtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0Ym9yZGVyLXJhZGl1czogOHB4O1xuYDtcclxuZXhwb3J0IGNvbnN0IENhcm91c2VsQm9keSA9IHN0eWxlZC5kaXYgYFxuXHR3aWR0aDogMTAwJTtcblx0aGVpZ2h0OiBjYWxjKDEwMCUgLSA0MnB4KTtcblx0ZGlzcGxheTogZmxleDtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0c2Nyb2xsLXNuYXAtdHlwZTogeCBtYW5kYXRvcnk7XG5cdHdoaXRlLXNwYWNlOiBicmVhay1zcGFjZXM7XG5cdHRleHQtYWxpZ246ICR7KHByb3BzKSA9PiBwcm9wcy50ZXh0QWxpZ24gfHwgJ2xlZnQnfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBDYXJvdXNlbFBhZ2UgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogaW5saW5lLWJsb2NrO1xuXHRmbGV4LXNocmluazogMDtcblx0d2lkdGg6IDEwMCU7XG5cdGhlaWdodDogMTAwJTtcblx0c2Nyb2xsLXNuYXAtYWxpZ246IHN0YXJ0O1xuXHRwYWRkaW5nOiAyNHB4O1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuYDtcclxuZXhwb3J0IGNvbnN0IENhcm91c2VsRm9vdGVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0aGVpZ2h0OiA0MnB4O1xuXHR3aWR0aDogMTAwJTtcblx0cGFkZGluZzogMTBweDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5ob3ZlcmVkfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBQYWdlSW5kaWNhdG9yID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGdhcDogOHB4O1xuYDtcclxuZXhwb3J0IGNvbnN0IEluZGljYXRvciA9IHN0eWxlZC5kaXYgYFxuXHR3aWR0aDogNnB4O1xuXHRoZWlnaHQ6IDZweDtcblx0Ym9yZGVyLXJhZGl1czogNTAlO1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNBY3RpdmUgPyBDT0xPUlMuY29udGVudC5zZWNvbmRhcnkgOiBDT0xPUlMuY29udGVudC5pbmFjdGl2ZX07XG5cdGN1cnNvcjogcG9pbnRlcjtcbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUNhcm91c2VsU2Vjb25kYXJ5LnN0eWxlLmpzLm1hcCJdfQ== */",toString:b}),G=c("div","production"===process.env.NODE_ENV?{target:"e1lbp7wq4"}:{target:"e1lbp7wq4",label:"CarouselBody"})("width:100%;height:calc(100% - 42px);display:flex;overflow:hidden;scroll-snap-type:x mandatory;white-space:break-spaces;text-align:",(c=>c.textAlign||"left"),";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhcm91c2VsU2Vjb25kYXJ5LnN0eWxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRdUMiLCJmaWxlIjoiQ2Fyb3VzZWxTZWNvbmRhcnkuc3R5bGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBDYXJvdXNlbENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHR3aWR0aDogMTAwJTtcblx0aGVpZ2h0OiAzNzJweDtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0Ym9yZGVyLXJhZGl1czogOHB4O1xuYDtcclxuZXhwb3J0IGNvbnN0IENhcm91c2VsQm9keSA9IHN0eWxlZC5kaXYgYFxuXHR3aWR0aDogMTAwJTtcblx0aGVpZ2h0OiBjYWxjKDEwMCUgLSA0MnB4KTtcblx0ZGlzcGxheTogZmxleDtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0c2Nyb2xsLXNuYXAtdHlwZTogeCBtYW5kYXRvcnk7XG5cdHdoaXRlLXNwYWNlOiBicmVhay1zcGFjZXM7XG5cdHRleHQtYWxpZ246ICR7KHByb3BzKSA9PiBwcm9wcy50ZXh0QWxpZ24gfHwgJ2xlZnQnfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBDYXJvdXNlbFBhZ2UgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogaW5saW5lLWJsb2NrO1xuXHRmbGV4LXNocmluazogMDtcblx0d2lkdGg6IDEwMCU7XG5cdGhlaWdodDogMTAwJTtcblx0c2Nyb2xsLXNuYXAtYWxpZ246IHN0YXJ0O1xuXHRwYWRkaW5nOiAyNHB4O1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuYDtcclxuZXhwb3J0IGNvbnN0IENhcm91c2VsRm9vdGVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0aGVpZ2h0OiA0MnB4O1xuXHR3aWR0aDogMTAwJTtcblx0cGFkZGluZzogMTBweDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5ob3ZlcmVkfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBQYWdlSW5kaWNhdG9yID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGdhcDogOHB4O1xuYDtcclxuZXhwb3J0IGNvbnN0IEluZGljYXRvciA9IHN0eWxlZC5kaXYgYFxuXHR3aWR0aDogNnB4O1xuXHRoZWlnaHQ6IDZweDtcblx0Ym9yZGVyLXJhZGl1czogNTAlO1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNBY3RpdmUgPyBDT0xPUlMuY29udGVudC5zZWNvbmRhcnkgOiBDT0xPUlMuY29udGVudC5pbmFjdGl2ZX07XG5cdGN1cnNvcjogcG9pbnRlcjtcbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUNhcm91c2VsU2Vjb25kYXJ5LnN0eWxlLmpzLm1hcCJdfQ== */")),X=c("div","production"===process.env.NODE_ENV?{target:"e1lbp7wq3"}:{target:"e1lbp7wq3",label:"CarouselPage"})("production"===process.env.NODE_ENV?{name:"39klvd",styles:"display:inline-block;flex-shrink:0;width:100%;height:100%;scroll-snap-align:start;padding:24px;overflow:hidden"}:{name:"39klvd",styles:"display:inline-block;flex-shrink:0;width:100%;height:100%;scroll-snap-align:start;padding:24px;overflow:hidden",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhcm91c2VsU2Vjb25kYXJ5LnN0eWxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQnVDIiwiZmlsZSI6IkNhcm91c2VsU2Vjb25kYXJ5LnN0eWxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5leHBvcnQgY29uc3QgQ2Fyb3VzZWxDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6IDEwMCU7XG5cdGhlaWdodDogMzcycHg7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5cdGJvcmRlci1yYWRpdXM6IDhweDtcbmA7XHJcbmV4cG9ydCBjb25zdCBDYXJvdXNlbEJvZHkgPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6IDEwMCU7XG5cdGhlaWdodDogY2FsYygxMDAlIC0gNDJweCk7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5cdHNjcm9sbC1zbmFwLXR5cGU6IHggbWFuZGF0b3J5O1xuXHR3aGl0ZS1zcGFjZTogYnJlYWstc3BhY2VzO1xuXHR0ZXh0LWFsaWduOiAkeyhwcm9wcykgPT4gcHJvcHMudGV4dEFsaWduIHx8ICdsZWZ0J307XG5gO1xyXG5leHBvcnQgY29uc3QgQ2Fyb3VzZWxQYWdlID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGlubGluZS1ibG9jaztcblx0ZmxleC1zaHJpbms6IDA7XG5cdHdpZHRoOiAxMDAlO1xuXHRoZWlnaHQ6IDEwMCU7XG5cdHNjcm9sbC1zbmFwLWFsaWduOiBzdGFydDtcblx0cGFkZGluZzogMjRweDtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcbmA7XHJcbmV4cG9ydCBjb25zdCBDYXJvdXNlbEZvb3RlciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGhlaWdodDogNDJweDtcblx0d2lkdGg6IDEwMCU7XG5cdHBhZGRpbmc6IDEwcHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2UuaG92ZXJlZH07XG5gO1xyXG5leHBvcnQgY29uc3QgUGFnZUluZGljYXRvciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRnYXA6IDhweDtcbmA7XHJcbmV4cG9ydCBjb25zdCBJbmRpY2F0b3IgPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6IDZweDtcblx0aGVpZ2h0OiA2cHg7XG5cdGJvcmRlci1yYWRpdXM6IDUwJTtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLmlzQWN0aXZlID8gQ09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5IDogQ09MT1JTLmNvbnRlbnQuaW5hY3RpdmV9O1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1DYXJvdXNlbFNlY29uZGFyeS5zdHlsZS5qcy5tYXAiXX0= */",toString:b}),Z=c("div","production"===process.env.NODE_ENV?{target:"e1lbp7wq2"}:{target:"e1lbp7wq2",label:"CarouselFooter"})("display:flex;justify-content:space-between;align-items:center;height:42px;width:100%;padding:10px;background-color:",l.surface.hovered,";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhcm91c2VsU2Vjb25kYXJ5LnN0eWxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQnlDIiwiZmlsZSI6IkNhcm91c2VsU2Vjb25kYXJ5LnN0eWxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5leHBvcnQgY29uc3QgQ2Fyb3VzZWxDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6IDEwMCU7XG5cdGhlaWdodDogMzcycHg7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5cdGJvcmRlci1yYWRpdXM6IDhweDtcbmA7XHJcbmV4cG9ydCBjb25zdCBDYXJvdXNlbEJvZHkgPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6IDEwMCU7XG5cdGhlaWdodDogY2FsYygxMDAlIC0gNDJweCk7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5cdHNjcm9sbC1zbmFwLXR5cGU6IHggbWFuZGF0b3J5O1xuXHR3aGl0ZS1zcGFjZTogYnJlYWstc3BhY2VzO1xuXHR0ZXh0LWFsaWduOiAkeyhwcm9wcykgPT4gcHJvcHMudGV4dEFsaWduIHx8ICdsZWZ0J307XG5gO1xyXG5leHBvcnQgY29uc3QgQ2Fyb3VzZWxQYWdlID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGlubGluZS1ibG9jaztcblx0ZmxleC1zaHJpbms6IDA7XG5cdHdpZHRoOiAxMDAlO1xuXHRoZWlnaHQ6IDEwMCU7XG5cdHNjcm9sbC1zbmFwLWFsaWduOiBzdGFydDtcblx0cGFkZGluZzogMjRweDtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcbmA7XHJcbmV4cG9ydCBjb25zdCBDYXJvdXNlbEZvb3RlciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGhlaWdodDogNDJweDtcblx0d2lkdGg6IDEwMCU7XG5cdHBhZGRpbmc6IDEwcHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2UuaG92ZXJlZH07XG5gO1xyXG5leHBvcnQgY29uc3QgUGFnZUluZGljYXRvciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRnYXA6IDhweDtcbmA7XHJcbmV4cG9ydCBjb25zdCBJbmRpY2F0b3IgPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6IDZweDtcblx0aGVpZ2h0OiA2cHg7XG5cdGJvcmRlci1yYWRpdXM6IDUwJTtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLmlzQWN0aXZlID8gQ09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5IDogQ09MT1JTLmNvbnRlbnQuaW5hY3RpdmV9O1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1DYXJvdXNlbFNlY29uZGFyeS5zdHlsZS5qcy5tYXAiXX0= */")),a=c("div","production"===process.env.NODE_ENV?{target:"e1lbp7wq1"}:{target:"e1lbp7wq1",label:"PageIndicator"})("production"===process.env.NODE_ENV?{name:"1yxy5t5",styles:"display:flex;flex-direction:row;gap:8px"}:{name:"1yxy5t5",styles:"display:flex;flex-direction:row;gap:8px",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhcm91c2VsU2Vjb25kYXJ5LnN0eWxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQ3dDIiwiZmlsZSI6IkNhcm91c2VsU2Vjb25kYXJ5LnN0eWxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5leHBvcnQgY29uc3QgQ2Fyb3VzZWxDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6IDEwMCU7XG5cdGhlaWdodDogMzcycHg7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5cdGJvcmRlci1yYWRpdXM6IDhweDtcbmA7XHJcbmV4cG9ydCBjb25zdCBDYXJvdXNlbEJvZHkgPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6IDEwMCU7XG5cdGhlaWdodDogY2FsYygxMDAlIC0gNDJweCk7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5cdHNjcm9sbC1zbmFwLXR5cGU6IHggbWFuZGF0b3J5O1xuXHR3aGl0ZS1zcGFjZTogYnJlYWstc3BhY2VzO1xuXHR0ZXh0LWFsaWduOiAkeyhwcm9wcykgPT4gcHJvcHMudGV4dEFsaWduIHx8ICdsZWZ0J307XG5gO1xyXG5leHBvcnQgY29uc3QgQ2Fyb3VzZWxQYWdlID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGlubGluZS1ibG9jaztcblx0ZmxleC1zaHJpbms6IDA7XG5cdHdpZHRoOiAxMDAlO1xuXHRoZWlnaHQ6IDEwMCU7XG5cdHNjcm9sbC1zbmFwLWFsaWduOiBzdGFydDtcblx0cGFkZGluZzogMjRweDtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcbmA7XHJcbmV4cG9ydCBjb25zdCBDYXJvdXNlbEZvb3RlciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGhlaWdodDogNDJweDtcblx0d2lkdGg6IDEwMCU7XG5cdHBhZGRpbmc6IDEwcHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2UuaG92ZXJlZH07XG5gO1xyXG5leHBvcnQgY29uc3QgUGFnZUluZGljYXRvciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRnYXA6IDhweDtcbmA7XHJcbmV4cG9ydCBjb25zdCBJbmRpY2F0b3IgPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6IDZweDtcblx0aGVpZ2h0OiA2cHg7XG5cdGJvcmRlci1yYWRpdXM6IDUwJTtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLmlzQWN0aXZlID8gQ09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5IDogQ09MT1JTLmNvbnRlbnQuaW5hY3RpdmV9O1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1DYXJvdXNlbFNlY29uZGFyeS5zdHlsZS5qcy5tYXAiXX0= */",toString:b}),g=c("div","production"===process.env.NODE_ENV?{target:"e1lbp7wq0"}:{target:"e1lbp7wq0",label:"Indicator"})("width:6px;height:6px;border-radius:50%;background-color:",(c=>c.isActive?l.content.secondary:l.content.inactive),";cursor:pointer;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhcm91c2VsU2Vjb25kYXJ5LnN0eWxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3Q29DIiwiZmlsZSI6IkNhcm91c2VsU2Vjb25kYXJ5LnN0eWxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5leHBvcnQgY29uc3QgQ2Fyb3VzZWxDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6IDEwMCU7XG5cdGhlaWdodDogMzcycHg7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5cdGJvcmRlci1yYWRpdXM6IDhweDtcbmA7XHJcbmV4cG9ydCBjb25zdCBDYXJvdXNlbEJvZHkgPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6IDEwMCU7XG5cdGhlaWdodDogY2FsYygxMDAlIC0gNDJweCk7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5cdHNjcm9sbC1zbmFwLXR5cGU6IHggbWFuZGF0b3J5O1xuXHR3aGl0ZS1zcGFjZTogYnJlYWstc3BhY2VzO1xuXHR0ZXh0LWFsaWduOiAkeyhwcm9wcykgPT4gcHJvcHMudGV4dEFsaWduIHx8ICdsZWZ0J307XG5gO1xyXG5leHBvcnQgY29uc3QgQ2Fyb3VzZWxQYWdlID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGlubGluZS1ibG9jaztcblx0ZmxleC1zaHJpbms6IDA7XG5cdHdpZHRoOiAxMDAlO1xuXHRoZWlnaHQ6IDEwMCU7XG5cdHNjcm9sbC1zbmFwLWFsaWduOiBzdGFydDtcblx0cGFkZGluZzogMjRweDtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcbmA7XHJcbmV4cG9ydCBjb25zdCBDYXJvdXNlbEZvb3RlciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGhlaWdodDogNDJweDtcblx0d2lkdGg6IDEwMCU7XG5cdHBhZGRpbmc6IDEwcHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2UuaG92ZXJlZH07XG5gO1xyXG5leHBvcnQgY29uc3QgUGFnZUluZGljYXRvciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRnYXA6IDhweDtcbmA7XHJcbmV4cG9ydCBjb25zdCBJbmRpY2F0b3IgPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6IDZweDtcblx0aGVpZ2h0OiA2cHg7XG5cdGJvcmRlci1yYWRpdXM6IDUwJTtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLmlzQWN0aXZlID8gQ09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5IDogQ09MT1JTLmNvbnRlbnQuaW5hY3RpdmV9O1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1DYXJvdXNlbFNlY29uZGFyeS5zdHlsZS5qcy5tYXAiXX0= */"));export{G as CarouselBody,d as CarouselContainer,Z as CarouselFooter,X as CarouselPage,g as Indicator,a as PageIndicator};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './CarouselSecondary';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import e,{css as i}from"styled-components";import{COLORS as
|
|
1
|
+
import e,{css as i}from"styled-components";import{COLORS as o}from"../../constants/Theme.js";const t=e.div`
|
|
2
2
|
display: inline-flex;
|
|
3
3
|
align-items: center;
|
|
4
4
|
cursor: pointer;
|
|
@@ -11,17 +11,22 @@ import e,{css as i}from"styled-components";import{COLORS as t}from"../../constan
|
|
|
11
11
|
justify-content: center;
|
|
12
12
|
align-items: center;
|
|
13
13
|
box-sizing: content-box;
|
|
14
|
+
${e=>e.isDisabled?i`
|
|
15
|
+
border: 2px solid ${o.content.inactive};
|
|
16
|
+
`:i`
|
|
17
|
+
border: 2px solid black;
|
|
18
|
+
`}
|
|
14
19
|
${e=>e.checked&&i`
|
|
15
20
|
border: 0px;
|
|
16
21
|
width: 18px;
|
|
17
22
|
height: 18px;
|
|
18
23
|
`}
|
|
19
24
|
${e=>e.hovered&&i`
|
|
20
|
-
outline: 3px solid ${
|
|
25
|
+
outline: 3px solid ${o.surface.hovered};
|
|
21
26
|
`}
|
|
22
27
|
${e=>e.clicked&&!e.isDisabled&&i`
|
|
23
28
|
outline: 3px solid
|
|
24
|
-
${e.checked?
|
|
29
|
+
${e.checked?o.stroke.positive.lightAlt:o.surface.hovered};
|
|
25
30
|
outline-offset: 2px;
|
|
26
31
|
`}
|
|
27
|
-
`;export{
|
|
32
|
+
`;export{t as CheckboxContainer,r as CheckboxIcon};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as o}from"react/jsx-runtime";import{ColorInputContainer as t,StyledColorInput as r}from"./ColourInput.styled.js";import{BodySecondary as n}from"../TypographyStyle.js";import{DEFAULT_THEME as
|
|
1
|
+
import{jsxs as e,jsx as o}from"react/jsx-runtime";import{ColorInputContainer as t,StyledColorInput as r}from"./ColourInput.styled.js";import{BodySecondary as n}from"../TypographyStyle.js";import{DEFAULT_THEME as l}from"../../constants/Theme.js";const i=i=>{var a;return e("div",Object.assign({className:"buttonColorCustom"},{children:[i.headingText&&o(n,{children:i.headingText}),e(t,{children:[o("div",Object.assign({style:{fontWeight:400,fontSize:16,lineHeight:24,color:l.colorsV2.content.primary}},{children:null!==(a=i.labelText)&&void 0!==a?a:"Colour"})),o(r,{type:"color",onChange:e=>{i.onValueChange(e.target.value)},value:i.value})]})]}))};export{i as ColourInput};
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { Placement, PositioningStrategy } from '@popperjs/core';
|
|
1
2
|
import React from 'react';
|
|
2
3
|
import { CountryCode } from "./CountryCodePicker.modal";
|
|
3
4
|
export declare const CountryCodePicker: React.FC<{
|
|
@@ -5,4 +6,6 @@ export declare const CountryCodePicker: React.FC<{
|
|
|
5
6
|
selectedCountry: CountryCode;
|
|
6
7
|
popoverWidth?: string;
|
|
7
8
|
height?: string;
|
|
9
|
+
placement?: Placement;
|
|
10
|
+
placementStrategy?: PositioningStrategy;
|
|
8
11
|
}>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as o,jsxs as e}from"react/jsx-runtime";import t from"../../assets/icons/chevronDown.svg.js";import{useState as n}from"react";import{CountriesData as
|
|
1
|
+
import{jsx as o,jsxs as e}from"react/jsx-runtime";import t from"../../assets/icons/chevronDown.svg.js";import{useState as n,useEffect as r}from"react";import{CountriesData as d}from"./CountryCodePicker.modal.js";import{StyledCountryPickerWrapper as s,StyledCountryPickerOption as p}from"./CountryCodePicker.styled.js";import"../dropdown/Dropdown.js";import{DropdownPopover as i}from"../dropdown/DropdownPopover/index.js";import"../zeroState/ZeroState.js";import{BodySecondary as c}from"../TypographyStyle.js";import{COLORS as m}from"../../constants/Theme.js";import"../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../checkBox/CheckBox.styled.js";import"../list-item/ListItem.js";import"../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../dropdown/OpenedDropdown/components/menu/SelectAllMenu.js";import"../button/Button.js";import"../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../input/Input.js";import"../dropdown/MenuItem/MenuItem.js";const l=l=>{var a,u,w,h,j,y;const[v,g]=n(null!==(a=l.selectedCountry)&&void 0!==a?a:{name:"India",dial:"+91",code:"IN"}),f=`https://flagcdn.com/${null===(u=v.code)||void 0===u?void 0:u.toLowerCase()}.svg`;r((()=>{l.selectedCountry&&g(l.selectedCountry)}),[null===(w=l.selectedCountry)||void 0===w?void 0:w.code]);return o(i,Object.assign({isSearchable:!0,width:null!==(h=l.popoverWidth)&&void 0!==h?h:"200px",placement:null!==(j=l.placement)&&void 0!==j?j:"bottom-start",strategy:null!==(y=l.placementStrategy)&&void 0!==y?y:"absolute",options:d.map((t=>{var n;const r=`https://flagcdn.com/${null===(n=t.code)||void 0===n?void 0:n.toLowerCase()}.svg`;return{value:t.code,label:t.dial,searchKey:t.name,customComponent:e(p,{children:[o("img",{src:r,className:"country-flag__option",alt:t.name}),o(c,{children:t.dial})]}),selected:v.code===t.code}})),onSelect:o=>{const e=d.filter((e=>e.code===o.value));g(e[0]),l.onCountrySelect(e[0])}},{children:e(s,Object.assign({height:l.height},{children:[e("div",Object.assign({className:"content__wrapper"},{children:[o("img",{src:f,className:"country-flag__selected-option",alt:v.name}),o(c,{children:v.dial})]})),o(t,{width:24,height:24,color:m.content.primary})]}))}))};export{l as CountryCodePicker};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as o,Fragment as t,jsxs as e}from"react/jsx-runtime";import{useState as r}from"react";import{CurtainStyle as n}from"./Curtain.styled.js";import{COLOR_CONFIG_MAP as s,CURTAIN_MODE as i}from"./CurtainHelper.js";import{BodySecondary as c,BodySecondaryLink as m}from"../TypographyStyle.js";import{COLORS as l}from"../../constants/Theme.js";import p from"../../assets/icons/cross.svg.js";const a=a=>{const[d,C]=r(!1);if(d)return o(t,{});return e(n,Object.assign({mode:a.mode,type:a.type,strokeAtTop:a.strokeAtTop,strokeAtBottom:a.strokeAtBottom},{children:[a.icon&&o(a.icon,{color:s[a.mode][a.type].textColor,height:16,width:16}),o(c,Object.assign({style:{color:s[a.mode][a.type].textColor,marginLeft:8}},{children:a.text})),a.customComponent&&o(a.customComponent,{}),a.actionButtonText&&o(m,Object.assign({onClick:a.actionButtonClickHandler,style:{color:a.mode===i.DARK?s[a.mode][a.type].textColor:l.content.brand,marginLeft:
|
|
1
|
+
import{jsx as o,Fragment as t,jsxs as e}from"react/jsx-runtime";import{useState as r}from"react";import{CurtainStyle as n}from"./Curtain.styled.js";import{COLOR_CONFIG_MAP as s,CURTAIN_MODE as i}from"./CurtainHelper.js";import{BodySecondary as c,BodySecondaryLink as m}from"../TypographyStyle.js";import{COLORS as l}from"../../constants/Theme.js";import p from"../../assets/icons/cross.svg.js";const a=a=>{const[d,C]=r(!1);if(d)return o(t,{});return e(n,Object.assign({mode:a.mode,type:a.type,strokeAtTop:a.strokeAtTop,strokeAtBottom:a.strokeAtBottom},{children:[a.icon&&o(a.icon,{color:s[a.mode][a.type].textColor,height:16,width:16}),o(c,Object.assign({style:{color:s[a.mode][a.type].textColor,marginLeft:8}},{children:a.text})),a.customComponent&&o(a.customComponent,{}),a.actionButtonText&&o(m,Object.assign({onClick:a.actionButtonClickHandler,style:{color:a.mode===i.DARK?s[a.mode][a.type].textColor:l.content.brand,marginLeft:6,textDecoration:"underline"}},{children:a.actionButtonText})),!a.hideCrossIcon&&o(p,{onClick:()=>{C(!0),a.onCloseHandler&&a.onCloseHandler()},style:{position:"absolute",right:16},cursor:"pointer",height:20,width:20,color:s[a.mode][a.type].crossIconColor})]}))};export{a as Curtain};
|
|
@@ -3,7 +3,7 @@ import o from"styled-components";import{COLOR_CONFIG_MAP as t}from"./CurtainHelp
|
|
|
3
3
|
justify-content: center;
|
|
4
4
|
align-items: center;
|
|
5
5
|
padding: 8px 16px;
|
|
6
|
-
background
|
|
6
|
+
background: ${o=>t[o.mode][o.type].backgroundColor};
|
|
7
7
|
border-top: ${o=>o.strokeAtTop?"1px solid "+t[o.mode][o.type].strokeColor:0};
|
|
8
8
|
border-bottom: ${o=>o.strokeAtBottom?"1px solid "+t[o.mode][o.type].strokeColor:0};
|
|
9
9
|
box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12);
|
|
@@ -3,7 +3,8 @@ export declare enum CURTAIN_TYPES {
|
|
|
3
3
|
WARNING = "Warning",
|
|
4
4
|
POSITIVE = "Positive",
|
|
5
5
|
NEUTRAL = "Neutral",
|
|
6
|
-
SPECIAL = "Special"
|
|
6
|
+
SPECIAL = "Special",
|
|
7
|
+
MANIFEST = "Manifest"
|
|
7
8
|
}
|
|
8
9
|
export declare enum CURTAIN_MODE {
|
|
9
10
|
LIGHT = "LIGHT",
|
|
@@ -36,6 +37,11 @@ export declare const COLOR_CONFIG_MAP: {
|
|
|
36
37
|
textColor: string;
|
|
37
38
|
crossIconColor: string;
|
|
38
39
|
};
|
|
40
|
+
Manifest: {
|
|
41
|
+
backgroundColor: string;
|
|
42
|
+
textColor: string;
|
|
43
|
+
crossIconColor: string;
|
|
44
|
+
};
|
|
39
45
|
};
|
|
40
46
|
LIGHT: {
|
|
41
47
|
Negative: {
|
|
@@ -68,5 +74,10 @@ export declare const COLOR_CONFIG_MAP: {
|
|
|
68
74
|
crossIconColor: string;
|
|
69
75
|
strokeColor: string;
|
|
70
76
|
};
|
|
77
|
+
Manifest: {
|
|
78
|
+
backgroundColor: string;
|
|
79
|
+
textColor: string;
|
|
80
|
+
crossIconColor: string;
|
|
81
|
+
};
|
|
71
82
|
};
|
|
72
83
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{COLORS as o}from"../../constants/Theme.js";var r,n;!function(o){o.NEGATIVE="Negative",o.WARNING="Warning",o.POSITIVE="Positive",o.NEUTRAL="Neutral",o.SPECIAL="Special"}(r||(r={})),function(o){o.LIGHT="LIGHT",o.DARK="DARK"}(n||(n={}));const t={[n.DARK]:{[r.NEGATIVE]:{backgroundColor:o.background.negative.vibrant,textColor:o.surface.standard,crossIconColor:o.surface.standard},[r.WARNING]:{backgroundColor:o.background.warning.vibrant,textColor:o.content.primary,crossIconColor:o.content.secondary},[r.POSITIVE]:{backgroundColor:o.background.positive.vibrant,textColor:o.surface.standard,crossIconColor:o.surface.standard},[r.NEUTRAL]:{backgroundColor:o.background.inverse,textColor:o.surface.standard,crossIconColor:o.surface.standard},[r.SPECIAL]:{backgroundColor:o.background.inverse,textColor:o.surface.standard,crossIconColor:o.surface.standard}},[n.LIGHT]:{[r.NEGATIVE]:{backgroundColor:o.background.negative.light,textColor:o.content.negative,crossIconColor:o.content.secondary,strokeColor:o.stroke.negative.lightAlt},[r.WARNING]:{backgroundColor:o.background.warning.light,textColor:o.content.warning,crossIconColor:o.content.secondary,strokeColor:o.stroke.warning.lightAlt},[r.POSITIVE]:{backgroundColor:o.background.positive.light,textColor:o.content.positive,crossIconColor:o.content.secondary,strokeColor:o.stroke.positive.lightAlt},[r.NEUTRAL]:{backgroundColor:o.surface.subdued,textColor:o.content.secondary,crossIconColor:o.content.secondary,strokeColor:o.stroke.primary},[r.SPECIAL]:{backgroundColor:o.background.brandLight,textColor:o.content.primary,crossIconColor:o.content.secondary,strokeColor:o.stroke.brandLightAlt}}};export{t as COLOR_CONFIG_MAP,n as CURTAIN_MODE,r as CURTAIN_TYPES};
|
|
1
|
+
import{COLORS as o}from"../../constants/Theme.js";var r,n;!function(o){o.NEGATIVE="Negative",o.WARNING="Warning",o.POSITIVE="Positive",o.NEUTRAL="Neutral",o.SPECIAL="Special",o.MANIFEST="Manifest"}(r||(r={})),function(o){o.LIGHT="LIGHT",o.DARK="DARK"}(n||(n={}));const t={[n.DARK]:{[r.NEGATIVE]:{backgroundColor:o.background.negative.vibrant,textColor:o.surface.standard,crossIconColor:o.surface.standard},[r.WARNING]:{backgroundColor:o.background.warning.vibrant,textColor:o.content.primary,crossIconColor:o.content.secondary},[r.POSITIVE]:{backgroundColor:o.background.positive.vibrant,textColor:o.surface.standard,crossIconColor:o.surface.standard},[r.NEUTRAL]:{backgroundColor:o.background.inverse,textColor:o.surface.standard,crossIconColor:o.surface.standard},[r.SPECIAL]:{backgroundColor:o.background.inverse,textColor:o.surface.standard,crossIconColor:o.surface.standard},[r.MANIFEST]:{backgroundColor:"linear-gradient(90.05deg, #743979 1.22%, #526DCA 99.95%)",textColor:o.surface.standard,crossIconColor:o.surface.standard}},[n.LIGHT]:{[r.NEGATIVE]:{backgroundColor:o.background.negative.light,textColor:o.content.negative,crossIconColor:o.content.secondary,strokeColor:o.stroke.negative.lightAlt},[r.WARNING]:{backgroundColor:o.background.warning.light,textColor:o.content.warning,crossIconColor:o.content.secondary,strokeColor:o.stroke.warning.lightAlt},[r.POSITIVE]:{backgroundColor:o.background.positive.light,textColor:o.content.positive,crossIconColor:o.content.secondary,strokeColor:o.stroke.positive.lightAlt},[r.NEUTRAL]:{backgroundColor:o.surface.subdued,textColor:o.content.secondary,crossIconColor:o.content.secondary,strokeColor:o.stroke.primary},[r.SPECIAL]:{backgroundColor:o.background.brandLight,textColor:o.content.primary,crossIconColor:o.content.secondary,strokeColor:o.stroke.brandLightAlt},[r.MANIFEST]:{backgroundColor:"linear-gradient(90.05deg, #743979 1.22%, #526DCA 99.95%)",textColor:o.surface.standard,crossIconColor:o.surface.standard}}};export{t as COLOR_CONFIG_MAP,n as CURTAIN_MODE,r as CURTAIN_TYPES};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as t,jsx as e,Fragment as o}from"react/jsx-runtime";import{useState as i,useEffect as n}from"react";import{MIN_PURCHASE_REQUIREMENT as r,DISCOUNT_TARGET_TYPES as d,DISCOUNT_TYPES as s,DISCOUNT_TARGET_SELECTION as
|
|
1
|
+
import{jsxs as t,jsx as e,Fragment as o}from"react/jsx-runtime";import{useState as i,useEffect as n}from"react";import{MIN_PURCHASE_REQUIREMENT as r,DISCOUNT_TARGET_TYPES as d,DISCOUNT_TYPES as s,DISCOUNT_TARGET_SELECTION as a,DISCOUNT_VALUE_TYPES as c}from"./type.js";import{Dropdown as l}from"../dropdown/Dropdown.js";import"../dropdown/DropdownPopover/index.js";import"../zeroState/ZeroState.js";import{TitleSmall as p,BodyCaption as u}from"../TypographyStyle.js";import{DEFAULT_THEME as m}from"../../constants/Theme.js";import"../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../checkBox/CheckBox.styled.js";import"../list-item/ListItem.js";import"../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../dropdown/OpenedDropdown/components/menu/SelectAllMenu.js";import"../button/Button.js";import"../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../input/Input.js";import"../dropdown/MenuItem/MenuItem.js";import{StyledModal as y}from"../modals/styledModal.js";import{ProductPickerContent as b}from"../product-picker/ProductPickerModal.js";import{Tag as E}from"../tag/Tag.js";import{Tooltip as v}from"../tooltips/Tooltip.js";import T from"../../assets/icons/triangle_error.svg.js";import{StyledDiscountDialogueContainer as P,CouponTypeContainerStyled as g}from"./DiscountModal.styled.js";import{validateDiscountData as I}from"./DiscountUtils.js";import j,{DISCOUNT_PRODUCTS as C}from"./DynamicCoupon/DynamicCoupon.js";import h from"./StaticCoupon/StaticCoupon.js";const S=S=>{var O,D,N,_;const[w,f]=i(),[A,q]=i(null!==(O=S.data)&&void 0!==O?O:{}),[G,M]=i(((null===(D=S.data)||void 0===D?void 0:D.isStaticCoupon)||S.allowStaticCoupon)&&!(null===(N=S.data)||void 0===N?void 0:N.targetSelection)),[L,x]=i(!0),[R,k]=i(),[F,B]=i(r.NA),[U,X]=i([]),[Y,H]=i([]),[Q,V]=i(0);n((()=>{S.hideProbability||$()}),[]),n((()=>{S.hideProbability||$(),x(I(A,F,R,S.hideProbability||!1,Q))}),[A,Q,R,F]),n((()=>{var t,e;if(S.products){if(null===(t=S.data)||void 0===t?void 0:t.entitledProductIds){const t=S.products.filter((t=>{var e,o;return null===(o=null===(e=S.data)||void 0===e?void 0:e.entitledProductIds)||void 0===o?void 0:o.includes(parseInt(t.id))}));H(t)}if(null===(e=S.data)||void 0===e?void 0:e.prerequisiteProductIds){const t=S.products.filter((t=>{var e,o;return null===(o=null===(e=S.data)||void 0===e?void 0:e.prerequisiteProductIds)||void 0===o?void 0:o.includes(parseInt(t.id))}));X(t)}}}),[]),n((()=>{const t=Y.map((t=>parseInt(t.id)));q(Object.assign(Object.assign({},A),{entitledProductIds:t}))}),[Y]),n((()=>{const t=U.map((t=>parseInt(t.id)));q(Object.assign(Object.assign({},A),{prerequisiteProductIds:t}))}),[U]),n((()=>{A.targetType===d.SHIPPING_LINE?k(s.FREE_SHIPPING):A.targetSelection===a.ENTITLED?k(s.BUY_X_GET_Y):A.valueType===c.FIXED_AMOUNT?k(s.FIXED_AMOUNT):A.valueType===c.PERCENTAGE&&k(s.PERCENTAGE)}),[]);const z=[{value:s.FIXED_AMOUNT,label:"Fixed Amount",selected:R===s.FIXED_AMOUNT},{value:s.PERCENTAGE,label:"Percentage",selected:R===s.PERCENTAGE},{value:s.BUY_X_GET_Y,label:"Buy X Get Y FREE",selected:R===s.BUY_X_GET_Y},{value:s.FREE_SHIPPING,label:"Free shipping",selected:R===s.FREE_SHIPPING}],$=()=>{if(!S.quadrant||!S.probability)return;const t=[...S.probability];let e=[];t.length>=S.quadrant&&t.splice(S.quadrant-1,1),e=t;const o=e.reduce(((t,e)=>t+e),0)+(A.probability||0);V(o)},K=t=>{const e=t.value;k(e),e===s.FREE_SHIPPING?(X([]),H([]),q(Object.assign(Object.assign({},A),{value:100,targetSelection:a.ALL,targetType:d.SHIPPING_LINE,valueType:c.PERCENTAGE,entitledQuantity:void 0,prerequisiteQuantity:void 0,entitledProductIds:void 0,prerequisiteProductIds:void 0}))):e===s.BUY_X_GET_Y?q(Object.assign(Object.assign({},A),{targetSelection:a.ENTITLED,targetType:d.LINE_ITEM,valueType:c.PERCENTAGE})):e===s.PERCENTAGE?(X([]),H([]),q(Object.assign(Object.assign({},A),{targetSelection:a.ALL,targetType:d.LINE_ITEM,valueType:c.PERCENTAGE,entitledQuantity:void 0,prerequisiteQuantity:void 0,entitledProductIds:void 0,prerequisiteProductIds:void 0}))):e===s.FIXED_AMOUNT&&(X([]),H([]),q(Object.assign(Object.assign({},A),{targetSelection:a.ALL,targetType:d.LINE_ITEM,valueType:c.FIXED_AMOUNT,entitledQuantity:void 0,prerequisiteQuantity:void 0,entitledProductIds:void 0,prerequisiteProductIds:void 0})))};return t(y,Object.assign({open:S.isOpen,headingTitle:w?"Select Products":S.title,headingSubtitle:w?void 0:S.subTitle,footerLeftCustomElement:!S.quadrant||S.hideProbability?e(o,{}):Q<=1?e(E,{theme:"light",tagText:`Current probability sum: ${Q}`,type:"white"}):e(v,Object.assign({body:"Probability sum should not exceed 1",placement:"top"},{children:e("div",{children:e(E,{style:{cursor:"pointer"},theme:"light",tagText:`Current probability sum: ${Q}`,type:"negative",LeadingIcon:T})})})),headerRightCustomElement:S.allowStaticCoupon||w?void 0:e(l,{options:z,width:"200px",placement:"bottom-start",size:"small",onSelect:t=>{K(t)}}),onClose:S.onClose,footerShadow:!0,primaryButton:w?{buttonType:"primary",onClick:()=>{f(void 0)},buttonText:"Add"}:{buttonType:"primary",buttonText:"Add code",disabled:L,onClick:()=>{A.isStaticCoupon?S.onSaveClicked({quadrant:A.quadrant,couponCode:A.couponCode,description:A.description,isStaticCoupon:A.isStaticCoupon,probability:A.probability}):S.onSaveClicked(A),q({})}},secondaryButton:w?{buttonType:"tertiaryGray",onClick:()=>{f(void 0)},buttonText:"Back"}:{buttonType:"tertiaryGray",onClick:S.onClose,buttonText:"Close"}},{children:[!w&&t(P,{children:[S.allowStaticCoupon&&!w&&t(g,Object.assign({selectedDiv:G?1:2},{children:[t("div",Object.assign({className:"coupon-type__container",onClick:()=>{M(!0),q({isStaticCoupon:!0,couponCode:A.couponCode,description:A.description,quadrant:A.quadrant})}},{children:[e(p,Object.assign({style:G?{color:m.colorsV2.content.brand}:{}},{children:"Static code"})),e(u,Object.assign({style:G?{color:m.colorsV2.content.brand}:{}},{children:"One static code for all customers"}))]})),t("div",Object.assign({className:"coupon-type__container",onClick:()=>{q(Object.assign(Object.assign({},A),{isStaticCoupon:!1})),M(!1)}},{children:[e(p,Object.assign({style:G?{}:{color:m.colorsV2.content.brand}},{children:"Dynamic code"})),e(u,Object.assign({style:G?{}:{color:m.colorsV2.content.brand}},{children:"New code generated for everyone"}))]}))]})),G&&!w&&e(h,{discountData:A,setDiscountData:q,hideProbability:S.hideProbability||!1,discountAdminUrl:S.discountAdminUrl}),!G&&!w&&e(j,{currency:S.currency,entitledProducts:Y,prerequisiteProducts:U,setEntitledProducts:H,setPrerequisiteProducts:X,discountData:A,productPickerOpen:w,setIsProductPickerOpen:f,setDiscountData:q,selectedCouponType:R,setSelectedCouponType:k,selectedMinimumRequirement:F,setSelectedMinimumRequirement:B,hideProbability:S.hideProbability||!1,hideExpiration:S.hideExpiration||!1,allowStaticCoupon:S.allowStaticCoupon,onChangeCouponType:K})]}),!!w&&e("div",Object.assign({style:{padding:"12px 0"}},{children:e(b,{show:!0,onSave:()=>{},products:null!==(_=S.products)&&void 0!==_?_:[],title:"Select Products",onClose:()=>{f(void 0)},selectedProducts:w===C.ENTITLED?Y:U,setSelectedProducts:w===C.ENTITLED?H:X,onSearchKeyChange:S.onProductSearch})}))]}))};export{S as DiscountModal};
|
|
@@ -17,7 +17,3 @@ export declare const StyledDiscountDialogueContainer: import("@emotion/styled").
|
|
|
17
17
|
theme?: import("@emotion/react").Theme | undefined;
|
|
18
18
|
as?: import("react").ElementType<any> | undefined;
|
|
19
19
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
20
|
-
export declare const StyledDivider: import("@emotion/styled").StyledComponent<{
|
|
21
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
22
|
-
as?: import("react").ElementType<any> | undefined;
|
|
23
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import c from"@emotion/styled/base";import{DEFAULT_THEME as b}from"../../constants/Theme.js";function G(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}const l=c("div","production"===process.env.NODE_ENV?{target:"etc1kyv4"}:{target:"etc1kyv4",label:"CouponTypeContainerStyled"})("display:flex;gap:16px;margin-bottom:18px;.coupon-type__container{flex:1px;padding:16px;border-radius:4px;background-color:",b.colorsV2.surface.subdued,";border:1px solid ",b.colorsV2.stroke.primary,";color:",b.colorsV2.content.secondary,";cursor:pointer;&:nth-child(",(c=>c.selectedDiv),"){background-color:",b.colorsV2.background.brandLight,";border:1px solid ",b.colorsV2.content.brand,";}}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRpc2NvdW50TW9kYWwuc3R5bGVkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVvRCIsImZpbGUiOiJEaXNjb3VudE1vZGFsLnN0eWxlZC50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgREVGQVVMVF9USEVNRSB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IENvdXBvblR5cGVDb250YWluZXJTdHlsZWQgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0Z2FwOiAxNnB4O1xuXHRtYXJnaW4tYm90dG9tOiAxOHB4O1xuXG5cdC5jb3Vwb24tdHlwZV9fY29udGFpbmVyIHtcblx0XHRmbGV4OiAxcHg7XG5cdFx0cGFkZGluZzogMTZweDtcblx0XHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLnN1cmZhY2Uuc3ViZHVlZH07XG5cdFx0Ym9yZGVyOiAxcHggc29saWQgJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLnN0cm9rZS5wcmltYXJ5fTtcblx0XHRjb2xvcjogJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmNvbnRlbnQuc2Vjb25kYXJ5fTtcblx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cblx0XHQmOm50aC1jaGlsZCgkeyhwcm9wcykgPT4gcHJvcHMuc2VsZWN0ZWREaXZ9KSB7XG5cdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuYmFja2dyb3VuZC5icmFuZExpZ2h0fTtcblx0XHRcdGJvcmRlcjogMXB4IHNvbGlkICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5jb250ZW50LmJyYW5kfTtcblx0XHR9XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBTdGF0aWNDb3Vwb25Db250YWluZXJTdHlsZWQgPSBzdHlsZWQuZGl2IGBcblx0bWFyZ2luOiAyNHB4IDA7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGdhcDogMjRweDtcblxuXHQuaW5mb19fY29udGFpbmVyIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGJhY2tncm91bmQ6ICNmMGYwZjA7XG5cdFx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRcdHBhZGRpbmc6IDRweCAxMnB4O1xuXHRcdGdhcDogNnB4O1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgRHluYW1pY0NvdXBvbkNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRnYXA6IDEycHg7XG5cblx0LmlucHV0X19yb3dzIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGdhcDogMTJweDtcblx0fVxuXG5cdC5pbnB1dF9fd3JhcHBlciB7XG5cdFx0ZmxleDogMTtcblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IFN0eWxlZERpc2NvdW50RGlhbG9ndWVDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0aGVpZ2h0OiA0MjNweDtcblx0cGFkZGluZzogMTJweCAyNHB4O1xuXHRvdmVyZmxvdy15OiBzY3JvbGw7XG5gO1xyXG5leHBvcnQgY29uc3QgU3R5bGVkRGl2aWRlciA9IHN0eWxlZC5kaXYgYFxuXHRmbGV4OiAxO1xuXHRoZWlnaHQ6IDE4cHg7XG5cdG1hcmdpbi10b3A6IDhweDtcblx0Ym9yZGVyLXRvcDogMXB4IHNvbGlkICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5zdHJva2UucHJpbWFyeX07XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1EaXNjb3VudE1vZGFsLnN0eWxlZC5qcy5tYXAiXX0= */")),d=c("div","production"===process.env.NODE_ENV?{target:"etc1kyv3"}:{target:"etc1kyv3",label:"StaticCouponContainerStyled"})("production"===process.env.NODE_ENV?{name:"174me2a",styles:"margin:24px 0;display:flex;flex-direction:column;gap:24px;.info__container{display:flex;background:#f0f0f0;border-radius:4px;padding:4px 12px;gap:6px;}"}:{name:"174me2a",styles:"margin:24px 0;display:flex;flex-direction:column;gap:24px;.info__container{display:flex;background:#f0f0f0;border-radius:4px;padding:4px 12px;gap:6px;}",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRpc2NvdW50TW9kYWwuc3R5bGVkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCc0QiLCJmaWxlIjoiRGlzY291bnRNb2RhbC5zdHlsZWQudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IERFRkFVTFRfVEhFTUUgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBDb3Vwb25UeXBlQ29udGFpbmVyU3R5bGVkID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGdhcDogMTZweDtcblx0bWFyZ2luLWJvdHRvbTogMThweDtcblxuXHQuY291cG9uLXR5cGVfX2NvbnRhaW5lciB7XG5cdFx0ZmxleDogMXB4O1xuXHRcdHBhZGRpbmc6IDE2cHg7XG5cdFx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5zdXJmYWNlLnN1YmR1ZWR9O1xuXHRcdGJvcmRlcjogMXB4IHNvbGlkICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5zdHJva2UucHJpbWFyeX07XG5cdFx0Y29sb3I6ICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5jb250ZW50LnNlY29uZGFyeX07XG5cdFx0Y3Vyc29yOiBwb2ludGVyO1xuXG5cdFx0JjpudGgtY2hpbGQoJHsocHJvcHMpID0+IHByb3BzLnNlbGVjdGVkRGl2fSkge1xuXHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQuYnJhbmRMaWdodH07XG5cdFx0XHRib3JkZXI6IDFweCBzb2xpZCAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuY29udGVudC5icmFuZH07XG5cdFx0fVxuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgU3RhdGljQ291cG9uQ29udGFpbmVyU3R5bGVkID0gc3R5bGVkLmRpdiBgXG5cdG1hcmdpbjogMjRweCAwO1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRnYXA6IDI0cHg7XG5cblx0LmluZm9fX2NvbnRhaW5lciB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRiYWNrZ3JvdW5kOiAjZjBmMGYwO1xuXHRcdGJvcmRlci1yYWRpdXM6IDRweDtcblx0XHRwYWRkaW5nOiA0cHggMTJweDtcblx0XHRnYXA6IDZweDtcblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IER5bmFtaWNDb3Vwb25Db250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0Z2FwOiAxMnB4O1xuXG5cdC5pbnB1dF9fcm93cyB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRnYXA6IDEycHg7XG5cdH1cblxuXHQuaW5wdXRfX3dyYXBwZXIge1xuXHRcdGZsZXg6IDE7XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBTdHlsZWREaXNjb3VudERpYWxvZ3VlQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGhlaWdodDogNDIzcHg7XG5cdHBhZGRpbmc6IDEycHggMjRweDtcblx0b3ZlcmZsb3cteTogc2Nyb2xsO1xuYDtcclxuZXhwb3J0IGNvbnN0IFN0eWxlZERpdmlkZXIgPSBzdHlsZWQuZGl2IGBcblx0ZmxleDogMTtcblx0aGVpZ2h0OiAxOHB4O1xuXHRtYXJnaW4tdG9wOiA4cHg7XG5cdGJvcmRlci10b3A6IDFweCBzb2xpZCAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuc3Ryb2tlLnByaW1hcnl9O1xuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9RGlzY291bnRNb2RhbC5zdHlsZWQuanMubWFwIl19 */",toString:G}),R=c("div","production"===process.env.NODE_ENV?{target:"etc1kyv2"}:{target:"etc1kyv2",label:"DynamicCouponContainer"})("production"===process.env.NODE_ENV?{name:"1w9m9h7",styles:"display:flex;flex-direction:column;gap:12px;.input__rows{display:flex;gap:12px;}.input__wrapper{flex:1;}"}:{name:"1w9m9h7",styles:"display:flex;flex-direction:column;gap:12px;.input__rows{display:flex;gap:12px;}.input__wrapper{flex:1;}",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRpc2NvdW50TW9kYWwuc3R5bGVkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9DaUQiLCJmaWxlIjoiRGlzY291bnRNb2RhbC5zdHlsZWQudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IERFRkFVTFRfVEhFTUUgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBDb3Vwb25UeXBlQ29udGFpbmVyU3R5bGVkID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGdhcDogMTZweDtcblx0bWFyZ2luLWJvdHRvbTogMThweDtcblxuXHQuY291cG9uLXR5cGVfX2NvbnRhaW5lciB7XG5cdFx0ZmxleDogMXB4O1xuXHRcdHBhZGRpbmc6IDE2cHg7XG5cdFx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5zdXJmYWNlLnN1YmR1ZWR9O1xuXHRcdGJvcmRlcjogMXB4IHNvbGlkICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5zdHJva2UucHJpbWFyeX07XG5cdFx0Y29sb3I6ICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5jb250ZW50LnNlY29uZGFyeX07XG5cdFx0Y3Vyc29yOiBwb2ludGVyO1xuXG5cdFx0JjpudGgtY2hpbGQoJHsocHJvcHMpID0+IHByb3BzLnNlbGVjdGVkRGl2fSkge1xuXHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQuYnJhbmRMaWdodH07XG5cdFx0XHRib3JkZXI6IDFweCBzb2xpZCAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuY29udGVudC5icmFuZH07XG5cdFx0fVxuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgU3RhdGljQ291cG9uQ29udGFpbmVyU3R5bGVkID0gc3R5bGVkLmRpdiBgXG5cdG1hcmdpbjogMjRweCAwO1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRnYXA6IDI0cHg7XG5cblx0LmluZm9fX2NvbnRhaW5lciB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRiYWNrZ3JvdW5kOiAjZjBmMGYwO1xuXHRcdGJvcmRlci1yYWRpdXM6IDRweDtcblx0XHRwYWRkaW5nOiA0cHggMTJweDtcblx0XHRnYXA6IDZweDtcblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IER5bmFtaWNDb3Vwb25Db250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0Z2FwOiAxMnB4O1xuXG5cdC5pbnB1dF9fcm93cyB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRnYXA6IDEycHg7XG5cdH1cblxuXHQuaW5wdXRfX3dyYXBwZXIge1xuXHRcdGZsZXg6IDE7XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBTdHlsZWREaXNjb3VudERpYWxvZ3VlQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGhlaWdodDogNDIzcHg7XG5cdHBhZGRpbmc6IDEycHggMjRweDtcblx0b3ZlcmZsb3cteTogc2Nyb2xsO1xuYDtcclxuZXhwb3J0IGNvbnN0IFN0eWxlZERpdmlkZXIgPSBzdHlsZWQuZGl2IGBcblx0ZmxleDogMTtcblx0aGVpZ2h0OiAxOHB4O1xuXHRtYXJnaW4tdG9wOiA4cHg7XG5cdGJvcmRlci10b3A6IDFweCBzb2xpZCAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuc3Ryb2tlLnByaW1hcnl9O1xuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9RGlzY291bnRNb2RhbC5zdHlsZWQuanMubWFwIl19 */",toString:G}),X=c("div","production"===process.env.NODE_ENV?{target:"etc1kyv1"}:{target:"etc1kyv1",label:"StyledDiscountDialogueContainer"})("production"===process.env.NODE_ENV?{name:"1ysvqm",styles:"height:423px;padding:12px 24px;overflow-y:scroll"}:{name:"1ysvqm",styles:"height:423px;padding:12px 24px;overflow-y:scroll",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRpc2NvdW50TW9kYWwuc3R5bGVkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtEMEQiLCJmaWxlIjoiRGlzY291bnRNb2RhbC5zdHlsZWQudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IERFRkFVTFRfVEhFTUUgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBDb3Vwb25UeXBlQ29udGFpbmVyU3R5bGVkID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGdhcDogMTZweDtcblx0bWFyZ2luLWJvdHRvbTogMThweDtcblxuXHQuY291cG9uLXR5cGVfX2NvbnRhaW5lciB7XG5cdFx0ZmxleDogMXB4O1xuXHRcdHBhZGRpbmc6IDE2cHg7XG5cdFx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5zdXJmYWNlLnN1YmR1ZWR9O1xuXHRcdGJvcmRlcjogMXB4IHNvbGlkICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5zdHJva2UucHJpbWFyeX07XG5cdFx0Y29sb3I6ICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5jb250ZW50LnNlY29uZGFyeX07XG5cdFx0Y3Vyc29yOiBwb2ludGVyO1xuXG5cdFx0JjpudGgtY2hpbGQoJHsocHJvcHMpID0+IHByb3BzLnNlbGVjdGVkRGl2fSkge1xuXHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQuYnJhbmRMaWdodH07XG5cdFx0XHRib3JkZXI6IDFweCBzb2xpZCAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuY29udGVudC5icmFuZH07XG5cdFx0fVxuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgU3RhdGljQ291cG9uQ29udGFpbmVyU3R5bGVkID0gc3R5bGVkLmRpdiBgXG5cdG1hcmdpbjogMjRweCAwO1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRnYXA6IDI0cHg7XG5cblx0LmluZm9fX2NvbnRhaW5lciB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRiYWNrZ3JvdW5kOiAjZjBmMGYwO1xuXHRcdGJvcmRlci1yYWRpdXM6IDRweDtcblx0XHRwYWRkaW5nOiA0cHggMTJweDtcblx0XHRnYXA6IDZweDtcblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IER5bmFtaWNDb3Vwb25Db250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0Z2FwOiAxMnB4O1xuXG5cdC5pbnB1dF9fcm93cyB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRnYXA6IDEycHg7XG5cdH1cblxuXHQuaW5wdXRfX3dyYXBwZXIge1xuXHRcdGZsZXg6IDE7XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBTdHlsZWREaXNjb3VudERpYWxvZ3VlQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGhlaWdodDogNDIzcHg7XG5cdHBhZGRpbmc6IDEycHggMjRweDtcblx0b3ZlcmZsb3cteTogc2Nyb2xsO1xuYDtcclxuZXhwb3J0IGNvbnN0IFN0eWxlZERpdmlkZXIgPSBzdHlsZWQuZGl2IGBcblx0ZmxleDogMTtcblx0aGVpZ2h0OiAxOHB4O1xuXHRtYXJnaW4tdG9wOiA4cHg7XG5cdGJvcmRlci10b3A6IDFweCBzb2xpZCAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuc3Ryb2tlLnByaW1hcnl9O1xuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9RGlzY291bnRNb2RhbC5zdHlsZWQuanMubWFwIl19 */",toString:G});b.colorsV2.stroke.primary,process.env.NODE_ENV;export{l as CouponTypeContainerStyled,R as DynamicCouponContainer,d as StaticCouponContainerStyled,X as StyledDiscountDialogueContainer};
|
|
1
|
+
import c from"@emotion/styled/base";import{DEFAULT_THEME as b}from"../../constants/Theme.js";function G(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}const X=c("div","production"===process.env.NODE_ENV?{target:"etc1kyv3"}:{target:"etc1kyv3",label:"CouponTypeContainerStyled"})("display:flex;gap:16px;margin-bottom:18px;.coupon-type__container{flex:1px;padding:16px;border-radius:4px;background-color:",b.colorsV2.surface.subdued,";border:1px solid ",b.colorsV2.stroke.primary,";color:",b.colorsV2.content.secondary,";cursor:pointer;&:nth-child(",(c=>c.selectedDiv),"){background-color:",b.colorsV2.background.brandLight,";border:1px solid ",b.colorsV2.content.brand,";}}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRpc2NvdW50TW9kYWwuc3R5bGVkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVvRCIsImZpbGUiOiJEaXNjb3VudE1vZGFsLnN0eWxlZC50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgREVGQVVMVF9USEVNRSB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IENvdXBvblR5cGVDb250YWluZXJTdHlsZWQgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0Z2FwOiAxNnB4O1xuXHRtYXJnaW4tYm90dG9tOiAxOHB4O1xuXG5cdC5jb3Vwb24tdHlwZV9fY29udGFpbmVyIHtcblx0XHRmbGV4OiAxcHg7XG5cdFx0cGFkZGluZzogMTZweDtcblx0XHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLnN1cmZhY2Uuc3ViZHVlZH07XG5cdFx0Ym9yZGVyOiAxcHggc29saWQgJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLnN0cm9rZS5wcmltYXJ5fTtcblx0XHRjb2xvcjogJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmNvbnRlbnQuc2Vjb25kYXJ5fTtcblx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cblx0XHQmOm50aC1jaGlsZCgkeyhwcm9wcykgPT4gcHJvcHMuc2VsZWN0ZWREaXZ9KSB7XG5cdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuYmFja2dyb3VuZC5icmFuZExpZ2h0fTtcblx0XHRcdGJvcmRlcjogMXB4IHNvbGlkICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5jb250ZW50LmJyYW5kfTtcblx0XHR9XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBTdGF0aWNDb3Vwb25Db250YWluZXJTdHlsZWQgPSBzdHlsZWQuZGl2IGBcblx0bWFyZ2luOiAyNHB4IDA7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGdhcDogMjRweDtcblxuXHQuc3RhdGljLWNvdXBvbl9fZGF0YSB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRnYXA6IDE2cHg7XG5cdH1cblxuXHQuc3RhdGljLWlucHV0X193cmFwcGVyIHtcblx0XHRmbGV4OiAxO1xuXHR9XG5cblx0LmluZm9fX2NvbnRhaW5lciB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRiYWNrZ3JvdW5kOiAjZjBmMGYwO1xuXHRcdGJvcmRlci1yYWRpdXM6IDRweDtcblx0XHRwYWRkaW5nOiA0cHggMTJweDtcblx0XHRnYXA6IDZweDtcblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IER5bmFtaWNDb3Vwb25Db250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0Z2FwOiAxMnB4O1xuXG5cdC5pbnB1dF9fcm93cyB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRnYXA6IDEycHg7XG5cdH1cblxuXHQuaW5wdXRfX3dyYXBwZXIge1xuXHRcdGZsZXg6IDE7XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBTdHlsZWREaXNjb3VudERpYWxvZ3VlQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGhlaWdodDogNDIzcHg7XG5cdHBhZGRpbmc6IDEycHggMjRweDtcblx0b3ZlcmZsb3cteTogc2Nyb2xsO1xuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9RGlzY291bnRNb2RhbC5zdHlsZWQuanMubWFwIl19 */")),d=c("div","production"===process.env.NODE_ENV?{target:"etc1kyv2"}:{target:"etc1kyv2",label:"StaticCouponContainerStyled"})("production"===process.env.NODE_ENV?{name:"vjcl9c",styles:"margin:24px 0;display:flex;flex-direction:column;gap:24px;.static-coupon__data{display:flex;gap:16px;}.static-input__wrapper{flex:1;}.info__container{display:flex;background:#f0f0f0;border-radius:4px;padding:4px 12px;gap:6px;}"}:{name:"vjcl9c",styles:"margin:24px 0;display:flex;flex-direction:column;gap:24px;.static-coupon__data{display:flex;gap:16px;}.static-input__wrapper{flex:1;}.info__container{display:flex;background:#f0f0f0;border-radius:4px;padding:4px 12px;gap:6px;}",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRpc2NvdW50TW9kYWwuc3R5bGVkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCc0QiLCJmaWxlIjoiRGlzY291bnRNb2RhbC5zdHlsZWQudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IERFRkFVTFRfVEhFTUUgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBDb3Vwb25UeXBlQ29udGFpbmVyU3R5bGVkID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGdhcDogMTZweDtcblx0bWFyZ2luLWJvdHRvbTogMThweDtcblxuXHQuY291cG9uLXR5cGVfX2NvbnRhaW5lciB7XG5cdFx0ZmxleDogMXB4O1xuXHRcdHBhZGRpbmc6IDE2cHg7XG5cdFx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5zdXJmYWNlLnN1YmR1ZWR9O1xuXHRcdGJvcmRlcjogMXB4IHNvbGlkICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5zdHJva2UucHJpbWFyeX07XG5cdFx0Y29sb3I6ICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5jb250ZW50LnNlY29uZGFyeX07XG5cdFx0Y3Vyc29yOiBwb2ludGVyO1xuXG5cdFx0JjpudGgtY2hpbGQoJHsocHJvcHMpID0+IHByb3BzLnNlbGVjdGVkRGl2fSkge1xuXHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQuYnJhbmRMaWdodH07XG5cdFx0XHRib3JkZXI6IDFweCBzb2xpZCAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuY29udGVudC5icmFuZH07XG5cdFx0fVxuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgU3RhdGljQ291cG9uQ29udGFpbmVyU3R5bGVkID0gc3R5bGVkLmRpdiBgXG5cdG1hcmdpbjogMjRweCAwO1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRnYXA6IDI0cHg7XG5cblx0LnN0YXRpYy1jb3Vwb25fX2RhdGEge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0Z2FwOiAxNnB4O1xuXHR9XG5cblx0LnN0YXRpYy1pbnB1dF9fd3JhcHBlciB7XG5cdFx0ZmxleDogMTtcblx0fVxuXG5cdC5pbmZvX19jb250YWluZXIge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YmFja2dyb3VuZDogI2YwZjBmMDtcblx0XHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdFx0cGFkZGluZzogNHB4IDEycHg7XG5cdFx0Z2FwOiA2cHg7XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBEeW5hbWljQ291cG9uQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGdhcDogMTJweDtcblxuXHQuaW5wdXRfX3Jvd3Mge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0Z2FwOiAxMnB4O1xuXHR9XG5cblx0LmlucHV0X193cmFwcGVyIHtcblx0XHRmbGV4OiAxO1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgU3R5bGVkRGlzY291bnREaWFsb2d1ZUNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRoZWlnaHQ6IDQyM3B4O1xuXHRwYWRkaW5nOiAxMnB4IDI0cHg7XG5cdG92ZXJmbG93LXk6IHNjcm9sbDtcbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPURpc2NvdW50TW9kYWwuc3R5bGVkLmpzLm1hcCJdfQ== */",toString:G}),R=c("div","production"===process.env.NODE_ENV?{target:"etc1kyv1"}:{target:"etc1kyv1",label:"DynamicCouponContainer"})("production"===process.env.NODE_ENV?{name:"1w9m9h7",styles:"display:flex;flex-direction:column;gap:12px;.input__rows{display:flex;gap:12px;}.input__wrapper{flex:1;}"}:{name:"1w9m9h7",styles:"display:flex;flex-direction:column;gap:12px;.input__rows{display:flex;gap:12px;}.input__wrapper{flex:1;}",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRpc2NvdW50TW9kYWwuc3R5bGVkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZDaUQiLCJmaWxlIjoiRGlzY291bnRNb2RhbC5zdHlsZWQudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IERFRkFVTFRfVEhFTUUgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBDb3Vwb25UeXBlQ29udGFpbmVyU3R5bGVkID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGdhcDogMTZweDtcblx0bWFyZ2luLWJvdHRvbTogMThweDtcblxuXHQuY291cG9uLXR5cGVfX2NvbnRhaW5lciB7XG5cdFx0ZmxleDogMXB4O1xuXHRcdHBhZGRpbmc6IDE2cHg7XG5cdFx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5zdXJmYWNlLnN1YmR1ZWR9O1xuXHRcdGJvcmRlcjogMXB4IHNvbGlkICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5zdHJva2UucHJpbWFyeX07XG5cdFx0Y29sb3I6ICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5jb250ZW50LnNlY29uZGFyeX07XG5cdFx0Y3Vyc29yOiBwb2ludGVyO1xuXG5cdFx0JjpudGgtY2hpbGQoJHsocHJvcHMpID0+IHByb3BzLnNlbGVjdGVkRGl2fSkge1xuXHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQuYnJhbmRMaWdodH07XG5cdFx0XHRib3JkZXI6IDFweCBzb2xpZCAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuY29udGVudC5icmFuZH07XG5cdFx0fVxuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgU3RhdGljQ291cG9uQ29udGFpbmVyU3R5bGVkID0gc3R5bGVkLmRpdiBgXG5cdG1hcmdpbjogMjRweCAwO1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRnYXA6IDI0cHg7XG5cblx0LnN0YXRpYy1jb3Vwb25fX2RhdGEge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0Z2FwOiAxNnB4O1xuXHR9XG5cblx0LnN0YXRpYy1pbnB1dF9fd3JhcHBlciB7XG5cdFx0ZmxleDogMTtcblx0fVxuXG5cdC5pbmZvX19jb250YWluZXIge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YmFja2dyb3VuZDogI2YwZjBmMDtcblx0XHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdFx0cGFkZGluZzogNHB4IDEycHg7XG5cdFx0Z2FwOiA2cHg7XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBEeW5hbWljQ291cG9uQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGdhcDogMTJweDtcblxuXHQuaW5wdXRfX3Jvd3Mge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0Z2FwOiAxMnB4O1xuXHR9XG5cblx0LmlucHV0X193cmFwcGVyIHtcblx0XHRmbGV4OiAxO1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgU3R5bGVkRGlzY291bnREaWFsb2d1ZUNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRoZWlnaHQ6IDQyM3B4O1xuXHRwYWRkaW5nOiAxMnB4IDI0cHg7XG5cdG92ZXJmbG93LXk6IHNjcm9sbDtcbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPURpc2NvdW50TW9kYWwuc3R5bGVkLmpzLm1hcCJdfQ== */",toString:G}),l=c("div","production"===process.env.NODE_ENV?{target:"etc1kyv0"}:{target:"etc1kyv0",label:"StyledDiscountDialogueContainer"})("production"===process.env.NODE_ENV?{name:"1ysvqm",styles:"height:423px;padding:12px 24px;overflow-y:scroll"}:{name:"1ysvqm",styles:"height:423px;padding:12px 24px;overflow-y:scroll",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRpc2NvdW50TW9kYWwuc3R5bGVkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJEMEQiLCJmaWxlIjoiRGlzY291bnRNb2RhbC5zdHlsZWQudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IERFRkFVTFRfVEhFTUUgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBDb3Vwb25UeXBlQ29udGFpbmVyU3R5bGVkID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGdhcDogMTZweDtcblx0bWFyZ2luLWJvdHRvbTogMThweDtcblxuXHQuY291cG9uLXR5cGVfX2NvbnRhaW5lciB7XG5cdFx0ZmxleDogMXB4O1xuXHRcdHBhZGRpbmc6IDE2cHg7XG5cdFx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5zdXJmYWNlLnN1YmR1ZWR9O1xuXHRcdGJvcmRlcjogMXB4IHNvbGlkICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5zdHJva2UucHJpbWFyeX07XG5cdFx0Y29sb3I6ICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5jb250ZW50LnNlY29uZGFyeX07XG5cdFx0Y3Vyc29yOiBwb2ludGVyO1xuXG5cdFx0JjpudGgtY2hpbGQoJHsocHJvcHMpID0+IHByb3BzLnNlbGVjdGVkRGl2fSkge1xuXHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQuYnJhbmRMaWdodH07XG5cdFx0XHRib3JkZXI6IDFweCBzb2xpZCAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuY29udGVudC5icmFuZH07XG5cdFx0fVxuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgU3RhdGljQ291cG9uQ29udGFpbmVyU3R5bGVkID0gc3R5bGVkLmRpdiBgXG5cdG1hcmdpbjogMjRweCAwO1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRnYXA6IDI0cHg7XG5cblx0LnN0YXRpYy1jb3Vwb25fX2RhdGEge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0Z2FwOiAxNnB4O1xuXHR9XG5cblx0LnN0YXRpYy1pbnB1dF9fd3JhcHBlciB7XG5cdFx0ZmxleDogMTtcblx0fVxuXG5cdC5pbmZvX19jb250YWluZXIge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YmFja2dyb3VuZDogI2YwZjBmMDtcblx0XHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdFx0cGFkZGluZzogNHB4IDEycHg7XG5cdFx0Z2FwOiA2cHg7XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBEeW5hbWljQ291cG9uQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGdhcDogMTJweDtcblxuXHQuaW5wdXRfX3Jvd3Mge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0Z2FwOiAxMnB4O1xuXHR9XG5cblx0LmlucHV0X193cmFwcGVyIHtcblx0XHRmbGV4OiAxO1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgU3R5bGVkRGlzY291bnREaWFsb2d1ZUNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRoZWlnaHQ6IDQyM3B4O1xuXHRwYWRkaW5nOiAxMnB4IDI0cHg7XG5cdG92ZXJmbG93LXk6IHNjcm9sbDtcbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPURpc2NvdW50TW9kYWwuc3R5bGVkLmpzLm1hcCJdfQ== */",toString:G});export{X as CouponTypeContainerStyled,R as DynamicCouponContainer,d as StaticCouponContainerStyled,l as StyledDiscountDialogueContainer};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as t,Fragment as i}from"react/jsx-runtime";import{useEffect as n}from"react";import{Button as s}from"../../button/Button.js";import{DISCOUNT_TYPES as a,MIN_PURCHASE_REQUIREMENT as o}from"../type.js";import{Dropdown as r}from"../../dropdown/Dropdown.js";import"../../dropdown/DropdownPopover/index.js";import"../../zeroState/ZeroState.js";import{TitleRegular as l,BodySecondary as c,TitleMedium as d,BodyPrimary as u,TitleSmall as p}from"../../TypographyStyle.js";import{DEFAULT_THEME as m}from"../../../constants/Theme.js";import"../../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../../checkBox/CheckBox.styled.js";import"../../list-item/ListItem.js";import"../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../../dropdown/OpenedDropdown/components/menu/SelectAllMenu.js";import"../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import{Input as b}from"../../input/Input.js";import g from"../../../assets/icons/cross.svg.js";import"../../dropdown/MenuItem/MenuItem.js";import"../../modals/styledModal.js";import"../../../node_modules/lodash.debounce/index.js";import"../../bik-layout/CommonStyles.js";import"../../product-picker/ProductPicker.styled.js";import"../../../utils/DateUtils.js";import"../../tag/Tag.js";import"@tippyjs/react";import"../../tooltips/TooltipInternal.js";import{DynamicCouponContainer as v}from"../DiscountModal.styled.js";import{CouponExpiration as j}from"../CouponExpiration/CouponExpiration.js";import{RadioButton as D}from"../../radioButton/RadioButton.js";import y from"../../../assets/icons/cursor.svg.js";import h from"../../../assets/icons/plus.svg.js";var O;function T(){return null}!function(e){e.ENTITLED="entitled",e.PREREQUISITE="prerequisite"}(O||(O={}));const E=E=>{n((()=>{E.setDiscountData(Object.assign(Object.assign({},E.discountData),{isStaticCoupon:!1}))}),[]);const x=[{value:a.FIXED_AMOUNT,label:"Fixed Amount",selected:E.selectedCouponType===a.FIXED_AMOUNT},{value:a.PERCENTAGE,label:"Percentage",selected:E.selectedCouponType===a.PERCENTAGE},{value:a.BUY_X_GET_Y,label:"Buy X Get Y FREE",selected:E.selectedCouponType===a.BUY_X_GET_Y},{value:a.FREE_SHIPPING,label:"Free shipping",selected:E.selectedCouponType===a.FREE_SHIPPING}],_=[{selected:E.selectedMinimumRequirement===o.NA,label:"No minimum requirements",value:o.NA},{selected:E.selectedMinimumRequirement===o.AMOUNT,label:"Minimum purchase amount (₹)",value:o.AMOUNT},{selected:E.selectedMinimumRequirement===o.QUANTITY,label:"Minimum quantity of items",value:o.QUANTITY}],N=()=>{var i,n,s,a;return e("div",Object.assign({className:"input__rows"},{children:[e("div",Object.assign({className:"input__wrapper"},{children:[t(c,Object.assign({style:{marginBottom:10}},{children:"Min purchase requirements"})),t(r,{options:_,placement:"bottom-start",onSelect:e=>{const t=e.value;E.setSelectedMinimumRequirement(t),E.setDiscountData(Object.assign(Object.assign({},E.discountData),{minQuantity:void 0,minAmount:void 0}))}})]})),t("div",Object.assign({className:"input__wrapper"},{children:E.selectedMinimumRequirement!==o.NA&&t(b,{value:E.selectedMinimumRequirement===o.AMOUNT?null!==(n=null===(i=E.discountData.minAmount)||void 0===i?void 0:i.toString())&&void 0!==n?n:"":null!==(a=null===(s=E.discountData.minQuantity)||void 0===s?void 0:s.toString())&&void 0!==a?a:"",onChangeText:e=>{E.selectedMinimumRequirement===o.AMOUNT?E.setDiscountData(Object.assign(Object.assign({},E.discountData),{minAmount:parseInt(e)})):E.selectedMinimumRequirement===o.QUANTITY&&E.setDiscountData(Object.assign(Object.assign({},E.discountData),{minQuantity:parseInt(e)}))},labelText:E.selectedMinimumRequirement===o.AMOUNT?"Minimum purchase amount":"Minimum purchase quantity",type:"number",placeholder:E.selectedMinimumRequirement===o.AMOUNT?"1000.00":"2"})}))]}))},f=n=>{var a,o;const r=n===O.ENTITLED?E.entitledProducts:E.prerequisiteProducts;return e(i,{children:[t(l,{children:n===O.PREREQUISITE?"Customer spends":"Customer gets"}),e("div",Object.assign({className:"input__rows"},{children:[t("div",Object.assign({className:"input__wrapper"},{children:t(b,{value:n===O.ENTITLED?null===(a=E.discountData.entitledQuantity)||void 0===a?void 0:a.toString():null===(o=E.discountData.prerequisiteQuantity)||void 0===o?void 0:o.toString(),type:"number",onChangeText:e=>{n===O.ENTITLED?E.setDiscountData(Object.assign(Object.assign({},E.discountData),{entitledQuantity:parseInt(e)})):E.setDiscountData(Object.assign(Object.assign({},E.discountData),{prerequisiteQuantity:parseInt(e)}))},labelText:"Add quantity",placeholder:"Add quantity"})})),t("div",{className:"input__wrapper"})]})),t("div",{children:t(s,{buttonText:"Add product",buttonType:"tertiary",LeadingIcon:h,onClick:()=>{E.setIsProductPickerOpen(n)}})}),r.map((i=>e("div",Object.assign({style:{padding:"20px 0 12px 0",borderBottom:`1px solid ${m.colorsV2.stroke.primary}`,display:"flex"}},{children:[e("div",Object.assign({style:{display:"flex",gap:16,alignItems:"center",flex:.8}},{children:[t("img",{src:i.image,onError:e=>{e.target.onerror=null,e.target.src="https://jkfenner.com/wp-content/uploads/2019/11/default.jpg"},style:{height:40,width:40,objectFit:"cover",borderRadius:4}}),t(p,{children:i.name})]})),t("div",Object.assign({style:{flex:.2,display:"flex",justifyContent:"flex-end",alignItems:"center"}},{children:t("div",Object.assign({style:{cursor:"pointer"},onClick:()=>{const e=r.filter((e=>e.id!==i.id));n===O.ENTITLED?E.setEntitledProducts(e):E.setPrerequisiteProducts(e)}},{children:t(g,{width:14,color:m.colorsV2.content.primary})}))}))]}),i.id)))]})};return e(v,{children:[E.allowStaticCoupon&&e("div",Object.assign({className:"input__rows"},{children:[t("div",Object.assign({className:"input__wrapper"},{children:t(r,{options:x,width:"290px",placement:"bottom-start",onSelect:e=>{E.onChangeCouponType(e)}})})),t("div",{className:"input__wrapper"})]})),(E.selectedCouponType===a.PERCENTAGE||E.selectedCouponType===a.FIXED_AMOUNT)&&e(i,{children:[e("div",Object.assign({className:"input__rows"},{children:[t("div",Object.assign({className:"input__wrapper"},{children:t(b,{value:E.discountData.title,onChangeText:e=>{E.setDiscountData(Object.assign(Object.assign({},E.discountData),{title:e}))},labelText:"Code title",placeholder:"eg: Flat 50% Off"})})),t("div",Object.assign({className:"input__wrapper"},{children:t(b,{value:null===(w=null===(C=E.discountData)||void 0===C?void 0:C.value)||void 0===w?void 0:w.toString(),labelText:"Discount code value",type:"number",onChangeText:e=>{E.setDiscountData(Object.assign(Object.assign({},E.discountData),{value:parseInt(e)}))},placeholder:E.selectedCouponType===a.FIXED_AMOUNT?"0.00":"Enter a value",prefixText:E.selectedCouponType===a.FIXED_AMOUNT?"₹":void 0,suffixText:E.selectedCouponType===a.PERCENTAGE?"%":void 0})}))]})),N(),!E.hideProbability&&e("div",Object.assign({className:"input__rows"},{children:[t("div",Object.assign({className:"input__wrapper"},{children:t(b,{type:"number",value:null===(I=E.discountData.probability)||void 0===I?void 0:I.toString(),onChangeText:e=>{E.setDiscountData(Object.assign(Object.assign({},E.discountData),{probability:parseFloat(e)}))},labelText:"Probability",placeholder:"Enter probability in decimals eg: 0.2, 0.5, 0.75"})})),t("div",{className:"input__wrapper"})]}))]}),E.selectedCouponType===a.FREE_SHIPPING&&(()=>{var n;return e(i,{children:[e("div",Object.assign({className:"input__rows"},{children:[t("div",Object.assign({className:"input__wrapper"},{children:t(b,{value:E.discountData.title,onChangeText:e=>{E.setDiscountData(Object.assign(Object.assign({},E.discountData),{title:e}))},labelText:"Code title",placeholder:"eg: Flat 50% Off"})})),t("div",Object.assign({className:"input__wrapper"},{children:!E.hideProbability&&t(b,{value:null===(n=E.discountData.probability)||void 0===n?void 0:n.toString(),type:"number",onChangeText:e=>{E.setDiscountData(Object.assign(Object.assign({},E.discountData),{probability:parseFloat(e)}))},labelText:"Probability",placeholder:"Enter probability in decimals eg: 0.2, 0.5, 0.75"})}))]})),N()]})})(),E.selectedCouponType===a.BUY_X_GET_Y&&(()=>{var i;return e(v,{children:[t("div",Object.assign({className:"input__rows"},{children:e("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:20,flex:1}},{children:[t(b,{value:E.discountData.title,onChangeText:e=>{E.setDiscountData(Object.assign(Object.assign({},E.discountData),{title:e}))},maxCharLimit:32,labelText:"Code title",placeholder:"eg: Flat 50% Off"}),!E.hideProbability&&t(b,{value:null===(i=E.discountData.probability)||void 0===i?void 0:i.toString(),type:"number",onChangeText:e=>{E.setDiscountData(Object.assign(Object.assign({},E.discountData),{probability:parseFloat(e)}))},labelText:"Probability",placeholder:"Enter probability in decimals eg: 0.2, 0.5, 0.75"})]}))})),t(T,{}),f(O.PREREQUISITE),t(T,{}),f(O.ENTITLED),t(T,{}),t(l,{children:"At a discount value"}),e("div",Object.assign({style:{display:"flex",gap:18,alignItems:"center"}},{children:[t(D,{isActive:100!==E.discountData.value,onValueChange:e=>{E.setDiscountData(Object.assign(Object.assign({},E.discountData),{value:void 0}))}}),t(c,{children:"Percentage"}),100!==E.discountData.value&&t(b,{variant:"small",onChangeText:e=>{E.setDiscountData(Object.assign(Object.assign({},E.discountData),{value:parseInt(e)}))},type:"number",placeholder:"Enter percentage eg: 10%",suffixText:"%",width:"238px"})]})),e("div",Object.assign({style:{display:"flex",gap:18}},{children:[t(D,{isActive:100===E.discountData.value,onValueChange:e=>{e?E.setDiscountData(Object.assign(Object.assign({},E.discountData),{value:100})):E.setDiscountData(Object.assign(Object.assign({},E.discountData),{value:void 0}))}}),t(c,{children:"Free"})]}))]})})(),E.selectedCouponType&&!E.hideExpiration&&e(i,{children:[t("div",{style:{height:6,borderTop:`1px solid ${m.colorsV2.stroke.primary}`,marginTop:12}}),t(j,{discountData:E.discountData,setDiscountData:E.setDiscountData})]}),!E.selectedCouponType&&e("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:10,padding:"40px 0",justifyContent:"center",alignItems:"center"}},{children:[t("div",Object.assign({style:{height:52,width:52,backgroundColor:m.colorsV2.background.inverse,borderRadius:"50%",display:"flex",justifyContent:"center",alignItems:"center"}},{children:t(y,{width:32,color:m.colorsV2.content.primaryInverse})})),t(d,{children:"No discount has been selected"}),t(u,{children:"Please select a discount type"})]}))]});var C,w,I};export{O as DISCOUNT_PRODUCTS,E as default};
|
|
1
|
+
import{jsxs as e,jsx as t,Fragment as i}from"react/jsx-runtime";import{useEffect as n}from"react";import{Button as s}from"../../button/Button.js";import{DISCOUNT_TYPES as a,MIN_PURCHASE_REQUIREMENT as o}from"../type.js";import{Dropdown as r}from"../../dropdown/Dropdown.js";import"../../dropdown/DropdownPopover/index.js";import"../../zeroState/ZeroState.js";import{TitleRegular as l,BodySecondary as c,TitleMedium as d,BodyPrimary as u,TitleSmall as p}from"../../TypographyStyle.js";import{DEFAULT_THEME as m}from"../../../constants/Theme.js";import"../../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../../checkBox/CheckBox.styled.js";import"../../list-item/ListItem.js";import"../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../../dropdown/OpenedDropdown/components/menu/SelectAllMenu.js";import"../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import{Input as b}from"../../input/Input.js";import g from"../../../assets/icons/cross.svg.js";import"../../dropdown/MenuItem/MenuItem.js";import"../../modals/styledModal.js";import"../../../node_modules/lodash.debounce/index.js";import"../../bik-layout/CommonStyles.js";import"../../product-picker/ProductPicker.styled.js";import"../../../utils/DateUtils.js";import"../../tag/Tag.js";import"@tippyjs/react";import"../../tooltips/TooltipInternal.js";import{DynamicCouponContainer as v}from"../DiscountModal.styled.js";import{CouponExpiration as j}from"../CouponExpiration/CouponExpiration.js";import{RadioButton as D}from"../../radioButton/RadioButton.js";import y from"../../../assets/icons/cursor.svg.js";import h from"../../../assets/icons/plus.svg.js";var O;function T(){return null}!function(e){e.ENTITLED="entitled",e.PREREQUISITE="prerequisite"}(O||(O={}));const x=x=>{var E;n((()=>{x.setDiscountData(Object.assign(Object.assign({},x.discountData),{isStaticCoupon:!1}))}),[]);const _=[{value:a.FIXED_AMOUNT,label:"Fixed Amount",selected:x.selectedCouponType===a.FIXED_AMOUNT},{value:a.PERCENTAGE,label:"Percentage",selected:x.selectedCouponType===a.PERCENTAGE},{value:a.BUY_X_GET_Y,label:"Buy X Get Y FREE",selected:x.selectedCouponType===a.BUY_X_GET_Y},{value:a.FREE_SHIPPING,label:"Free shipping",selected:x.selectedCouponType===a.FREE_SHIPPING}],C=[{selected:x.selectedMinimumRequirement===o.NA,label:"No minimum requirements",value:o.NA},{selected:x.selectedMinimumRequirement===o.AMOUNT,label:`Minimum purchase amount (${null!==(E=x.currency)&&void 0!==E?E:"₹"})`,value:o.AMOUNT},{selected:x.selectedMinimumRequirement===o.QUANTITY,label:"Minimum quantity of items",value:o.QUANTITY}],N=()=>{var i,n,s,a;return e("div",Object.assign({className:"input__rows"},{children:[e("div",Object.assign({className:"input__wrapper"},{children:[t(c,Object.assign({style:{marginBottom:10}},{children:"Min purchase requirements"})),t(r,{options:C,placement:"bottom-start",onSelect:e=>{const t=e.value;x.setSelectedMinimumRequirement(t),x.setDiscountData(Object.assign(Object.assign({},x.discountData),{minQuantity:void 0,minAmount:void 0}))}})]})),t("div",Object.assign({className:"input__wrapper"},{children:x.selectedMinimumRequirement!==o.NA&&t(b,{value:x.selectedMinimumRequirement===o.AMOUNT?null!==(n=null===(i=x.discountData.minAmount)||void 0===i?void 0:i.toString())&&void 0!==n?n:"":null!==(a=null===(s=x.discountData.minQuantity)||void 0===s?void 0:s.toString())&&void 0!==a?a:"",onChangeText:e=>{x.selectedMinimumRequirement===o.AMOUNT?x.setDiscountData(Object.assign(Object.assign({},x.discountData),{minAmount:parseInt(e)})):x.selectedMinimumRequirement===o.QUANTITY&&x.setDiscountData(Object.assign(Object.assign({},x.discountData),{minQuantity:parseInt(e)}))},labelText:x.selectedMinimumRequirement===o.AMOUNT?"Minimum purchase amount":"Minimum purchase quantity",type:"number",placeholder:x.selectedMinimumRequirement===o.AMOUNT?"1000.00":"2"})}))]}))},f=n=>{var a,o;const r=n===O.ENTITLED?x.entitledProducts:x.prerequisiteProducts;return e(i,{children:[t(l,{children:n===O.PREREQUISITE?"Customer spends":"Customer gets"}),e("div",Object.assign({className:"input__rows"},{children:[t("div",Object.assign({className:"input__wrapper"},{children:t(b,{value:n===O.ENTITLED?null===(a=x.discountData.entitledQuantity)||void 0===a?void 0:a.toString():null===(o=x.discountData.prerequisiteQuantity)||void 0===o?void 0:o.toString(),type:"number",onChangeText:e=>{n===O.ENTITLED?x.setDiscountData(Object.assign(Object.assign({},x.discountData),{entitledQuantity:parseInt(e)})):x.setDiscountData(Object.assign(Object.assign({},x.discountData),{prerequisiteQuantity:parseInt(e)}))},labelText:"Add quantity",placeholder:"Add quantity"})})),t("div",{className:"input__wrapper"})]})),t("div",{children:t(s,{buttonText:"Add product",buttonType:"tertiary",LeadingIcon:h,onClick:()=>{x.setIsProductPickerOpen(n)}})}),r.map((i=>e("div",Object.assign({style:{padding:"20px 0 12px 0",borderBottom:`1px solid ${m.colorsV2.stroke.primary}`,display:"flex"}},{children:[e("div",Object.assign({style:{display:"flex",gap:16,alignItems:"center",flex:.8}},{children:[t("img",{src:i.image,onError:e=>{e.target.onerror=null,e.target.src="https://jkfenner.com/wp-content/uploads/2019/11/default.jpg"},style:{height:40,width:40,objectFit:"cover",borderRadius:4}}),t(p,{children:i.name})]})),t("div",Object.assign({style:{flex:.2,display:"flex",justifyContent:"flex-end",alignItems:"center"}},{children:t("div",Object.assign({style:{cursor:"pointer"},onClick:()=>{const e=r.filter((e=>e.id!==i.id));n===O.ENTITLED?x.setEntitledProducts(e):x.setPrerequisiteProducts(e)}},{children:t(g,{width:14,color:m.colorsV2.content.primary})}))}))]}),i.id)))]})};return e(v,{children:[x.allowStaticCoupon&&e("div",Object.assign({className:"input__rows"},{children:[t("div",Object.assign({className:"input__wrapper"},{children:t(r,{options:_,width:"290px",placement:"bottom-start",onSelect:e=>{x.onChangeCouponType(e)}})})),t("div",{className:"input__wrapper"})]})),(x.selectedCouponType===a.PERCENTAGE||x.selectedCouponType===a.FIXED_AMOUNT)&&(()=>{var n,s,o,r;return e(i,{children:[e("div",Object.assign({className:"input__rows"},{children:[t("div",Object.assign({className:"input__wrapper"},{children:t(b,{value:x.discountData.title,onChangeText:e=>{x.setDiscountData(Object.assign(Object.assign({},x.discountData),{title:e}))},maxCharLimit:18,labelText:"Code title",placeholder:"eg: Flat 50% Off"})})),t("div",Object.assign({className:"input__wrapper"},{children:t(b,{value:null===(s=null===(n=x.discountData)||void 0===n?void 0:n.value)||void 0===s?void 0:s.toString(),labelText:"Discount code value",type:"number",onChangeText:e=>{x.setDiscountData(Object.assign(Object.assign({},x.discountData),{value:parseInt(e)}))},placeholder:x.selectedCouponType===a.FIXED_AMOUNT?"0.00":"Enter a value",prefixText:x.selectedCouponType===a.FIXED_AMOUNT?null!==(o=x.currency)&&void 0!==o?o:"₹":void 0,suffixText:x.selectedCouponType===a.PERCENTAGE?"%":void 0})}))]})),N(),!x.hideProbability&&e("div",Object.assign({className:"input__rows"},{children:[t("div",Object.assign({className:"input__wrapper"},{children:t(b,{type:"number",value:null===(r=x.discountData.probability)||void 0===r?void 0:r.toString(),onChangeText:e=>{x.setDiscountData(Object.assign(Object.assign({},x.discountData),{probability:parseFloat(e)}))},labelText:"Probability",placeholder:"Enter probability in decimals eg: 0.2, 0.5, 0.75"})})),t("div",{className:"input__wrapper"})]}))]})})(),x.selectedCouponType===a.FREE_SHIPPING&&(()=>{var n;return e(i,{children:[e("div",Object.assign({className:"input__rows"},{children:[t("div",Object.assign({className:"input__wrapper"},{children:t(b,{value:x.discountData.title,onChangeText:e=>{x.setDiscountData(Object.assign(Object.assign({},x.discountData),{title:e}))},labelText:"Code title",placeholder:"eg: Flat 50% Off",maxCharLimit:18})})),t("div",Object.assign({className:"input__wrapper"},{children:!x.hideProbability&&t(b,{value:null===(n=x.discountData.probability)||void 0===n?void 0:n.toString(),type:"number",onChangeText:e=>{x.setDiscountData(Object.assign(Object.assign({},x.discountData),{probability:parseFloat(e)}))},labelText:"Probability",placeholder:"Enter probability in decimals eg: 0.2, 0.5, 0.75"})}))]})),N()]})})(),x.selectedCouponType===a.BUY_X_GET_Y&&(()=>{var i;return e(v,{children:[t("div",Object.assign({className:"input__rows"},{children:e("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:20,flex:1}},{children:[t(b,{value:x.discountData.title,onChangeText:e=>{x.setDiscountData(Object.assign(Object.assign({},x.discountData),{title:e}))},maxCharLimit:18,labelText:"Code title",placeholder:"eg: Flat 50% Off"}),!x.hideProbability&&t(b,{value:null===(i=x.discountData.probability)||void 0===i?void 0:i.toString(),type:"number",onChangeText:e=>{x.setDiscountData(Object.assign(Object.assign({},x.discountData),{probability:parseFloat(e)}))},labelText:"Probability",placeholder:"Enter probability in decimals eg: 0.2, 0.5, 0.75"})]}))})),t(T,{}),f(O.PREREQUISITE),t(T,{}),f(O.ENTITLED),t(T,{}),t(l,{children:"At a discount value"}),e("div",Object.assign({style:{display:"flex",gap:18,alignItems:"center"}},{children:[t(D,{isActive:100!==x.discountData.value,onValueChange:e=>{x.setDiscountData(Object.assign(Object.assign({},x.discountData),{value:void 0}))}}),t(c,{children:"Percentage"}),100!==x.discountData.value&&t(b,{variant:"small",onChangeText:e=>{x.setDiscountData(Object.assign(Object.assign({},x.discountData),{value:parseInt(e)}))},type:"number",placeholder:"Enter percentage eg: 10%",suffixText:"%",width:"238px"})]})),e("div",Object.assign({style:{display:"flex",gap:18}},{children:[t(D,{isActive:100===x.discountData.value,onValueChange:e=>{e?x.setDiscountData(Object.assign(Object.assign({},x.discountData),{value:100})):x.setDiscountData(Object.assign(Object.assign({},x.discountData),{value:void 0}))}}),t(c,{children:"Free"})]}))]})})(),x.selectedCouponType&&!x.hideExpiration&&e(i,{children:[t("div",{style:{height:6,borderTop:`1px solid ${m.colorsV2.stroke.primary}`,marginTop:12}}),t(j,{discountData:x.discountData,setDiscountData:x.setDiscountData})]}),!x.selectedCouponType&&e("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:10,padding:"40px 0",justifyContent:"center",alignItems:"center"}},{children:[t("div",Object.assign({style:{height:52,width:52,backgroundColor:m.colorsV2.background.inverse,borderRadius:"50%",display:"flex",justifyContent:"center",alignItems:"center"}},{children:t(y,{width:32,color:m.colorsV2.content.primaryInverse})})),t(d,{children:"No discount has been selected"}),t(u,{children:"Please select a discount type"})]}))]})};export{O as DISCOUNT_PRODUCTS,x as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as t,jsx as
|
|
1
|
+
import{jsxs as t,jsx as i}from"react/jsx-runtime";import e from"../../../assets/icons/info.svg.js";import{useEffect as a}from"react";import{Input as o}from"../../input/Input.js";import{BodySecondaryLink as n,BodySecondary as s}from"../../TypographyStyle.js";import{DEFAULT_THEME as c}from"../../../constants/Theme.js";import{StaticCouponContainerStyled as r}from"../DiscountModal.styled.js";const l=l=>(a((()=>{l.setDiscountData(Object.assign(Object.assign({},l.discountData),{isStaticCoupon:!0}))}),[]),t(r,{children:[t("div",Object.assign({className:"static-coupon__data"},{children:[i("div",Object.assign({className:"static-input__wrapper"},{children:i(o,{onChangeText:t=>{l.setDiscountData(Object.assign(Object.assign({},l.discountData),{couponCode:t}))},labelText:"Coupon code",value:l.discountData.couponCode,placeholder:"Enter code created on shopify"})})),i("div",Object.assign({className:"static-input__wrapper"},{children:i(o,{maxCharLimit:18,labelText:"Coupon title",value:l.discountData.title,onChangeText:t=>{l.setDiscountData(Object.assign(Object.assign({},l.discountData),{title:t}))},placeholder:"Enter coupon title"})}))]})),i(o,{labelText:"Coupon description",value:l.discountData.description,onChangeText:t=>{l.setDiscountData(Object.assign(Object.assign({},l.discountData),{description:t}))},placeholder:"Enter coupon description"}),!l.hideProbability&&i(o,{labelText:"Probability",value:l.discountData.probability?l.discountData.probability.toString():"",onChangeText:t=>{l.setDiscountData(Object.assign(Object.assign({},l.discountData),{probability:parseInt(t)}))},placeholder:"Enter probability"}),l.discountAdminUrl&&t("div",Object.assign({className:"info__container"},{children:[i(e,{height:18,width:18,color:c.colorsV2.content.secondary}),i(n,Object.assign({onClick:()=>{window.open(l.discountAdminUrl,"_blank")}},{children:"Click here"})),i(s,{children:"to create discount code on Shopify"})]}))]}));export{l as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as o}from"../../../_virtual/_tslib.js";import{jsxs as e,Fragment as
|
|
1
|
+
import{__rest as o}from"../../../_virtual/_tslib.js";import{jsxs as e,Fragment as r,jsx as n}from"react/jsx-runtime";import t,{useState as l,useImperativeHandle as i,useEffect as s}from"react";import{usePopper as p}from"react-popper";import d from"../../dropShadow/DropShadow.js";import{OverLapAbs as a,OpenDropdownContainer as c}from"../Common.styled.js";import{OpenedDropdown as m}from"../OpenedDropdown/components/OpennedDropdown.js";const u=t.forwardRef(((t,u)=>{var{children:f,onDropdownVisbilityChange:v}=t,b=o(t,["children","onDropdownVisbilityChange"]);const j=u,[w,g]=l(!1),[h,y]=l(null),[D,O]=l(null),{styles:C,attributes:S}=p(h,D,{placement:b.placement,strategy:b.strategy});return i(j,(()=>({openDropdown:w})),[]),s((()=>{(null==j?void 0:j.current)&&(j.current.openDropdown=w)}),[w]),s((()=>{null==v||v(w)}),[w]),e(r,{children:[e("div",Object.assign({style:{position:"relative"},ref:y},{children:[n(a,{onClick:o=>{w?o.preventDefault():b.disabled||g(!0)}}),f]})),w&&n(c,Object.assign({ref:O,style:Object.assign(Object.assign({},C.popper),{zIndex:3})},S.popper,{children:n(d,Object.assign({level:"z2",position:"down",style:{borderRadius:4}},{children:n(m,Object.assign({},b,{onSelect:o=>{var e;null===(e=b.onSelect)||void 0===e||e.call(b,o),g(!1)},onClose:function(){var o;g(!1),null===(o=null==b?void 0:b.onClose)||void 0===o||o.call(b)}}))}))}))]})}));u.displayName="DropdownPopover";export{u as DropdownPopover};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as o,useEffect as l,useRef as s}from"react";import{ZeroState as i}from"../../../zeroState/ZeroState.js";import{useOutside as n}from"../../../../hooks/useOutside.js";import{iterateOnOptions as r}from"../utils/iterationOnOptions.js";import{Description as c}from"./description/Description.js";import{FreeFormMenu as a}from"./menu/FreeFormMenu.js";import{MenuList as u}from"./menu/MenuList.js";import{SelectAllMenu as d}from"./menu/SelectAllMenu.js";import p from"./multiSelect/MultiSelectDropdownBottomBar.js";import{OpennedDropdownContainer as f,MenuListContainer as m}from"./OpennedDropdown.styled.js";import{SearchBox as h}from"./searchbox/SearchBox.js";import{SearchZeroState as b}from"./searchbox/SearchZeroState.js";const g=304,j=290,v=v=>{let{options:S,isSearchable:w,isMultiSelect:y,width:O,allowFreeForm:x,height:C,onClose:L,onSelect:F}=v;const[M,D]=o(null!=S?S:[]);l((()=>{S
|
|
1
|
+
import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as o,useEffect as l,useRef as s}from"react";import{ZeroState as i}from"../../../zeroState/ZeroState.js";import{useOutside as n}from"../../../../hooks/useOutside.js";import{iterateOnOptions as r}from"../utils/iterationOnOptions.js";import{Description as c}from"./description/Description.js";import{FreeFormMenu as a}from"./menu/FreeFormMenu.js";import{MenuList as u}from"./menu/MenuList.js";import{SelectAllMenu as d}from"./menu/SelectAllMenu.js";import p from"./multiSelect/MultiSelectDropdownBottomBar.js";import{OpennedDropdownContainer as f,MenuListContainer as m}from"./OpennedDropdown.styled.js";import{SearchBox as h}from"./searchbox/SearchBox.js";import{SearchZeroState as b}from"./searchbox/SearchZeroState.js";const g=304,j=290,v=v=>{let{options:S,isSearchable:w,isMultiSelect:y,width:O,allowFreeForm:x,height:C,onClose:L,onSelect:F}=v;const[M,D]=o(null!=S?S:[]);l((()=>{if(S){const e=[...S];D([...e.sort((e=>e.selected?-1:1))])}}),[S]);const[A,B]=o(null!=O?O:j),[k,H]=o(""),[Z,q]=o(null),z=s(null);n(z,(()=>{q(null),null==L||L()}));const E=null!=C?C:g,I="number"==typeof E?w&&y?E-96:w&&!y||!w&&y?E-48:E:E;function K(e){if(y){const t=r(M,{selected:e.selected},(t=>t.value===e.value));D([...t])}else null==F||F(e)}l((()=>{const e=null!=O?O:j;if(null===Z)B(e);else if("number"==typeof e)B(2*e);else if("string"==typeof e&&e.endsWith("px")){const t=2*parseInt(e.replace("px",""));B(t)}}),[Z]);const N=[],P=M.map((e=>{var t,o;if(k){if(e.options){const t=Object.assign({},e);return t.options=t.options.filter((e=>{var t;return!!(null===(t=e.label)||void 0===t?void 0:t.toLowerCase().includes(k.toLowerCase()))&&(N.push(!k||e.label===k),!0)})),t.options.length>0?t:null}return(null===(t=e.label)||void 0===t?void 0:t.toLowerCase().includes(k.toLowerCase()))||(null===(o=e.searchKey)||void 0===o?void 0:o.toLowerCase().includes(k.toLowerCase()))?(N.push(!k||e.label===k),e):null}return e})).filter((e=>null!==e)),T=!!w&&k&&0===P.length;return e(f,Object.assign({ref:z,style:{width:A}},{children:[e("div",Object.assign({style:{width:Z?"50%":"100%",display:"flex",flexDirection:"column"}},{children:[!!w&&t(h,{onSearch:function(e){H(e)}}),P.length||k?e(m,Object.assign({minHeight:E,maxHeight:I},{children:[!!y&&!T&&t(d,{options:M,onSelect:function(e){if("selectAll"===e){const e=r(M,{selected:!0},(e=>{var t;return k?(null===(t=e.label)||void 0===t?void 0:t.toLowerCase().includes(k.toLowerCase()))&&!e.disabled:!e.disabled}));D([...e])}else if("notSelected"===e){const e=r(M,{selected:!1},(e=>!e.disabled));D([...e])}}}),!x&&T&&t(b,{searchedString:k}),x&&(T||!!N.length&&N.every((e=>!1===e)))&&t(a,{isMultiSelect:y,onSelect:function(e){if(!y)return void K({label:k,value:k,isFreeForm:!0,selected:!0});const t=M.map((t=>t.options?t:Object.assign(Object.assign({},t),{selected:t.label===k&&t.value===k?e:t.selected})));e&&(t.some((e=>e.label===k&&e.value===k))||t.unshift({label:k,value:k,isFreeForm:!0,selected:!0})),D([...t])},searchedString:k}),t(u,{onSelect:K,showDescription:function(e,t){q(e&&t?{title:e,description:t}:null)},isMultiSelect:y,options:P})]})):t("div",Object.assign({style:{height:E,display:"flex"}},{children:t(i,{title:"No results found",subTitle:"Please try again later or contact us at support@bik.ai if you require further assistance."})})),!!y&&!(!P.length&&!k)&&t(p,{onClear:function(){const e=r(M,{selected:!1});D([...e])},onApply:function(){const e=[];M.forEach((t=>{if(t.options){const o=t.options.filter((e=>!0===e.selected));e.push(Object.assign(Object.assign({},t),{options:[...o]}))}else t.selected&&e.push(Object.assign({},t))})),null==F||F([...e])},list:M})]})),!!Z&&t(c,{title:Z.title,description:Z.description})]}))};export{v as OpenedDropdown};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import{jsx as e,Fragment as t}from"react/jsx-runtime";import o from"styled-components";import{CheckBox as i}from"../../../../checkBox/CheckBox.js";import{ListItem as n}from"../../../../list-item/ListItem.js";import{BodyCaption as s}from"../../../../TypographyStyle.js";import{COLORS as r}from"../../../../../constants/Theme.js";import{FreeFormContainer as l}from"./FreeFormMenu.styled.js";const c=o(n)`
|
|
2
2
|
padding: 14px 16px !important;
|
|
3
|
-
cursor:
|
|
3
|
+
cursor: pointer;
|
|
4
4
|
`,a=o=>{let{option:n,isMultiSelect:a,showDescription:m,onSelect:d,last:p}=o;var u;function b(e){n.disabled||d(Object.assign(Object.assign({},n),{selected:e}))}return e(c,{style:p?{borderBottom:0}:{},onClick:e=>{e.preventDefault(),b(!n.selected)},onMouseOver:function(){n.description?m(n.label,n.description):m()},listItem:{value:n.value,label:n.label},subText:n.subText,leadingIcon:a?e(i,{isDisabled:null!==(u=n.disabled)&&void 0!==u&&u,isChecked:!!n.selected,onValueChange:b}):e(t,{}),customComponent:n.customComponent,trailingIcon:n.isFreeForm?e(l,{children:e(s,Object.assign({style:{color:r.content.secondary}},{children:"Freeform"}))}):n.trailingIcon?e(t,{children:n.trailingIcon}):e(t,{}),variant:n.disabled?"inactive":n.selected?"selected":"default"})};export{a as MenuItem};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { Placement } from '@popperjs/core';
|
|
2
|
+
import { Placement, PositioningStrategy } from '@popperjs/core';
|
|
3
3
|
export interface OpenDropdownProps {
|
|
4
4
|
defaultOptions?: DropdownOption[];
|
|
5
5
|
options: DropdownOption[];
|
|
@@ -12,6 +12,7 @@ export interface OpenDropdownProps {
|
|
|
12
12
|
onClose?: () => void;
|
|
13
13
|
onSelect?: (option: DropdownOption | DropdownOption[]) => void;
|
|
14
14
|
placement?: Placement;
|
|
15
|
+
strategy?: PositioningStrategy;
|
|
15
16
|
}
|
|
16
17
|
export type GroupedOption = {
|
|
17
18
|
label?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as t,Fragment as n}from"react/jsx-runtime";import{useState as i,useContext as l,useRef as r,useEffect as o}from"react";import{Button as a}from"../button/Button.js";import{isFunction as c,validateInput as s}from"./Input-helper.js";import{BodySecondary as u}from"../TypographyStyle.js";import d from"../../assets/icons/errorInfo.svg.js";import{InputStyleContext as v}from"./context/InputStyleProvider.js";import{RootContainer as h,InputFooter as p,InputWrapper as m,IconHolder as f,PrefixHolder as g,InputContainer as x,InputContainerSmall as b,SuffixHolder as y,InputHeader as j,MaxCharStyle as I}from"./Input.styled.js";const C=C=>{var w,O,T,k;const{placeholder:
|
|
1
|
+
import{jsxs as e,jsx as t,Fragment as n}from"react/jsx-runtime";import{useState as i,useContext as l,useRef as r,useEffect as o}from"react";import{Button as a}from"../button/Button.js";import{isFunction as c,validateInput as s}from"./Input-helper.js";import{BodySecondary as u}from"../TypographyStyle.js";import d from"../../assets/icons/errorInfo.svg.js";import{InputStyleContext as v}from"./context/InputStyleProvider.js";import{RootContainer as h,InputFooter as p,InputWrapper as m,IconHolder as f,PrefixHolder as g,InputContainer as x,InputContainerSmall as b,SuffixHolder as y,InputHeader as j,MaxCharStyle as I}from"./Input.styled.js";const C=C=>{var w,O,T,k,A;const{placeholder:L,leftIcon:z,rightIcon:B,labelText:S,maxCharLimit:D,isRequired:E,hintText:F,type:R,state:H,validate:K,variant:M,button:q,suffixText:N,prefixText:P,onChangeText:V,value:W,noErrorHint:G,reset:J,rangeValidation:Q}=Object.assign({maxCharLimit:0,type:"text",variant:"default"},C),U=null==z?void 0:z.icon,X=null==B?void 0:B.icon,[Y,Z]=i(!1),[$,_]=i(!1),[ee,te]=i(),ne="small"===M?"18px":"22px",ie=l(v),[le,re]=i(),oe=r();o((()=>{re(W)}),[W]),o((()=>{var e;oe.current&&(null===(e=C.onReferenceInit)||void 0===e||e.call(C,oe.current))}),[oe]),o((()=>{J&&re("")}),[J]),o((()=>{var e;_(!!C.isActive),C.isActive&&(null===(e=oe.current)||void 0===e||e.focus())}),[C.isActive]),o((()=>{te(C.errorMessage)}),[C.errorMessage]),o((()=>{var e;Z(!1),("invalid"===C.state||ee)&&Z(!0),"active"===C.state&&(null===(e=oe.current)||void 0===e||e.focus())}),[C.state,ee]),o((()=>{Z(!!ee)}),[ee]);const ae=function(e){if(c(e)){for(var t=arguments.length,n=new Array(t>1?t-1:0),i=1;i<t;i++)n[i-1]=arguments[i];e(...n)}},ce=e=>{const t=D||("zip"===R?6:60);V(W||"",e),![8].includes(e.which)&&t>0&&e.target.value.length===t&&e.preventDefault()},se=e=>{const t=e.target.value;V(t,e),re(t);const n=K||s;if(!n||!c(n))return;const[i,l]=n(t,R,Q);Z(!i),te(l)},ue=()=>{var i;return e(n,{children:["multiline"!==R&&t("input",{id:C.id,style:null!==(i=null==ie?void 0:ie.input)&&void 0!==i?i:{},ref:oe,type:["phonenumber","zip","number"].includes(R)?"number":R,value:le,onFocus:()=>(_(!0),void ae(C.onFocus)),onBlur:e=>(e=>{var t;_(!1),ae(null===(t=C.onBlur)||void 0===t?void 0:t.call(C,e))})(e),placeholder:L||"Enter here",onChange:se,onKeyDown:e=>ce(e)}),"multiline"===R&&t("textarea",{value:le,ref:oe,onFocus:()=>_(!0),onBlur:()=>_(!1),placeholder:L||"Enter here",onChange:se,onKeyDown:e=>ce(e),maxLength:D>0?D:void 0})]})};return e(h,Object.assign({width:C.width,height:C.height,state:H,type:R,style:null!==(w=null==ie?void 0:ie.RootContainer)&&void 0!==w?w:{}},{children:[!G&&(!!F||!!ee)&&e(p,Object.assign({invalid:!!ee},{children:[!!ee&&t(d,{width:16,height:16}),ee||F]})),e(m,Object.assign({variant:M,state:H,width:C.width,isActive:"active"===H||$,isInvalid:Y,style:null!==(O=null==ie?void 0:ie.InputWrapper)&&void 0!==O?O:{}},{children:[!!U&&t(f,Object.assign({variant:M,iconSize:ne,onClick:()=>ae(null==z?void 0:z.callback),isLeft:!0,style:null!==(T=null==ie?void 0:ie.IconHolder)&&void 0!==T?T:{}},{children:t(U,{})})),!!P&&t(g,Object.assign({variant:M},{children:P})),"default"===M&&t(x,{children:ue()}),"small"===M&&t(b,{children:ue()}),!!X&&t(f,Object.assign({variant:M,iconSize:ne,onClick:()=>ae(null==B?void 0:B.callback),isLeft:!1},{children:t(X,{})})),!!N&&t(y,Object.assign({variant:M},{children:N})),q&&q.text&&t(a,{buttonText:q.text,onClick:()=>ae(null==q?void 0:q.onClick)})]})),(!!S||!!D)&&e(j,Object.assign({invalid:Y},{children:[e(u,{children:[S,E?t("span",{children:"*"}):""]}),D>0&&e(I,{children:[null!==(A=null===(k=C.value)||void 0===k?void 0:k.length)&&void 0!==A?A:0,"/",D]})]}))]}))};C.displayName="Input";export{C as Input};
|