@bikdotai/bik-component-library 0.0.687-beta.8 → 0.0.687-beta.9

package/dist/cjs/components/data-source-panel/model.d.ts

@@ -0,0 +1,144 @@
+interface MessageSource {
+    sources: InfoContent[];
+    intent: string;
+    messageId: string;
+    output_message_id?: string;
+    isUnsatisfactoryAnswer?: boolean;
+    isEditable?: boolean;
+}
+interface InfoContent {
+    title: string;
+    docId?: string;
+    subTitle?: string;
+    link?: string | string[];
+    type?: string;
+    intent?: string;
+    productId?: string;
+    variantId?: string;
+    imageUrl?: string;
+    isTrainable?: boolean;
+    subIntent?: string;
+    insights?: string;
+}
+interface DataSourcePanelZeroState {
+    title: string;
+    leadingIcon: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
+    onClick: () => void;
+}
+interface AllSourceInfoDetailsCustomDataModel {
+    [keys: string]: SourceInfoDetailsCustomDataModel;
+}
+interface SourceInfoDetailsCustomDataModel {
+    storeId: string;
+    type: CustomDataType;
+    data: FileMetaData | CustomDataDocument | CustomDataFaqModel;
+    content?: string;
+    docId: string;
+    onEditClick: (item: FileMetaData | CustomDataDocument | CustomDataFaqModel, type: string) => void;
+    redirect?: (source: InfoContent) => void;
+}
+declare enum CustomDataCategories {
+    PAGE = "page",
+    POLICY = "policy",
+    ARTICLE = "article",
+    UPLOADED = "uploaded",
+    TEXT = "text"
+}
+type CustomDataCategory = keyof typeof CustomDataCategories;
+declare enum CustomDataType {
+    FAQ = "FAQ",
+    FILES = "FILES",
+    WEBSITE_LINKS = "WEBSITE_LINKS",
+    TEXTS = "TEXTS",
+    FETCHED_LINKS = "FETCHED_LINKS",
+    URL = "URL",
+    TRAINING_TEMPLATE = "TRAINING_TEMPLATE"
+}
+interface FileMetaData {
+    fileId: string;
+    fileName: string;
+    fileSize: string;
+    fileType: string;
+    fileUrl: string;
+    uploadType: 'URL' | 'FileUpload';
+    uploadDate: Date;
+    characterCount?: number;
+    intent?: string;
+    fileContent?: string;
+    fileContentPath?: string;
+    fileContentText?: string;
+    isActive?: boolean;
+}
+interface CustomDataDocument {
+    category: CustomDataCategory;
+    id: string;
+    handle?: string;
+    title?: string;
+    createdAt?: Date;
+    updatedAt?: Date;
+    url?: string;
+    isActive?: boolean;
+    characterCount?: number;
+    intent?: string;
+    wasManualLinkAdded?: boolean;
+    fileContent?: string;
+    fileContentText?: string;
+    fileId?: string;
+    fileContentPath?: string;
+    fileName?: string;
+    lastEditedAt?: number;
+}
+interface CustomDataFaqModel {
+    id: string;
+    question: string;
+    answer: string;
+    createdAt: Date;
+    updatedAt?: Date;
+    questionSpecificProducts?: Array<FaqProductModel>;
+    products?: Array<FaqProductModel>;
+    cta?: Array<LiveChatCTA>;
+    intent?: string;
+    crmNoteMeta?: CRMNoteMeta;
+    fromEditResponse?: boolean;
+    isTemplateFAQ?: boolean;
+    isSatisfactoryAnswer?: boolean;
+}
+interface FaqProductModel {
+    id: string;
+    variantId: string;
+    name: string;
+    imageUrl: string;
+}
+interface CRMNoteMeta {
+    createdAt: Date;
+    sessionId: string;
+    userId: number;
+    messageId: string;
+    customerId: string;
+    updatedAt: Date;
+}
+interface LiveChatCTA {
+    url: string;
+    cta: string;
+    buttonType: string;
+}
+interface footerButtonOptionModel {
+    hideAddDataButton?: boolean;
+    navigate?: (pagePathKey: string, params?: object, queryParam?: object, openInNewTab?: boolean) => void;
+    onClick: ({ buttonTitle, redirectUrl, addFaqProps, }: {
+        buttonTitle: string;
+        redirectUrl?: string;
+        addFaqProps?: any;
+    }) => void;
+}
+interface ProductSourceData {
+    [keys: string]: {
+        description: string;
+        metafield: string[];
+        faqs: CustomDataFaqModel[];
+        onEditFaqClick: (faqs: CustomDataFaqModel[]) => void;
+    };
+}
+
+export { CustomDataCategories, CustomDataType };
+export type { AllSourceInfoDetailsCustomDataModel, CRMNoteMeta, CustomDataCategory, CustomDataDocument, CustomDataFaqModel, DataSourcePanelZeroState, FaqProductModel, FileMetaData, InfoContent, LiveChatCTA, MessageSource, ProductSourceData, SourceInfoDetailsCustomDataModel, footerButtonOptionModel };

package/dist/cjs/components/data-source-panel/model.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var E=(E=>(E.PAGE="page",E.POLICY="policy",E.ARTICLE="article",E.UPLOADED="uploaded",E.TEXT="text",E))(E||{}),e=(E=>(E.FAQ="FAQ",E.FILES="FILES",E.WEBSITE_LINKS="WEBSITE_LINKS",E.TEXTS="TEXTS",E.FETCHED_LINKS="FETCHED_LINKS",E.URL="URL",E.TRAINING_TEMPLATE="TRAINING_TEMPLATE",E))(e||{});exports.CustomDataCategories=E,exports.CustomDataType=e;

package/dist/cjs/components/datePicker/DatePicker.d.ts

@@ -0,0 +1,16 @@
+import React__default from 'react';
+
+type DatePickerProps = {
+    selectRange: boolean;
+    selectedDates?: Date[];
+    selectedDate?: Date;
+    onSelectRange?: (startDate: Date, endDate: Date) => void;
+    onSelectDate?: (date: Date) => void;
+    minDate?: Date;
+    maxDate?: Date;
+    maxRangeLimit?: number | null;
+};
+declare const DatePicker: React__default.FC<DatePickerProps>;
+
+export { DatePicker };
+export type { DatePickerProps };

package/dist/cjs/components/datePicker/DatePicker.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),a=require("react-calendar"),n=require("./DatePicker.styled.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=r(a);exports.DatePicker=a=>{const[r,c]=t.useState();t.useEffect((()=>{a.selectedDates?c(a.selectedDates):c([null,null])}),[a.selectedDates]);const[i,s]=t.useState(a.selectedDate),u=null===a.maxRangeLimit?null:void 0===a.maxRangeLimit?180:a.maxRangeLimit;return e.jsx(n.PickerContainer,{selectRange:a.selectRange,children:e.jsx(l.default,{onChange:e=>{a.selectRange&&a.onSelectRange?function(e){a.onSelectRange?.(e[0],e[1]),c([e[0],e[1]])}(e):a.onSelectDate&&(a.onSelectDate(e),s(e))},tileDisabled:({date:e,view:t})=>{if(!Array.isArray(r))return!1;const[a,n]=r;if(a&&!n&&null!==u){const n=Math.round((e-a)/864e5);return"month"===t&&(n<-u||n>u)}return!1},onClickDay:function(e){if(!Array.isArray(r))return void c([e,null]);const[t,a]=r;c(t&&t&&!a?[t,e]:[e,null])},value:a.selectRange?r:i,selectRange:a.selectRange,minDate:a.minDate,maxDate:a.maxDate},"bik-calendar")})};

package/dist/cjs/components/datePicker/DatePicker.styled.js

@@ -0,0 +1,159 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("@emotion/styled"),e=require("../../constants/Theme.js");function a(r){return r&&"object"==typeof r&&"default"in r?r:{default:r}}const t=a(r).default.div`
+	position: relative;
+	z-index: 99999;
+
+	.react-calendar {
+		background: ${e.COLORS.text.white};
+		border-width: 1px;
+		border-style: solid;
+		border-color: ${e.COLORS.text.white};
+		box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12);
+		border-radius: 4px;
+		color: ${e.COLORS.text.primary};
+		&--selectRange {
+			.react-calendar {
+				&__year-view {
+					.react-calendar__tile--hover {
+						background-color: unset;
+					}
+				}
+				&__month-view {
+					.react-calendar__tile--hover {
+						background-color: ${e.COLORS.background.brandLight};
+					}
+				}
+			}
+		}
+		.react-calendar {
+			&__tile {
+				transition: all 0.25s;
+				&:enabled:hover {
+					background-color: ${e.COLORS.surface.hovered};
+					border-radius: 4px;
+				}
+				&--hasActive:enabled:hover,
+				&--hasActive:enabled:focus {
+					background: ${e.COLORS.background.brand};
+					color: ${e.COLORS.text.white};
+				}
+				&.react-calendar__tile {
+					&--range {
+						&:enabled:hover {
+							border-radius: 0;
+						}
+					}
+					&--rangeStart {
+						border-top-right-radius: 0;
+						border-bottom-right-radius: 0;
+						border-top-left-radius: 4px !important;
+						border-bottom-left-radius: 4px !important;
+						background: ${e.COLORS.background.brand};
+						color: ${e.COLORS.text.white};
+
+						&:enabled:hover {
+							border-top-right-radius: 0;
+							background: ${e.COLORS.background.brand};
+							border-color: ${e.COLORS.background.brand};
+							border-bottom-right-radius: 0;
+						}
+						&.react-calendar__tile--rangeEnd {
+							${r=>(r=>r.selectRange?"\n      border-top-right-radius: 0 !important;\n      border-bottom-right-radius: 0 !important;\n    ":"\n      border-top-right-radius: 4px;\n      border-bottom-right-radius: 4px;\n    ")(r)}
+							border-top-left-radius: 4px;
+							border-bottom-left-radius: 4px;
+							&:enabled:hover {
+								background: ${e.COLORS.background.brand};
+								border-color: ${e.COLORS.background.brand};
+								border-top-right-radius: 0;
+								border-bottom-right-radius: 0;
+								border-top-left-radius: 4px !important;
+								border-bottom-left-radius: 4px !important;
+							}
+						}
+					}
+					&--rangeEnd {
+						border-top-left-radius: 0;
+						border-bottom-left-radius: 0;
+						border-top-right-radius: 4px !important;
+						border-bottom-right-radius: 4px !important;
+						background: ${e.COLORS.background.brand};
+						color: ${e.COLORS.text.white};
+
+						&:enabled:hover {
+							border-top-left-radius: 0;
+							background: ${e.COLORS.background.brand};
+							border-color: ${e.COLORS.background.brand};
+							border-bottom-left-radius: 0;
+						}
+					}
+				}
+			}
+		}
+
+		.react-calendar__tile--active {
+			background: ${e.COLORS.background.brandLight};
+			color: ${e.COLORS.text.primary};
+		}
+
+		.react-calendar__tile--now {
+			background: ${e.COLORS.text.white};
+			border-radius: 4px;
+			border-color: ${e.COLORS.background.brand};
+			border-style: solid;
+			border-width: 1px;
+		}
+
+		.react-calendar__month-view__weekdays__weekday {
+			font-style: normal;
+			overflow: hidden;
+			font-weight: 600;
+			font-size: 14px;
+			line-height: 20px;
+			color: ${e.COLORS.text.primary};
+
+			abbr[title] {
+				text-decoration: none !important;
+			}
+		}
+
+		.react-calendar__navigation button:enabled:hover,
+		.react-calendar__navigation button:enabled:focus {
+			background-color: ${e.COLORS.background.brandLight};
+			border-radius: 4px;
+		}
+
+		.react-calendar__month-view__weekends {
+			color: ${e.COLORS.text.primary};
+		}
+
+		.react-calendar__month-view__days__day--weekend {
+			color: ${e.COLORS.text.primary};
+		}
+
+		.react-calendar__month-view__weekdays {
+			background: ${e.COLORS.surface.subdued};
+		}
+
+		.react-calendar__navigation {
+			display: flex;
+			padding: 12px 20px;
+
+			button {
+				border: 0 !important;
+				background: transparent !important;
+			}
+
+			.react-calendar__navigation__arrow
+				react-calendar__navigation__prev2-button {
+				font-size: 20px;
+			}
+
+			.react-calendar__navigation__arrow
+				react-calendar__navigation__prev-button {
+				font-size: 20px;
+			}
+		}
+		.react-calendar__tile:disabled {
+			background-color: #f0f0f0 !important;
+		}
+	}
+`;exports.PickerContainer=t;

package/dist/cjs/components/datePicker/DatePickerWrapper.d.ts

@@ -0,0 +1,19 @@
+import React__default from 'react';
+import { CalendarProps } from 'react-calendar';
+import { CSSProperties } from 'styled-components';
+import { DateButtonType } from './model.js';
+
+declare const DatePickerWrapper: React__default.FC<{
+    val?: Date | Date[];
+    onChange: (val: Date | Date[]) => void;
+    calendarProps?: CalendarProps;
+    pickerStyles?: CSSProperties;
+    dateButtonStyles?: CSSProperties;
+    nativeID?: string;
+    disabled?: boolean;
+    maxDate?: Date;
+    minDate?: Date;
+    dateButtonType?: DateButtonType;
+}>;
+
+export { DatePickerWrapper };

package/dist/cjs/components/datePicker/DatePickerWrapper.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("react-calendar"),a=require("../../hooks/useOutside.js"),n=require("../../utils/DateUtils.js"),o=require("../../constants/Theme.js"),s=require("../../assets/icons/calendar.svg.js"),i=require("../TypographyStyle.js"),l=require("./DatePickerWrapper.styled.js"),c=require("./model.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=u(r);exports.DatePickerWrapper=({val:r,onChange:u,calendarProps:y,disabled:D,pickerStyles:O,nativeID:S,maxDate:p,minDate:C,dateButtonType:L,dateButtonStyles:g})=>{const[m,R]=t.useState(!1),f=t.useRef(null),j=t.useRef(null);a.useOutside(j,(()=>{R(!1)}));const b=()=>r?Array.isArray(r)?r?.[0]?.toString()&&r?.[1]?.toString()?`${new Date(r?.[0]?.toString()).toLocaleDateString()}-${new Date(r?.[1]?.toString()).toLocaleDateString()}`:`${n.default.getPastDate(new Date,30).toLocaleDateString()}-${(new Date).toLocaleDateString()}`:new Date(r.toString()).toLocaleDateString():(new Date).toLocaleDateString();return e.jsxs(e.Fragment,{children:[e.jsxs(l.DateBtn,{id:S,ref:f,bgColor:D?o.COLORS.background.base:o.COLORS.surface.standard,borderColor:o.COLORS.stroke.primary,onClick:()=>R(!m),dateButtonType:L||c.DateButtonType.DEFAULT,style:g,children:[L===c.DateButtonType.LARGE?e.jsx(i.BodyPrimary,{style:{color:D?o.COLORS.content.inactive:o.COLORS.content.primary,flex:1},children:b()}):e.jsx(i.BodySecondary,{style:{color:D?o.COLORS.content.inactive:o.COLORS.content.primary,flex:1},children:b()}),e.jsx(s.default,{width:L===c.DateButtonType.LARGE?24:20,height:L===c.DateButtonType.LARGE?24:20,color:D?o.COLORS.content.inactive:o.COLORS.content.primary})]}),m&&!D&&e.jsx(l.PickerContainer,{ref:j,style:{...O},contentPrimary:o.COLORS.content.primary,subDued:o.COLORS.surface.subdued,brandColor:o.COLORS.background.brand,bgColor:o.COLORS.surface.standard,borderColor:o.COLORS.stroke.primary,children:e.jsx(d.default,{tileClassName:["custom__tile"],className:["custom__calendar"],onChange:e=>{u(e),R(!1)},maxDate:p,minDate:C,value:r?Array.isArray(r)?2===r.length?[new Date(r[0]),new Date(r[1])]:null:new Date(r):null,...y})})]})};

package/dist/cjs/components/datePicker/DatePickerWrapper.styled.js

@@ -0,0 +1,69 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("./model.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var t=o(e);const a=t.default.div`
+	display: flex;
+	padding: 5px 8px;
+	background: ${e=>e.bgColor};
+	border-width: 1px;
+	border-style: solid;
+	border-color: ${e=>e.borderColor};
+	border-radius: 4px;
+	flex-direction: row;
+	align-items: center;
+	gap: 8px;
+	position: relative;
+	height: ${e=>e.dateButtonType===r.DateButtonType.LARGE?"48px":"32px"};
+`,n=t.default.div`
+	position: absolute;
+	top: calc(100% + 8px);
+	zindex: 9;
+	.custom__calendar {
+		background: ${e=>e.bgColor};
+		border-width: 1px;
+		border-style: solid;
+		border-color: ${e=>e.borderColor};
+		box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12);
+		border-radius: 4px;
+	}
+
+	.custom__tile:hover,
+	.custom__tile:focus,
+	.react-calendar__tile--active {
+		background: ${e=>e.brandColor};
+	}
+
+	.react-calendar__month-view__weekdays__weekday {
+		font-family: 'Inter';
+		font-style: normal;
+		overflow: hidden;
+		font-weight: 600;
+		font-size: 14px;
+		line-height: 20px;
+		color: ${e=>e.contentPrimary};
+
+		abbr[title] {
+			text-decoration: none !important;
+		}
+	}
+
+	.react-calendar__month-view__weekdays {
+		background: ${e=>e.subDued};
+	}
+
+	.react-calendar__navigation {
+		display: flex;
+		padding: 12px 20px;
+
+		button {
+			border: 0;
+			background: transparent;
+		}
+
+		.react-calendar__navigation__arrow
+			react-calendar__navigation__prev2-button {
+			font-size: 20px;
+		}
+
+		.react-calendar__navigation__arrow react-calendar__navigation__prev-button {
+			font-size: 20px;
+		}
+	}
+`;exports.DateBtn=a,exports.PickerContainer=n;

package/dist/cjs/components/datePicker/model.d.ts

@@ -0,0 +1,6 @@
+declare enum DateButtonType {
+    DEFAULT = "default",
+    LARGE = "large"
+}
+
+export { DateButtonType };

package/dist/cjs/components/datePicker/model.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=(e=>(e.DEFAULT="default",e.LARGE="large",e))(e||{});exports.DateButtonType=e;

package/dist/cjs/components/discount-modal/CouponExpiration/CouponExpiration.d.ts

@@ -0,0 +1,14 @@
+import React__default from 'react';
+import { ICouponData, COUPON_EXPIRATION } from '../type.js';
+
+interface CouponExpirationI {
+    discountData: ICouponData;
+    isAddExpirationChecked: boolean;
+    setDiscountData: (ICouponData: any) => void;
+    inValidCouponExpiry: boolean;
+    setSelectedExpiration: React__default.Dispatch<React__default.SetStateAction<COUPON_EXPIRATION | undefined>>;
+    selectedExpiration: COUPON_EXPIRATION | undefined;
+}
+declare const CouponExpiration: React__default.FC<CouponExpirationI>;
+
+export { CouponExpiration };

package/dist/cjs/components/discount-modal/CouponExpiration/CouponExpiration.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("date-fns"),r=require("react"),o=require("../../custom-date-time/CustomDateTime.js"),i=require("../type.js");require("../../dropdown/DropdownPopover/index.js");var n=require("../../dropdown/Dropdown.js");require("../../dropdown/ChipDropdown.js");var s=require("../../TypographyStyle.js");require("../../../constants/Theme.js"),require("../../dropdown/OpenedDropdown/components/description/Description.styled.js"),require("../../list-item/ListItem.js"),require("../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js"),require("../../dropdown/OpenedDropdown/components/menu/MenuList.js"),require("../../button/Button.js"),require("../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js"),require("../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js"),require("../../icon-button/IconButton.js");var d=require("../../input/Input.js");require("../../input/context/InputStyleProvider.js"),require("../../dropdown/MenuItem/MenuItem.js");exports.CouponExpiration=a=>{const[p,u]=r.useState(),[l,c]=r.useState(),x=(new Date).setDate((new Date).getDate()+1),D=[{selected:a.selectedExpiration===i.COUPON_EXPIRATION.DYNAMIC_EXPIRATION,label:"After a certain no. of days",value:i.COUPON_EXPIRATION.DYNAMIC_EXPIRATION},{selected:a.selectedExpiration===i.COUPON_EXPIRATION.FIXED_EXPIRATION,label:"Fixed expiry date",value:i.COUPON_EXPIRATION.FIXED_EXPIRATION}];r.useEffect((()=>{(void 0===a.selectedExpiration||null===a.selectedExpiration||p||l)&&a.setDiscountData({...a.discountData,expireAfter:void 0,expireAt:void 0}),a.selectedExpiration&&(p||l)&&(a.selectedExpiration===i.COUPON_EXPIRATION.FIXED_EXPIRATION?c(void 0):u(void 0))}),[a.selectedExpiration,p,l]);return e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:13,margin:"16px 0 0 28px"},children:[e.jsxs("div",{children:[e.jsx(s.BodySecondary,{style:{marginBottom:8},children:"Expiration"}),e.jsx("div",{style:{display:"flex",flexGrow:0,flexShrink:0,flexBasis:"auto"},children:e.jsx(n.Dropdown,{width:"268px",options:D,placement:"bottom-start",onSelect:e=>{const t=e.value;a.setSelectedExpiration(t),a.setDiscountData({...a.discountData,expireAt:void 0,expireAfter:void 0})},truncatedText:!1})})]}),a.selectedExpiration===i.COUPON_EXPIRATION.DYNAMIC_EXPIRATION&&e.jsx(d.Input,{value:a.discountData.expireAfter?.toString(),placeholder:"Eg. 5",labelText:"No. of days before coupon expires",width:"268px",type:"number",onChangeText:e=>{(e=>{c(void 0);const t=Number.parseInt(e);t>0?a.setDiscountData({...a.discountData,expireAfter:t,expireAt:void 0}):c("Please enter valid input")})(e)},isRequired:!0,errorMessage:a.inValidCouponExpiry?"Required Field":l,state:a.inValidCouponExpiry?"invalid":"none"}),a.selectedExpiration===i.COUPON_EXPIRATION.FIXED_EXPIRATION&&e.jsxs(e.Fragment,{children:[e.jsx(s.BodySecondary,{children:"Expiring on"}),e.jsx(o.CustomDateTime,{placement:"bottom-start",time:a.discountData.expireAt?t.format(new Date(a.discountData.expireAt),"hh:mm a"):t.format(new Date(x),"hh:mm a"),date:a.discountData.expireAt?new Date(a.discountData.expireAt):new Date(x),error:p,setError:u,onChange:e=>{a.setDiscountData({...a.discountData,expireAt:e,expireAfter:void 0})},minDate:new Date(x)})]})]})};

package/dist/cjs/components/discount-modal/DiscountModal.d.ts

@@ -0,0 +1,43 @@
+import { ApplicationType } from '@bikdotai/bik-models/growth/models/bik-store';
+import React__default from 'react';
+import { ICouponData } from './type.js';
+import { Product, Collection } from '../product-picker/type.js';
+import { VariableListInterfaceV3 } from '../variable-picker-v3/model.js';
+
+interface DiscountDialogueI {
+    hideOption?: 'static' | 'dynamic';
+    isOpen: boolean;
+    title: string;
+    subTitle?: string;
+    onClose: () => void;
+    allowStaticCoupon: boolean;
+    data?: ICouponData;
+    onSaveClicked: (discountData: ICouponData) => void;
+    onProductSearch: (key: string) => Promise<Product[]>;
+    onCollectionSearch: (key: string) => Promise<Collection[]>;
+    hideExpiration?: boolean;
+    hideProbability?: boolean;
+    probability?: number[];
+    quadrant?: number;
+    products?: Product[];
+    collection?: Collection[];
+    discountAdminUrl?: string;
+    currency?: string;
+    newPickerConf?: {
+        searchInCollection: any;
+        searchProducts: any;
+        fetchCollections: any;
+        fetchProducts: any;
+        storeId: string;
+        appType?: ApplicationType;
+    };
+    errorMsg?: string;
+    loading?: boolean;
+    isProductVariableSupported?: boolean;
+    productVariableList?: VariableListInterfaceV3[];
+    makeExpiryMandatory?: boolean;
+}
+declare const DiscountModal: React__default.FC<DiscountDialogueI>;
+
+export { DiscountModal };
+export type { DiscountDialogueI };

package/dist/cjs/components/discount-modal/DiscountModal.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("../../node_modules/@bikdotai/bik-models/growth/models/bik-store.js");var t=require("react"),i=require("./type.js");require("../dropdown/DropdownPopover/index.js");var o=require("../dropdown/Dropdown.js");require("../dropdown/ChipDropdown.js");var n=require("../TypographyStyle.js"),r=require("../../constants/Theme.js");require("../dropdown/OpenedDropdown/components/description/Description.styled.js"),require("../list-item/ListItem.js"),require("../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js"),require("../dropdown/OpenedDropdown/components/menu/MenuList.js"),require("../button/Button.js"),require("../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js"),require("../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js"),require("../icon-button/IconButton.js"),require("../input/Input.js"),require("../input/context/InputStyleProvider.js"),require("../dropdown/MenuItem/MenuItem.js");var a=require("../modals/styledModal.js"),l=require("../product-picker/ProductPickerModal.js"),c=require("../tag/Tag.js"),s=require("../tooltips/Tooltip.js"),d=require("../../assets/icons/gift_icon.svg.js"),u=require("../../assets/icons/percentage_icon.svg.js"),p=require("../../assets/icons/shipping_icon.svg.js"),C=require("../../assets/icons/triangle_error.svg.js"),T=require("../../assets/icons/warning.svg.js"),S=require("../product-picker-v2/modal.js"),P=require("../variable-picker-v3/model.js"),E=require("../variable-picker-v3/VariablePicker.js"),I=require("./DiscountModal.styled.js"),_=require("./DiscountUtils.js"),O=require("./DynamicCoupon/DynamicCoupon.js"),y=require("./StaticCoupon/StaticCoupon.js"),b=require("../../_virtual/bik-store.js");exports.DiscountModal=D=>{const N=[{id:"0",label:"Amount",value:"amount",icon:t=>e.jsx("span",{style:{fontSize:20,color:t,lineHeight:.9},children:D.currency||""})},{id:"1",label:"Percentage",value:"percentage",icon:t=>e.jsx(u.default,{width:24,height:24,color:t})},{id:"2",label:"Buy X get Y",value:i.DISCOUNT_TYPES.BUY_X_GET_Y,icon:t=>e.jsx(d.default,{width:24,height:24,color:t})},{id:"3",label:"Free Shipping",value:i.DISCOUNT_TYPES.FREE_SHIPPING,icon:t=>e.jsx(p.default,{width:24,height:24,color:t})}],[h,m]=t.useState(),[f,U]=t.useState(),[A,v]=t.useState(),[R,x]=t.useState(D.data??("string"==typeof D.hideOption?{isStaticCoupon:"dynamic"===D.hideOption}:{isStaticCoupon:!0})),[V,F]=t.useState(!0),[g,j]=t.useState(),[k,q]=t.useState(D.data?.minAmount?i.MIN_PURCHASE_REQUIREMENT.AMOUNT:D.data?.minQuantity?i.MIN_PURCHASE_REQUIREMENT.QUANTITY:i.MIN_PURCHASE_REQUIREMENT.NA),[L,M]=t.useState(i.DISCOUNT_APPLIES_TO.ENTIRE_ORDER),[Y,w]=t.useState(i.OFFER_APPLIES_TO.SPECIFIC_PRODUCTS),[G,B]=t.useState(i.OFFER_APPLIES_TO.SPECIFIC_PRODUCTS),[X,Q]=t.useState(void 0),[H,z]=t.useState(void 0),[K,$]=t.useState(void 0),[J,W]=t.useState(void 0),[Z,ee]=t.useState(void 0),[te,ie]=t.useState(void 0),[oe,ne]=t.useState(0),[re,ae]=t.useState(""),[le,ce]=t.useState(N[0]),[se,de]=t.useState(!1),[ue,pe]=t.useState(i.initialStaticCouponErrorState),[Ce,Te]=t.useState(i.initialDynamicCouponErrorState),[Se,Pe]=t.useState(i.COUPON_EXPIRATION.DYNAMIC_EXPIRATION),Ee=[{value:i.DISCOUNT_TYPES.AMOUNT_OFF_ORDER,label:"Amount off on order",selected:g===i.DISCOUNT_TYPES.AMOUNT_OFF_ORDER},{value:i.DISCOUNT_TYPES.AMOUNT_OFF_PRODUCTS,label:"Amount off on products",selected:g===i.DISCOUNT_TYPES.AMOUNT_OFF_PRODUCTS},{value:i.DISCOUNT_TYPES.BUY_X_GET_Y,label:"Buy X Get Y FREE",selected:g===i.DISCOUNT_TYPES.BUY_X_GET_Y},{value:i.DISCOUNT_TYPES.FREE_SHIPPING,label:"Free shipping",selected:g===i.DISCOUNT_TYPES.FREE_SHIPPING}];t.useEffect((()=>{D.makeExpiryMandatory&&de(!0)}),[D.makeExpiryMandatory]),t.useEffect((()=>{let e;const{tempCouponData:t,discountType:o}=Ie();j(o);const n=(e,o)=>{ce(t.valueType===i.DISCOUNT_VALUE_TYPES.FIXED_AMOUNT?N[e]:N[o])},r=(e,t)=>{Object.keys(e||{}).length&&t(e)};switch((t?.expireAfter||t?.expireAt)&&(de(!0),t?.expireAt&&Pe(i.COUPON_EXPIRATION.FIXED_EXPIRATION),t?.expireAfter&&Pe(i.COUPON_EXPIRATION.DYNAMIC_EXPIRATION)),o){case i.DISCOUNT_TYPES.AMOUNT_OFF_ORDER:n(0,1),M(i.DISCOUNT_APPLIES_TO.ENTIRE_ORDER);break;case i.DISCOUNT_TYPES.AMOUNT_OFF_PRODUCTS:n(0,1),t.entitledCollectionIds?.length?M(i.DISCOUNT_APPLIES_TO.SPECIFIC_COLLECTIONS):t.entitledProductIds?.length||t.productVariableConf?.entitledProductVariable?(M(i.DISCOUNT_APPLIES_TO.SPECIFIC_PRODUCTS),r(t.productVariableConf?.entitledProductVariable,W)):M(i.DISCOUNT_APPLIES_TO.ENTIRE_ORDER);break;case i.DISCOUNT_TYPES.BUY_X_GET_Y:ce(N[2]),t.entitledCollectionIds?.length?B(i.OFFER_APPLIES_TO.SPECIFIC_COLLECTIONS):(B(i.OFFER_APPLIES_TO.SPECIFIC_PRODUCTS),r(t.productVariableConf?.entitledProductVariable,W)),t.prerequisiteCollectionIds?.length?w(i.OFFER_APPLIES_TO.SPECIFIC_COLLECTIONS):(w(i.OFFER_APPLIES_TO.SPECIFIC_PRODUCTS),r(t.productVariableConf?.prerequisiteProductVariable,ee));break;case i.DISCOUNT_TYPES.FREE_SHIPPING:ce(N[3])}x({...t}),D.hideProbability||(e=ye()),F(_.validateDiscountData(t,k,o,D.hideProbability||!1,e,!!t.isStaticCoupon)),D.hideProbability||ye()}),[]),t.useEffect((()=>{let e;D.hideProbability||(e=ye()),F(_.validateDiscountData(R,k,g,D.hideProbability||!1,e,!!R.isStaticCoupon))}),[R,oe,g,k]),t.useEffect((()=>{if(!D.newPickerConf&&(D.products?.length||D.collection?.length)){if(D.products&&D.products?.length){if(D.data?.entitledProductIds){const e=D.products.filter((e=>D.data?.entitledProductIds?.includes(parseInt(e.id))));z(e)}if(D.data?.prerequisiteProductIds){const e=D.products.filter((e=>D.data?.prerequisiteProductIds?.includes(parseInt(e.id))));Q(e)}}if(D.collection&&D.collection.length){if(D.data?.entitledCollectionIds){const e=D.collection.filter((e=>D.data?.entitledCollectionIds?.includes(parseInt(e.id))));ie(e)}if(D.data?.prerequisiteCollectionIds){const e=D.collection.filter((e=>D.data?.prerequisiteCollectionIds?.includes(parseInt(e.id))));$(e)}}}}),[D.products,D.collection]),t.useEffect((()=>{D.data?.productsConf?.entitledProducts&&z(D.data.productsConf.entitledProducts),D.data?.productsConf?.prerequisiteProducts&&Q(D.data.productsConf.prerequisiteProducts),D.data?.collectionsConf?.entitledCollections&&ie(D.data.collectionsConf.entitledCollections),D.data?.collectionsConf?.prerequisiteCollections&&$(D.data.collectionsConf.prerequisiteCollections)}),[D.data?.productsConf,D.data?.collectionsConf]),t.useEffect((()=>{if(!H)return;if(D.newPickerConf){const e=[];return Object.values(H).forEach((t=>{t.products&&Object.keys(t.products).forEach((t=>{e.push(parseInt(t))}))})),void x({...R,entitledProductIds:e})}const e=H.map((e=>parseInt(e.id)));x({...R,entitledProductIds:e})}),[H]),t.useEffect((()=>{if(!X)return;if(D.newPickerConf){const e=[];return Object.values(X).forEach((t=>{t.products&&Object.keys(t.products).forEach((t=>{e.push(parseInt(t))}))})),void x({...R,prerequisiteProductIds:e})}const e=X.map((e=>parseInt(e.id)));x({...R,prerequisiteProductIds:e})}),[X]),t.useEffect((()=>{if(!te)return;if(D.newPickerConf){te?.isCustom&&delete te.isCustom;const e=Object.keys(te).map((e=>parseInt(e)));return void x({...R,entitledCollectionIds:e})}const e=te.map((e=>parseInt(e.id)));x({...R,entitledCollectionIds:e})}),[te]),t.useEffect((()=>{if(!K)return;if(D.newPickerConf){K?.isCustom&&delete K.isCustom;const e=Object.keys(K).map((e=>parseInt(e)));return void x({...R,prerequisiteCollectionIds:e})}const e=K.map((e=>parseInt(e.id)));x({...R,prerequisiteCollectionIds:e})}),[K]);const Ie=()=>{let e,t=R;return R.isStaticCoupon||(R.targetType===i.DISCOUNT_TARGET_TYPES.SHIPPING_LINE?e=i.DISCOUNT_TYPES.FREE_SHIPPING:R.targetType===i.DISCOUNT_TARGET_TYPES.LINE_ITEM?e=R.targetSelection===i.DISCOUNT_TARGET_SELECTION.ENTITLED?R.prerequisiteProductIds?.length||R.prerequisiteCollectionIds?.length||R.prerequisiteQuantity||R.entitledQuantity?i.DISCOUNT_TYPES.BUY_X_GET_Y:i.DISCOUNT_TYPES.AMOUNT_OFF_PRODUCTS:i.DISCOUNT_TYPES.AMOUNT_OFF_ORDER:(t={...t,targetType:i.DISCOUNT_TARGET_TYPES.LINE_ITEM,targetSelection:i.DISCOUNT_TARGET_SELECTION.ALL,valueType:i.DISCOUNT_VALUE_TYPES.FIXED_AMOUNT},e=i.DISCOUNT_TYPES.AMOUNT_OFF_ORDER)),{discountType:e,tempCouponData:t}},_e=()=>{pe(i.initialStaticCouponErrorState),Te(i.initialDynamicCouponErrorState)},Oe=e=>{const t={invalidDiscountCode:"Please add Discount Code",invalidCouponTitle:"Please add Discount Coupon Title",invalidCouponDescription:"Please add Coupon Description",inValidProbability:e.inValidProbability&&(R.probability??-1)>1?"Probability should not exceed 1":R.isStaticCoupon?"Please add Probability":"Probability should be greater than 0",inValidDiscountAmount:"Please add Discount Amount",inValidMinimumAmount:"Specify minimum amount required",inValidMinimumQuantity:"Specify minimum items required",inValidCouponExpiry:"Please add Coupon Expiry",inValidProductSelection:"Please specify the products",inValidProductVariableSelection:"Please specify the product variables",inValidCollectionSelection:"Please specify the collections",inValidBuyXValue:"Please specify buy product quantity",inValidGetYValue:"Please specify get product quantity",inValidBuyXProductSelection:"Please specify the products",inValidBuyXCollectionSelection:"Please specify the collections",inValidGetYProductSelection:"Please specify the products",inValidGetYCollectionSelection:"Please specify the collections",inValidBuyXProductVariableSelection:"Please specify the product variables",inValidGetYProductVariableSelection:"Please specify the product variables"};let i="";Object.keys(e).forEach((o=>{e[o]&&(i=t[o])}));const o=Object.values(e).filter(Boolean).length;return o>0&&(ae(o>1?"Please add discount details":i),!0)},ye=()=>{if(!D.quadrant||!D.probability)return;const e=[...D.probability];let t=[];e.length>=D.quadrant&&e.splice(D.quadrant-1,1),t=e;const i=t.reduce(((e,t)=>e+t),0)+(R.probability||0);return ne(parseFloat(i.toFixed(4))),parseFloat(i.toFixed(4))},be=e=>{const t=e.value;j(t),Q([]),z([]),$([]),ie([]),t===i.DISCOUNT_TYPES.FREE_SHIPPING?x({value:100,targetSelection:i.DISCOUNT_TARGET_SELECTION.ALL,targetType:i.DISCOUNT_TARGET_TYPES.SHIPPING_LINE,valueType:i.DISCOUNT_VALUE_TYPES.PERCENTAGE,quadrant:R.quadrant,isStaticCoupon:!1,title:R.title,expireAt:R.expireAt??void 0,expireAfter:R.expireAfter??void 0,probability:R.probability,minQuantity:R.minQuantity??void 0,minAmount:R.minAmount??void 0}):t===i.DISCOUNT_TYPES.BUY_X_GET_Y?x({value:100,targetSelection:i.DISCOUNT_TARGET_SELECTION.ENTITLED,targetType:i.DISCOUNT_TARGET_TYPES.LINE_ITEM,valueType:i.DISCOUNT_VALUE_TYPES.PERCENTAGE,quadrant:R.quadrant,isStaticCoupon:!1,title:R.title,expireAt:R.expireAt??void 0,expireAfter:R.expireAfter??void 0,probability:R.probability,minQuantity:void 0,minAmount:void 0}):t===i.DISCOUNT_TYPES.AMOUNT_OFF_ORDER?x({targetSelection:i.DISCOUNT_TARGET_SELECTION.ALL,targetType:i.DISCOUNT_TARGET_TYPES.LINE_ITEM,valueType:R.valueType??i.DISCOUNT_VALUE_TYPES.FIXED_AMOUNT,quadrant:R.quadrant,isStaticCoupon:!1,title:R.title,expireAt:R.expireAt??void 0,expireAfter:R.expireAfter??void 0,probability:R.probability,value:R.value,minQuantity:R.minQuantity??void 0,minAmount:R.minAmount??void 0}):t===i.DISCOUNT_TYPES.AMOUNT_OFF_PRODUCTS&&x({targetSelection:i.DISCOUNT_TARGET_SELECTION.ENTITLED,targetType:i.DISCOUNT_TARGET_TYPES.LINE_ITEM,valueType:R.valueType??i.DISCOUNT_VALUE_TYPES.FIXED_AMOUNT,quadrant:R.quadrant,isStaticCoupon:!1,title:R.title,expireAt:R.expireAt??void 0,expireAfter:R.expireAfter??void 0,probability:R.probability,value:R.value,minQuantity:R.minQuantity??void 0,minAmount:R.minAmount??void 0})},De=t=>t&&e.jsx(c.Tag,{theme:"light",tagText:t,type:"negative",LeadingIcon:T.default});return e.jsxs(a.StyledModal,{width:(A||h)&&D.newPickerConf?"25px":"640px",open:D.isOpen,hideCrossButton:!!f,headingTitle:h?"Select Products":D.title,headingSubtitle:h?void 0:D.subTitle,footerLeftCustomElement:re?De(re):D.errorMsg?De(D.errorMsg):!D.quadrant||D.hideProbability?e.jsx(e.Fragment,{}):oe<=1?e.jsx(c.Tag,{theme:"light",tagText:`Current probability sum: ${oe}`,type:"white"}):e.jsx(s.Tooltip,{body:"Probability sum should not exceed 1",placement:"top",children:e.jsx("div",{children:e.jsx(c.Tag,{style:{cursor:"pointer"},theme:"light",tagText:`Current probability sum: ${oe}`,type:"negative",LeadingIcon:C.default})})}),headerRightCustomElement:D.allowStaticCoupon||h?void 0:e.jsx(o.Dropdown,{options:Ee,width:"200px",placement:"bottom-start",size:"small",onSelect:e=>{be(e)}}),onClose:D.onClose,footerContainerStyle:{borderTop:`1px solid ${r.DEFAULT_THEME.colorsV2.stroke.primary}`},primaryButton:h?{buttonType:"primary",onClick:()=>{m(void 0)},buttonText:"Add"}:A?{buttonType:"primary",onClick:()=>{v(void 0)},buttonText:"Add"}:{buttonType:"primary",buttonText:"Create discount code",isLoading:D.loading??!1,onClick:()=>{if(_e(),R.isStaticCoupon){const{isStaticCoupon:e,couponCode:t,title:i,description:o,quadrant:n,probability:r}=R,a={invalidDiscountCode:!t,invalidCouponTitle:!i,invalidCouponDescription:!o,inValidProbability:!D.hideProbability&&(r??-1)<0||(r??0)>1||Number.isNaN(r??0)};if(Oe(a))return void pe(a);if(V||oe>1)return void ae(!D.hideProbability&&oe>1?"Probability sum should not exceed 1":"Invalid coupon details");D.onSaveClicked({quadrant:n,couponCode:t,description:o,isStaticCoupon:e,probability:r,title:R.title})}else{const e={invalidCouponTitle:!R.title,inValidProbability:!D.hideProbability&&(R.probability??-1)<=0||(R.probability??-1)>1||Number.isNaN(R.probability??-1),inValidDiscountAmount:!R.value,inValidMinimumQuantity:!1,inValidMinimumAmount:!1,inValidCouponExpiry:!1,inValidProductSelection:!1,inValidProductVariableSelection:!1,inValidCollectionSelection:!1,inValidBuyXValue:!1,inValidGetYValue:!1,inValidBuyXProductSelection:!1,inValidGetYProductSelection:!1,inValidBuyXCollectionSelection:!1,inValidGetYCollectionSelection:!1,inValidBuyXProductVariableSelection:!1,inValidGetYProductVariableSelection:!1};if(g!==i.DISCOUNT_TYPES.BUY_X_GET_Y&&k!==i.MIN_PURCHASE_REQUIREMENT.NA){const{minAmount:t,minQuantity:o}=R;e.inValidMinimumAmount=k===i.MIN_PURCHASE_REQUIREMENT.AMOUNT&&!t,e.inValidMinimumQuantity=k===i.MIN_PURCHASE_REQUIREMENT.QUANTITY&&!o}if(se&&(e.inValidCouponExpiry=!R.expireAt&&!R.expireAfter),g!==i.DISCOUNT_TYPES.AMOUNT_OFF_ORDER&&g!==i.DISCOUNT_TYPES.AMOUNT_OFF_PRODUCTS||(L!==i.DISCOUNT_APPLIES_TO.SPECIFIC_PRODUCTS||!H||Object.keys(H).length||J||(e.inValidProductSelection=!0,e.inValidProductVariableSelection=!0),L===i.DISCOUNT_APPLIES_TO.SPECIFIC_COLLECTIONS&&te&&!Object.keys(te).length&&(e.inValidCollectionSelection=!0)),g===i.DISCOUNT_TYPES.BUY_X_GET_Y&&(R.prerequisiteQuantity||(e.inValidBuyXValue=!0),R.entitledQuantity||(e.inValidGetYValue=!0),Y!==i.OFFER_APPLIES_TO.SPECIFIC_PRODUCTS||!X||Object.keys(X).length||Z||(e.inValidBuyXProductSelection=!0,e.inValidBuyXProductVariableSelection=!0),Y===i.OFFER_APPLIES_TO.SPECIFIC_COLLECTIONS&&K&&!Object.keys(K).length&&(e.inValidBuyXCollectionSelection=!0),G!==i.OFFER_APPLIES_TO.SPECIFIC_PRODUCTS||!H||Object.keys(H).length||J||(e.inValidGetYProductSelection=!0,e.inValidGetYProductVariableSelection=!0),G===i.OFFER_APPLIES_TO.SPECIFIC_COLLECTIONS&&te&&!Object.keys(te).length&&(e.inValidGetYCollectionSelection=!0)),Oe(e))return void Te(e);if(V||oe>1)return void ae(!D.hideProbability&&oe>1?"Probability sum should not exceed 1":"Invalid coupon details");D.onSaveClicked({...R,description:_.descriptionBuilder(R,D.currency,D.products??[],D.collection??[]),productsConf:{entitledProducts:H??[],prerequisiteProducts:X??[]},collectionsConf:{entitledCollections:te??[],prerequisiteCollections:K??[]},productVariableConf:{entitledProductVariable:J??{},prerequisiteProductVariable:Z??{}}})}}},secondaryButton:h?{buttonType:"tertiaryGray",onClick:()=>{m(void 0)},buttonText:"Back"}:A?{buttonType:"tertiaryGray",onClick:()=>{v(void 0)},buttonText:"Back"}:{buttonType:"tertiaryGray",onClick:D.onClose,buttonText:"Cancel"},children:[!h&&!A&&e.jsxs(I.StyledDiscountDialogueContainer,{children:[D.allowStaticCoupon&&!h&&e.jsxs(I.CouponTypeContainerStyled,{selectedDiv:R.isStaticCoupon?1:2,children:["static"===D.hideOption?e.jsx(e.Fragment,{}):e.jsxs("div",{className:"coupon-type__container",onClick:()=>{R.isStaticCoupon||(x({isStaticCoupon:!0,quadrant:R.quadrant}),ae(""),_e())},children:[e.jsx(n.TitleSmall,{style:{marginBottom:"4px",color:R.isStaticCoupon?r.DEFAULT_THEME.colorsV2.content.brand:void 0},children:"Static Code"}),e.jsx(n.BodyCaption,{style:R.isStaticCoupon?{color:r.DEFAULT_THEME.colorsV2.content.brand}:{},children:"A uniform code provided manually, used for providing the same discount to all customers."})]}),"dynamic"===D.hideOption?e.jsx(e.Fragment,{}):e.jsxs("div",{className:"coupon-type__container",onClick:()=>{R.isStaticCoupon&&(j(i.DISCOUNT_TYPES.AMOUNT_OFF_ORDER),x({isStaticCoupon:!1,quadrant:R.quadrant,targetType:i.DISCOUNT_TARGET_TYPES.LINE_ITEM,targetSelection:i.DISCOUNT_TARGET_SELECTION.ALL,valueType:i.DISCOUNT_VALUE_TYPES.FIXED_AMOUNT}),ae(""),_e(),ce({id:"0",label:"Amount",value:"amount",icon:t=>e.jsx("span",{style:{fontSize:20,color:t},children:D.currency||""})}),de(D.makeExpiryMandatory??!1),q(i.MIN_PURCHASE_REQUIREMENT.NA))},children:[e.jsx(n.TitleSmall,{style:{marginBottom:"4px",color:R.isStaticCoupon?void 0:r.DEFAULT_THEME.colorsV2.content.brand},children:"Dynamic Code"}),e.jsx(n.BodyCaption,{style:R.isStaticCoupon?{}:{color:r.DEFAULT_THEME.colorsV2.content.brand},children:"Code will be unique for all customers, with the first 5 letters of the customer's name, followed by 10 random characters."})]})]}),e.jsx(n.TitleRegular,{style:{marginTop:"24px"},children:"Coupon Details"}),R.isStaticCoupon&&!h&&e.jsx(y.default,{discountData:R,setDiscountData:x,hideProbability:D.hideProbability||!1,discountAdminUrl:D.discountAdminUrl,staticDiscountValidationError:ue,currency:D.currency}),!R.isStaticCoupon&&!h&&!A&&e.jsx(O.default,{currency:D.currency,entitledProducts:H??[],prerequisiteProducts:X??[],setEntitledProducts:z,setPrerequisiteProducts:Q,discountData:R,productPickerOpen:h,productVariablePickerOpen:f,setIsProductPickerOpen:m,setIsProductVariablePickerOpen:U,setDiscountData:x,selectedCouponType:g,setSelectedCouponType:j,selectedMinimumRequirement:k,setSelectedMinimumRequirement:q,discountCouponAppliesTo:L,offerAppliesToBuy:Y,offerAppliesToGet:G,setDiscountCouponAppliesTo:M,setOfferAppliesToBuy:w,setOfferAppliesToGet:B,hideProbability:D.hideProbability||!1,hideExpiration:D.hideExpiration||!1,allowStaticCoupon:D.allowStaticCoupon,onChangeCouponType:be,collectionPickerOpen:A,entitledCollections:te??[],prerequisiteCollections:K??[],setIsCollectionPickerOpen:v,setEntitledCollections:ie,setPrerequisiteCollections:$,useNewPicker:!!D.newPickerConf,setSelectedDiscountDetails:ce,selectedDiscountDetails:le,isProductVariableSupported:D.isProductVariableSupported,entitledProductVariable:J,setEntitledProductVariable:W,preRequisiteProductVariable:Z,setPreRequisiteProductVariable:ee,productVariableList:D.productVariableList,isAddExpirationChecked:se,setIsAddExpirationChecked:de,dynamicDiscountValidationError:Ce,setDynamicDiscountValidationError:Te,setValidationErrorMessage:ae,resetValidationErrors:_e,discountDetailsOptions:N,selectedExpiration:Se,setSelectedExpiration:Pe,makeExpiryMandatory:!!D.makeExpiryMandatory})]}),!!h&&e.jsxs(e.Fragment,{children:[!D.newPickerConf&&e.jsx("div",{style:{padding:"12px 0"},children:e.jsx(l.ProductPickerContent,{show:!0,onSave:()=>{},products:D.products??[],title:"Select Products",onClose:()=>{m(void 0)},selectedProducts:(h===O.DISCOUNT_PRODUCTS.ENTITLED?H:X)??[],setSelectedProducts:h===O.DISCOUNT_PRODUCTS.ENTITLED?z:Q,onSearchKeyChange:D.onProductSearch})}),D.newPickerConf&&e.jsx(S.ProductPickerModal,{visible:!0,onClose:()=>m(void 0),collectionFetcher:(e,t,i)=>D.newPickerConf?.fetchCollections?D.newPickerConf.fetchCollections(e,t,!1,i):null,productFetcher:(e,t,i,o,n)=>D.newPickerConf?.fetchProducts?D.newPickerConf.fetchProducts(e,t,o,n,!1,i):null,selectedItems:h===O.DISCOUNT_PRODUCTS.ENTITLED?H:X,onAdd:e=>{h===O.DISCOUNT_PRODUCTS.ENTITLED?z(e):Q(e),m(void 0)},zIndex:200,storeId:D.newPickerConf.storeId,appType:D.newPickerConf.appType||b.__exports.ApplicationType.BIK,searchInCollectionFetcher:(e,t,i,o)=>D.newPickerConf?.searchInCollection?D.newPickerConf.searchInCollection(e,t,i,!1,o):null,customCollectionRestriction:!1,searchFetcher:(e,t,i)=>D.newPickerConf?.searchProducts?D.newPickerConf.searchProducts(e,t,!1,i):null,hideCollectionCheckbox:!0,hideVariantCheckbox:!0,selectProductsFromCustomCollection:!0,hideSelectionCount:!0})]}),!!A&&e.jsx("div",{style:{padding:"12px 0"},children:e.jsxs(e.Fragment,{children:[D.newPickerConf&&e.jsx(S.ProductPickerModal,{visible:!0,onClose:()=>v(void 0),collectionFetcher:D.newPickerConf.fetchCollections,productFetcher:D.newPickerConf.fetchProducts,selectedItems:A===O.DISCOUNT_PRODUCTS.ENTITLED?te:K,onAdd:e=>{Object.values(e).forEach((e=>{e.products&&delete e.products})),A===O.DISCOUNT_PRODUCTS.ENTITLED?ie(e):$(e),v(void 0)},customCollectionRestriction:!1,zIndex:200,storeId:D.newPickerConf.storeId,appType:D.newPickerConf.appType||b.__exports.ApplicationType.BIK,searchInCollectionFetcher:D.newPickerConf.searchInCollection,searchFetcher:D.newPickerConf.searchProducts,hideProductCheckbox:!0,hideVariantCheckbox:!0,title:"Select Collections",hideGlobalSearch:!0,hideSelectionCount:!0}),!D.newPickerConf&&e.jsx(l.ProductPickerContent,{show:!0,onSave:()=>{},products:D.collection??[],title:"Select Products",onClose:()=>{v(void 0)},selectedProducts:(A===O.DISCOUNT_PRODUCTS.ENTITLED?te:K)??[],setSelectedProducts:A===O.DISCOUNT_PRODUCTS.ENTITLED?ie:$,onSearchKeyChange:D.onCollectionSearch,searchPlaceholder:"Search collections..."})]})}),f&&e.jsx(I.VariablePickerContainer,{children:e.jsx("div",{style:{width:"50%",height:"100%",marginLeft:"50%"},children:e.jsx(E.VariablePicker,{type:P.PickerType.EMBEDDED,data:D.productVariableList??[],showHeader:!0,onSelect:e=>{if(f===O.DISCOUNT_PRODUCTS.ENTITLED){const{displayName:t,actualValue:i,isAvailable:o}=e;W({displayName:t,actualValue:i,isAvailable:o}),U(void 0)}if(f===O.DISCOUNT_PRODUCTS.PREREQUISITE){const{displayName:t,actualValue:i,isAvailable:o}=e;ee({displayName:t,actualValue:i,isAvailable:o}),U(void 0)}},onClose:()=>{U(void 0)}})})})]})};

package/dist/cjs/components/discount-modal/DiscountModal.styled.js

@@ -0,0 +1,69 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("@emotion/styled"),e=require("../../constants/Theme.js");function r(o){return o&&"object"==typeof o&&"default"in o?o:{default:o}}var t=r(o);const p=t.default.div`
+	display: flex;
+	gap: 16px;
+	margin-bottom: 18px;
+
+	.coupon-type__container {
+		flex: 1px;
+		padding: 16px;
+		border-radius: 4px;
+		background-color: ${e.DEFAULT_THEME.colorsV2.surface.subdued};
+		border: 1px solid ${e.DEFAULT_THEME.colorsV2.stroke.primary};
+		color: ${e.DEFAULT_THEME.colorsV2.content.secondary};
+		cursor: pointer;
+
+		&:nth-child(${o=>o.selectedDiv}) {
+			background-color: ${e.DEFAULT_THEME.colorsV2.background.brandLight};
+			border: 1px solid ${e.DEFAULT_THEME.colorsV2.content.brand};
+		}
+	}
+`,i=t.default.div`
+	margin: 16px 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;
+	}
+`,a=t.default.div`
+	display: flex;
+	flex-direction: column;
+	gap: 12px;
+	margin-top: 16px;
+
+	.input__rows {
+		display: flex;
+		gap: 12px;
+	}
+
+	.input__wrapper {
+		flex: 1;
+	}
+`,n=t.default.div`
+	height: 423px;
+	padding: 12px 24px;
+	overflow-y: scroll;
+`,d=t.default.div`
+	width: 100%;
+	height: 100%;
+	position: absolute;
+	top: 0;
+	background-color: rgba(0, 0, 0, 0.7);
+	z-index: 2;
+	border: 1px solid ${e.DEFAULT_THEME.colorsV2.content.placeholder};
+	border-radius: 4px;
+`;exports.CouponTypeContainerStyled=p,exports.DynamicCouponContainer=a,exports.StaticCouponContainerStyled=i,exports.StyledDiscountDialogueContainer=n,exports.VariablePickerContainer=d;

package/dist/cjs/components/discount-modal/DiscountUtils.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./type.js"),t=require("../../utils/DateUtils.js");function i(e,t){const i=[];return t.forEach((t=>{e.find((e=>e.toString()===t.id))&&i.push(t.name)})),i}exports.descriptionBuilder=(r,n,u,T)=>r?.isStaticCoupon&&r?.description?r.description:r.targetType===e.DISCOUNT_TARGET_TYPES.LINE_ITEM&&r.targetSelection===e.DISCOUNT_TARGET_SELECTION.ALL?`${r.valueType===e.DISCOUNT_VALUE_TYPES.FIXED_AMOUNT?n:""}${(r.value??0).toString()}${r.valueType===e.DISCOUNT_VALUE_TYPES.PERCENTAGE?"% off":" off"}  on all products\n      ${r.minAmount?`| Minimum purchase of ${n}${r.minAmount}`:""} ${r.minQuantity?`| Buy ${r.minQuantity} products`:""} | One use per customer${r.expireAfter?` | Expires in ${r.expireAfter} day(s)`:r.expireAt?` | Expires at ${t.default.getStringFromDate(r.expireAt,"dd MMM yyyy")}`:""}`.replace(/\s\s+/g," ").trim():r.targetType===e.DISCOUNT_TARGET_TYPES.SHIPPING_LINE?`\n    Free shipping on your order ${r.minAmount?`| Minimum purchase of ${n}${r.minAmount}`:""} ${r.minQuantity?`| Buy ${r.minQuantity} products`:""}  | One use per customer${r.expireAfter?` | Expires in ${r.expireAfter} day(s)`:r.expireAt?` | Expires at ${t.default.getStringFromDate(r.expireAt,"dd MMM yyyy")}`:""}`.replace(/\s\s+/g," ").trim():r.targetSelection===e.DISCOUNT_TARGET_SELECTION.ENTITLED?r.prerequisiteProductIds?.length||r.prerequisiteCollectionIds?.length||r.entitledQuantity||r.prerequisiteQuantity?`${function(e,t,r){let n=`Buy ${e.prerequisiteQuantity} item`;if(e.prerequisiteProductIds?.length||e.prerequisiteCollectionIds?.length){const u=i(e.prerequisiteProductIds??[],t),T=i(e.prerequisiteCollectionIds??[],r);n+=" from a selection of ",u.length>0&&(n+=`${u.join(", ")} or `),T.length>0&&(n+=`products in ${T.join(", ")} collection or `),n=n.slice(0,-4)}if(n+=` and get ${e.entitledQuantity} item`,e.entitledProductIds?.length||e.entitledCollectionIds?.length){const u=i(e.entitledProductIds??[],t),T=i(e.entitledCollectionIds??[],r);n+=" from ",u.length>0&&(n+=`${u.join(", ")} or `),T.length>0&&(n+=`products in ${T.join(", ")} collection or `),n=n.slice(0,-4)}return n}(r,u,T)} ${100===r.value?"for free":`at ${r.value}% off`}  | One use per customer${r.expireAfter?` | Expires in ${r.expireAfter} day(s)`:r.expireAt?` | Expires at ${t.default.getStringFromDate(r.expireAt,"dd MMM yyyy")}`:""}`.replace(/\s\s+/g," ").trim():`${function(t,r,n,u){let T=`Get ${t.valueType===e.DISCOUNT_VALUE_TYPES.FIXED_AMOUNT?u:""}${(t.value??0).toString()}${t.valueType===e.DISCOUNT_VALUE_TYPES.PERCENTAGE?"% off":" off"} on `;const o=i(t.entitledProductIds??[],r),E=i(t.entitledCollectionIds??[],n);o.length>0&&(T+=`${o.join(", ")} or `);E.length>0&&(T+=`products in ${E.join(", ")} collection or `);return T.slice(0,-4)}(r,u,T,n)} | One use per customer${r.expireAfter?` | Expires in ${r.expireAfter} day(s)`:r.expireAt?` | Expires at ${t.default.getStringFromDate(r.expireAt,"dd MMM yyyy")}`:""}`.replace(/\s\s+/g," ").trim():void 0,exports.validateDiscountData=(t,i,r,n,u,T)=>{if(!t.title||t.title?.length>30)return!0;if(!n){if(isNaN(t.probability))return!0;if((t.probability||0)>1)return!0;if((t.probability||0)<0)return!0;if(u>1)return!0}if(T){if(!t?.couponCode)return!0;if(!t.description)return!0}else{if(r&&r===e.DISCOUNT_TYPES.AMOUNT_OFF_ORDER){if(t?.valueType===e.DISCOUNT_VALUE_TYPES.FIXED_AMOUNT){if(!t?.value||t?.value<=0)return!0}else if(!t?.value||t?.value<=0||t?.value>100)return!0;if(i===e.MIN_PURCHASE_REQUIREMENT.AMOUNT&&(!t.minAmount||t?.minAmount<=0))return!0;if(i===e.MIN_PURCHASE_REQUIREMENT.QUANTITY&&(!t?.minQuantity||t?.minQuantity<=0))return!0;if(t.targetType!==e.DISCOUNT_TARGET_TYPES.LINE_ITEM)return!0;if(t.targetSelection!==e.DISCOUNT_TARGET_SELECTION.ALL)return!0}else if(r&&r===e.DISCOUNT_TYPES.AMOUNT_OFF_PRODUCTS){if(!t.value)return!0;if(t?.valueType===e.DISCOUNT_VALUE_TYPES.FIXED_AMOUNT){if(!t?.value||t?.value<=0)return!0}else if(!t?.value||t?.value<=0||t?.value>100)return!0;if(t.targetSelection!==e.DISCOUNT_TARGET_SELECTION.ENTITLED)return!0;if(t.targetType!==e.DISCOUNT_TARGET_TYPES.LINE_ITEM)return!0}else if(r&&r===e.DISCOUNT_TYPES.BUY_X_GET_Y){if(!t.entitledQuantity||t.entitledQuantity<0||!t.prerequisiteQuantity||t.prerequisiteQuantity<0)return!0;if(t.valueType!==e.DISCOUNT_VALUE_TYPES.PERCENTAGE)return!0;if(!t.value)return!0;if(t.value<=0||t.value>100)return!0;if(t.targetSelection!==e.DISCOUNT_TARGET_SELECTION.ENTITLED)return!0;if(t.targetType!==e.DISCOUNT_TARGET_TYPES.LINE_ITEM)return!0}else if(r&&e.DISCOUNT_TYPES.FREE_SHIPPING){if(t.valueType!==e.DISCOUNT_VALUE_TYPES.PERCENTAGE)return!0;if(t.targetType!==e.DISCOUNT_TARGET_TYPES.SHIPPING_LINE)return!0;if(100!==t.value)return!0;if(t.targetSelection!==e.DISCOUNT_TARGET_SELECTION.ALL)return!0;if(i===e.MIN_PURCHASE_REQUIREMENT.AMOUNT&&(!t.minAmount||t?.minAmount<=0))return!0;if(i===e.MIN_PURCHASE_REQUIREMENT.QUANTITY&&(!t?.minQuantity||t?.minQuantity<=0))return!0}if(null!==t.expireAfter&&void 0!==t.expireAfter&&t.expireAfter<=0)return!0;if(t.expireAt&&t.expireAt<new Date)return!0}return!1};