@capillarytech/blaze-ui 5.1.14 → 5.1.17

package/CapMultiSelectDatePicker/README.md

@@ -0,0 +1,11 @@
+# CapMultiSelectDatePicker
+
+A custom date picker component that allows users to select multiple days of the month (1-31) and optionally the last day of the month. This component renders a table-based calendar interface for day selection.
+
+## Migration from Class Component to Functional Component
+
+This component has been migrated from a class component to a functional component with TypeScript support and CSS Modules.
+
+### Breaking Changes
+
+None - The component maintains full backward compatibility with the previous API.

package/CapMultiSelectDatePicker/index.d.ts

@@ -0,0 +1,13 @@
+/**
+ *
+ * CapMultiSelectDatePicker
+ *
+ */
+import React from 'react';
+import type { CapMultiSelectDatePickerProps } from './types';
+declare const _default: React.FC<import("react-intl").WithIntlProps<CapMultiSelectDatePickerProps>> & {
+    WrappedComponent: React.ComponentType<CapMultiSelectDatePickerProps>;
+};
+export default _default;
+export type { CapMultiSelectDatePickerProps } from './types';
+//# sourceMappingURL=index.d.ts.map

package/CapMultiSelectDatePicker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../components/CapMultiSelectDatePicker/index.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,SAAS,CAAC;;;;AAiF7D,wBAAoD;AACpD,YAAY,EAAE,6BAA6B,EAAE,MAAM,SAAS,CAAC"}

package/CapMultiSelectDatePicker/index.js

@@ -9,14 +9,14 @@ var ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ = __webpack_require__(31601);
 var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(76314);
 var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, `.multi-select-date-container{padding:1.714rem;width:274px;height:208px;border-radius:.285rem;border:solid 1px #dfe2e7;background-color:#fff}.multi-select-date-container .date-content{width:100%;height:100%;font-size:.857rem;font-weight:normal;line-height:normal;text-align:center;color:#091e42}.multi-select-date-container .date-content th{width:32px;height:32px;font-weight:inherit}.multi-select-date-container .date-content th.selected,.multi-select-date-container .date-content th.custom-selected{background-color:#2466ea;color:#fff;border-radius:50%}.multi-select-date-container .date-content th.custom-selected{border-radius:15%/50%}.multi-select-date-container .date-content tr th:not(:first-child):not(:last-child){padding-left:2px}.multi-select-date-container .date-content .custom-txt{color:#2466ea;font-weight:500;font-size:1rem;padding-left:.571rem;text-align:left;width:32px}`, ""]);
+___CSS_LOADER_EXPORT___.push([module.id, `.multiSelectDateContainer{padding:1.714rem;width:19.571rem;height:14.857rem;border-radius:.285rem;border:solid 1px #dfe2e7;background-color:#fff}.dateContent{width:100%;height:100%;font-size:.857rem;font-weight:normal;line-height:normal;text-align:center;color:#091e42;border-collapse:collapse;cursor:pointer}.dateContent th{width:2.285rem;height:2.285rem;font-weight:inherit}.dateContent tr th:not(:first-child):not(:last-child){padding-left:.142rem}.selected{background-color:#2466ea;color:#fff;border-radius:50%}.customSelected{background-color:#2466ea;color:#fff !important;border-radius:15%/50%}.customTxt{color:#2466ea;font-weight:500;font-size:1rem;width:2.285rem}`, ""]);
 // Exports
 ___CSS_LOADER_EXPORT___.locals = {
-	"multi-select-date-container": `multi-select-date-container`,
-	"date-content": `date-content`,
+	"multiSelectDateContainer": `multiSelectDateContainer`,
+	"dateContent": `dateContent`,
 	"selected": `selected`,
-	"custom-selected": `custom-selected`,
-	"custom-txt": `custom-txt`
+	"customSelected": `customSelected`,
+	"customTxt": `customTxt`
 };
 module.exports = ___CSS_LOADER_EXPORT___;
 
@@ -48,6 +48,25 @@ module.exports = insertStyleElement;
 
 /***/ }),
 
+/***/ 20606:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+
+exports.__esModule = true;
+exports.scope = exports["default"] = void 0;
+var _reactIntl = __webpack_require__(46407);
+const scope = exports.scope = 'app.commonUtils.capUiLibrary.CapMultiSelectDatePicker';
+var _default = exports["default"] = (0, _reactIntl.defineMessages)({
+  lastDayText: {
+    id: scope + ".lastDayText",
+    defaultMessage: 'Last day of month'
+  }
+});
+
+/***/ }),
+
 /***/ 21020:
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
@@ -129,61 +148,6 @@ var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js
        /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5___default()) && (_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5___default().locals) ? (_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5___default().locals) : undefined);
 
 
-/***/ }),
-
-/***/ 39879:
-/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
-
-"use strict";
-
-
-exports.__esModule = true;
-exports["default"] = void 0;
-var _react = _interopRequireWildcard(__webpack_require__(9206));
-var _reactIntl = __webpack_require__(46407);
-var _en = _interopRequireDefault(__webpack_require__(49540));
-var _jsxRuntime = __webpack_require__(74848);
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const prefix = "app.commonUtils.capUiLibrary";
-const LocaleHoc = (WrapperComponent, customProps) => {
-  const Wrapper = props => {
-    const componentName = customProps.key;
-    const translatedDefaults = _en.default[componentName];
-    const {
-      intl
-    } = props;
-    const translatedProps = (0, _react.useMemo)(() => {
-      if (!translatedDefaults) return {};
-      return Object.keys(translatedDefaults).reduce((acc, key) => {
-        const id = prefix + "." + componentName + "." + key;
-        const defaultMessage = translatedDefaults[key];
-        try {
-          acc[key] = intl.formatMessage({
-            id,
-            defaultMessage
-          });
-        } catch (_err) {
-          acc[key] = defaultMessage;
-        }
-        return acc;
-      }, {});
-    }, [translatedDefaults, intl, prefix, componentName]);
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(WrapperComponent, _extends({}, translatedProps, props));
-  };
-  return (0, _reactIntl.injectIntl)(Wrapper);
-};
-var _default = exports["default"] = LocaleHoc;
-
-/***/ }),
-
-/***/ 43363:
-/***/ ((module) => {
-
-"use strict";
-module.exports = require("prop-types");
-
 /***/ }),
 
 /***/ 46407:
@@ -276,381 +240,6 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
 }());
 
 
-/***/ }),
-
-/***/ 49540:
-/***/ ((__unused_webpack_module, exports) => {
-
-"use strict";
-
-
-exports.__esModule = true;
-exports["default"] = void 0;
-var _default = exports["default"] = {
-  CapMultiSelect: {
-    noResultsFoundText: 'No results found',
-    selectText: 'Select',
-    closeText: 'Close',
-    searchPlaceholder: 'Search',
-    selectedText: 'selected',
-    selectAllText: 'Select all',
-    selectAllSearchResultsText: 'Select all searched results',
-    moreText: 'more'
-  },
-  CapModal: {
-    okText: 'Yes',
-    closeText: 'No'
-  },
-  CapMultiSelectWithTree: {
-    noResultsFoundText: 'No results found',
-    selectText: 'Select',
-    closeText: 'Close',
-    searchPlaceholder: 'Search',
-    selectedText: 'selected',
-    selectAllText: 'Select all',
-    selectAllSearchResultsText: 'Select all searched results',
-    moreText: 'more',
-    storeUploadsText: 'Store IDs are uploaded already'
-  },
-  CapCustomSelect: {
-    searchPlaceholder: 'Search',
-    selectPlaceholder: 'Select Option'
-  },
-  CapMultiSelectDatePicker: {
-    lastDayText: 'Last day of month'
-  },
-  CapTable: {
-    loadMoreData: 'Loading more data...'
-  },
-  CapIllustration: {
-    accessForbiddenMsg: 'Action cannot be performed due to insufficient permission'
-  },
-  CapNavigation: {
-    businessProcesses: 'Workbench',
-    wecrm: 'Wecrm',
-    loyaltyProgram: 'Loyalty+',
-    storePerformance: 'Store Performance',
-    memberCare: 'Member Care',
-    storeCare: 'Store Care',
-    insights: 'Insights+',
-    connectPlus: 'Connect+',
-    settingsLabel: 'Settings',
-    campaign: 'Engage+',
-    selectOrganization: 'Select Organization',
-    organization: 'Organization',
-    noResultText: 'No results found',
-    selectProduct: 'Select Product'
-  },
-  InfoNote: {
-    noteText: 'Note'
-  },
-  SomethingWentWrong: {
-    title: 'Sorry, something went wrong.',
-    description: 'Please try again. If this issue occurs again, please reach out to Capillary support team.',
-    reloadText: 'Try refreshing again'
-  },
-  CapBlock: {
-    deleteBlockMsg: 'Delete',
-    expandBlockMsg: 'Expand',
-    collapseBlockMsg: 'Collapse'
-  },
-  CapMultiplePath: {
-    notUniqueMsg: 'Not Unique',
-    deleteConfirmationTitleMsg: 'Confirm delete path',
-    deleteConfirmationTextMsg: 'Are you sure you wish to delete path',
-    deleteConfirmationWarningMsg: 'This action cannot be undone.',
-    deleteButtonTextMsg: 'Yes, Delete',
-    yesMsg: 'Yes',
-    noMsg: 'No',
-    pathMsg: 'Path',
-    addPathMessage: 'Add Path'
-  },
-  CapCondition: {
-    includeMsg: 'include',
-    excludeMsg: 'exclude',
-    equalMsg: 'equal to',
-    greaterThanMsg: 'greater than',
-    lessThanMsg: 'less than',
-    greaterThanOrEqualMsg: 'greater than or equal to',
-    lessThanorEqualMsg: 'less than or equal',
-    inRangeMsg: 'in range',
-    notEqualMsg: 'not equal to',
-    whoseMsg: 'Whose',
-    isMsg: 'is',
-    andMsg: 'and',
-    ANDMsg: 'AND',
-    containsMsg: 'contains',
-    startsWithMsg: 'starts with',
-    endsWithMsg: 'ends with',
-    exactMsg: 'exact',
-    conditionStringInputPlaceholderMsg: 'Enter min. 3 characters',
-    lineItemMsg: 'only for lineitems with',
-    withMsg: 'with',
-    additionalFieldsMsg: 'Additional condition',
-    plusMinus: '+/-',
-    inMsg: 'in',
-    notInMsg: 'not in',
-    uploadFailedError: 'Upload failed',
-    uploadLimitExceeded: 'Please do not upload more than 1000 store codes',
-    uploadReqLoader: 'Uploading stores',
-    or: 'OR',
-    search: 'Search',
-    searchWithExact: 'Search with exact keyword',
-    customFieldsTag: 'custom fields',
-    storeSearchMsg: 'Enter min. 3 characters to search',
-    uploadInProgressMsg: 'Upload in progress',
-    unsupportedCsvHeaderMsg: "The CSV header must be 'Store code' or 'Store id'",
-    csvFileNoEntryTxt: 'Please upload a file with atleast one entry',
-    downloadedMsg: 'downloaded',
-    reuploadFileMsg: 'Reupload file',
-    storeIdsMsg: 'Store IDs',
-    downloadStoreIdMsg: 'Download Store ID',
-    downloadStoreIdCodeNameMsg: 'Download Store ID, code & name',
-    downloadInProgressMsg: 'Download in progress, might take a while',
-    onMsg: 'on',
-    beforeMsg: 'before',
-    afterMsg: 'after',
-    xDaysBeforeMsg: 'x days before',
-    xDaysAfterMsg: 'x days after',
-    betweenMsg: 'between',
-    specificDateLabel: 'specific date',
-    eventDateAttributeLabel: 'Event date attribute',
-    entryTriggerLabel: 'Entry trigger',
-    waitTillEventLabel: 'Wait till event',
-    andLabel: 'and',
-    beforeLabel: 'before',
-    afterLabel: 'after',
-    daysSuffix: 'days',
-    loadingTip: 'Loading...',
-    specificDateToolTip: "Specific date cannot be selected for 'x days before/after'"
-  },
-  CapConditionPreview: {
-    includeMsg: 'Include',
-    excludeMsg: 'Exclude',
-    equalMsg: 'equal to',
-    greaterThanMsg: 'greater than',
-    lessThanMsg: 'less than',
-    greaterThanOrEqualMsg: 'greater than or equal to',
-    lessThanorEqualMsg: 'less than or equal',
-    inRangeMsg: 'in range',
-    notEqualMsg: 'not equal to',
-    whoseMsg: 'whose',
-    isMsg: 'is',
-    andMsg: 'and',
-    ANDMsg: 'AND',
-    lineItemMsg: 'only for lineitems with',
-    withMsg: 'with',
-    addedSKUsMsg: 'Added SKUs',
-    skuFileName: 'SKU.csv',
-    uploadedMsg: 'uploaded',
-    inMsg: 'in',
-    notInMsg: 'not in',
-    storesMsg: 'Stores',
-    viewMoreMsg: 'View more',
-    uploadInProgressMsg: 'Upload in progress',
-    uploadFailedErrorMsg: 'Upload failed',
-    uploadInvalidErrorMsg: 'Invalid file uploaded'
-  },
-  CapPopoverTree: {
-    emptyDataMessage: 'No data found',
-    searchPlaceholder: 'Search'
-  },
-  CapGraphBlockNode: {
-    configureText: 'Configure',
-    replaceEngagementBlockMsg: 'Replace engagement block'
-  },
-  CapStaticTemplates: {
-    strategyTitleMsg: 'Select the strategy',
-    strategyDescriptionMsg: 'Use strategy driven pre-defined marketing use-cases or build your own strategy',
-    comingSoonMsg: 'Coming soon',
-    blankCategoryLabel: 'Custom',
-    blankTemplateLabel: 'Build from scratch',
-    blankTemplateDescription: 'Create your own journey from scratch',
-    searchPlaceholderMsg: 'Search strategy'
-  },
-  CapProductSelection: {
-    lineItem: 'Line items',
-    selectAttribute: 'Select Attribute',
-    brand: 'Brand',
-    brandInfo: 'Brand',
-    category: 'Category',
-    categoryInfo: 'Category',
-    product: 'Product',
-    productInfo: 'Product',
-    SKU: 'SKU',
-    uploadSKU: 'Upload SKU',
-    uploadSKUInfo: 'Upload SKU',
-    changeSelection: 'Change the selection',
-    description: 'Changing the attribute of additional condition will result in lose of previously defined additional condition',
-    okText: 'Yes, change',
-    cancelText: 'Cancel',
-    comingSoon: 'Coming soon',
-    selectValues: 'Select value(s)',
-    atleast1Attribute: 'At least 1 attribute is required'
-  },
-  CapTruncateList: {
-    more: 'more'
-  },
-  CapSKUUploader: {
-    validatingSKUs: 'Validating SKUs',
-    invalid: 'invalid',
-    invalidSKUs: 'Invalid SKUs',
-    valid: 'valid',
-    addedSKUsMsg: 'Added SKUs',
-    skuFileName: 'SKU.csv',
-    invalidSKUFilename: 'invalidSKU.csv',
-    uploadedMsg: 'uploaded'
-  },
-  CapDndGraph: {
-    deleteBlockModalHeaderText: 'Delete block',
-    deleteBlockModalDescriptionText: 'Are you sure you want to delete this block?',
-    yesDeleteButtonText: 'Yes, delete',
-    noButtonText: 'No',
-    joinDropErrorText: 'Join block can only be added at the end of the path',
-    jumpDropErrorText: 'Jump block can only be added at the end of the path',
-    theText: 'The',
-    endText: 'End',
-    blockIsLinkedText: 'block is linked to the',
-    blockText: 'block.',
-    disconnectText: 'Deleting this block will disconnect the join.',
-    areYouSureText: 'Are you sure?'
-  },
-  CapDragAndDrop: {
-    dropboxtext: 'Drop here!',
-    selectFilesText: 'Select files from your computer',
-    invalidFileSelectionText: 'Invalid file selection!',
-    or: 'OR',
-    droptext: 'Drag and drop files'
-  },
-  CapRoadMap: {
-    defaultRoadMapDisabledMessage: 'Not configured yet'
-  },
-  CapTimelineCard: {
-    defaultConfiguringMessage: 'Configuring...',
-    defaultNotConfiguredMessage: 'Not configured yet...',
-    toConfigure: 'To configure ',
-    completePrevSteps: ' complete the previous steps.'
-  },
-  CapTimelineNestedCard: {
-    defaultConfiguringMessage: 'Configuring...',
-    defaultNotConfiguredMessage: 'Not configured yet...',
-    toConfigure: 'To configure ',
-    completePrevSteps: ' complete the previous steps.'
-  },
-  NestedCardParent: {
-    defaultNestedTitle: 'Triggers',
-    toConfigure: 'To configure ',
-    completePrevSteps: ' complete the previous steps.'
-  },
-  'CapAskAira.DocumentationBot': {
-    textAskYourQuestion: 'Ask your question here',
-    textVisitDocs: 'Visit Capillary Documentation',
-    textNeedHelp: 'Need more help?',
-    textHowMayIHelp: 'How may AI help you?',
-    textAira: 'aiRA Documentation Bot',
-    textLinks: 'Links',
-    textWasHelpful: 'Was this response helpful?',
-    textConfidence: 'confidence',
-    textTooltip: 'Need help? Ask aiRA',
-    textCantConnect: "Can't connect to the server."
-  },
-  'CapAskAira.RuleGenerationBot': {
-    textTypeAMessage: 'Type a message above and ask aiRA to recommend the best content',
-    textError: 'An error occurred while generating rule. Try again.',
-    textAiraTitle: 'aiRA Rule Generation',
-    textAiraTooltip: 'aiRA, our proprietary AI tool, generates rule expressions based on text query.',
-    textCopy: 'Copy',
-    textCopied: 'Copied',
-    textRulePlaceholder: 'Enter query...',
-    textRuleLoading: 'Rule is loading... Hang tight!',
-    textThank: 'Thank you for your response!',
-    textWarn: 'aiRA responses may be inaccurate or misleading. Help us to improve!',
-    textAddCommentPlaceholder: 'Add comment'
-  },
-  'CapAskAira.ContentGenerationBot': {
-    textTypeAMessage: 'Type a message above and ask aiRA to recommend the best content',
-    textRecommendationsLoading: 'Recommendations loading... Hang tight!',
-    textError: 'An error occurred while loading recommendations. Try again.',
-    textAiraTitle: 'aiRA Content Recommendations',
-    textAiraTooltip: 'aiRA, our proprietary AI tool, recommends tailored language to effectively engage customers and prompt desired actions.',
-    textLoading: 'loading...',
-    textCharacters: 'characters',
-    textReplaceWithThis: 'Replace with this',
-    textReplaced: 'Replaced',
-    textResetToDefault: 'Reset to default',
-    textMoreLikeThis: 'More like this',
-    textGenerateMore: 'Generate more'
-  },
-  'CapAskAira.ConfigurationBot': {
-    textAiraTitle: 'aiRA Configuration Bot',
-    textAiraTooltip: 'aiRA, our proprietary AI tool, helps you configure promotions, campaigns, and more.',
-    textTypeAMessage: 'Type a message above and ask aiRA to recommend the best content',
-    textUser: 'Hello!',
-    textPilot: "I'm your Copilot. I can create all type of promotions (milestones, streaks, etc.) on your behalf. Meanwhile, you can sit back, relax, and enjoy a cup of chai.",
-    textCouponTile: 'Milestone on GS',
-    textCouponDescription: 'Customer has to do 1000/- gross sales in a month, and can get 100 points.',
-    textPromotionTitle: 'Milestone on count',
-    textPromotionDescription: 'Eligible customers get points on every 5 transactions.',
-    textStreakTitle: 'Reward on referral',
-    textStreakDescription: 'Award customer 150 points if they refer 3 users in a month. Promotion starts on July 1 and runs for 5 months.',
-    textPromptHere: 'Enter a prompt here...',
-    textCouponPrompt: 'If customer does 1000 gross sales in a month, award them 100 points that expire in 20 days. Promotion runs from 1 July to 1 December.',
-    textPromotionPrompt: 'After every 5 transactions I want to award customer with 200 points. Only customers with more than 2000 lifetime points are eligible. Promotion runs from 1 July to 1 December',
-    textStreakPrompt: 'Award customer 150 points if they refer 3 users in a month. Promotion starts on July 1 and runs for 5 months. ',
-    textCantConnect: "Can't connect to the server.",
-    textCreate: 'Create',
-    textCancel: 'Cancel',
-    textGeneratingResponse: 'Generating response'
-  },
-  'CapAskAira.DocumentationChatBot': {
-    textBotPlaceholder: 'Ask aiRA about anything on our CRM platform',
-    textChatBotLoader: 'Hang tight, analyzing your query...',
-    textChatBotDesc: 'Ask any doubts about our CRM platform and aiRA will do its best to find answers',
-    textChatBot: 'Documentation Chat Bot'
-  },
-  'CapAskAira.CapAiMediaGeneration': {
-    textImageBotPlaceholder: 'Ask aiRA to generate an image',
-    textChatBotLoader: 'Hang tight, analyzing your query...',
-    textImageBotDesc: 'Enter a prompt that describes your image.',
-    textImageBot: 'aiRA Media Generator',
-    textImageFooter: 'Dragging and dropping generated images is only supported in the basic email builder.',
-    textTipsGenerate: 'Tips to generate better images:',
-    textCopy: 'Copy image',
-    textCopied: 'Copied',
-    textDownload: 'Download',
-    textImageDownload: 'Image downloaded successfully!',
-    textComingSoon: 'Coming soon',
-    textGenerateMore: 'Generate more'
-  },
-  'CapAskAira.RuleSummarizationBot': {
-    textRuleBotPlaceholder: 'Ask aiRA to write an expression',
-    textSummarizeBotPlaceholder: 'Ask aiRA to explain an expression',
-    textRuleChatBotLoader: 'Hang tight, analyzing your query...',
-    textRuleChatBotDesc: 'Write your detailed rule in simple english and aiRA will write the expression for you',
-    textSummarizeChatBotDesc: 'Enter the expression and aiRA will generate a summary in plain english',
-    textRuleChatBot: 'aiRA Expression Translator'
-  },
-  'CapAskAira.AudienceFilterBot': {
-    textNeedHelp: 'Need help choosing the right filters?',
-    textAskAiraLink: 'Ask aiRA to apply filters',
-    textDescribeAudience: 'Describe your audience',
-    textPlaceholder: 'e.g.: Filter customers who have made a purchase in the last 7 days',
-    textError: 'Something went wrong, please try again',
-    textThoughtProcess: 'Thought Process',
-    textFiltersAdded: 'Filters added below',
-    textAnalyzing: 'Analyzing your query...',
-    textPartialFiltersAdded: 'Rest of the filters added below',
-    textFeedbackTitle: 'Give feedback',
-    textFeedbackOptional: '(Optional)',
-    textFeedbackMessage: 'Let us know what was wrong with the results',
-    textFeedbackPlaceholder: 'Share your feedback',
-    textFeedbackSubmit: 'Submit',
-    textFeedbackCancel: 'Cancel',
-    textThankYouFeedback: 'Thank you for your feedback!',
-    textThankYouDetailedFeedback: 'Thank you for your detailed feedback!'
-  }
-};
-
 /***/ }),
 
 /***/ 55056:
@@ -1083,10 +672,11 @@ var exports = __webpack_exports__;
 
 exports.__esModule = true;
 exports["default"] = void 0;
-var _propTypes = _interopRequireDefault(__webpack_require__(43363));
+var _classnames = _interopRequireDefault(__webpack_require__(46942));
 var _react = _interopRequireDefault(__webpack_require__(9206));
-var _LocaleHoc = _interopRequireDefault(__webpack_require__(39879));
-__webpack_require__(35032);
+var _reactIntl = __webpack_require__(46407);
+var _messages = _interopRequireDefault(__webpack_require__(20606));
+var _styles = _interopRequireDefault(__webpack_require__(35032));
 var _jsxRuntime = __webpack_require__(74848);
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /**
@@ -1095,80 +685,67 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
  *
  */
 
-const classNames = __webpack_require__(46942);
-class CapMultiSelectDatePicker extends _react.default.Component {
-  constructor() {
-    super(...arguments);
-    this.getNumberOfDays = () => {
-      const noOfDays = [];
-      for (let i = 1; i <= 31; i++) {
-        noOfDays.push(i);
-      }
-      return noOfDays;
-    };
-    this.getNumberOfWeeks = () => {
-      const noOfWeeks = [];
-      for (let i = 1; i <= 5; i++) {
-        noOfWeeks.push(i);
-      }
-      return noOfWeeks;
-    };
-    this.renderLastDayOption = selectedDays => {
-      const {
-        lastDayText = '',
-        onClick
-      } = this.props;
-      const lastDayValue = -1;
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)("th", {
-        colSpan: "4",
-        className: classNames({
-          'custom-selected': selectedDays.indexOf(lastDayValue) !== -1
-        }, 'custom-txt'),
-        onClick: () => onClick(lastDayValue),
-        children: lastDayText
-      }, lastDayValue);
-    };
-  }
-  render() {
-    const noOfDays = this.getNumberOfDays();
-    const noOfWeeks = this.getNumberOfWeeks();
-    const {
-      showLastDay,
-      onClick,
-      selected,
-      defaultValue
-    } = this.props;
-    const selectedDays = selected || defaultValue;
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "multi-select-date-container",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("table", {
-        className: "date-content",
-        children: noOfWeeks.map((_w, index) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("tr", {
-          children: [noOfDays.splice(0, 7).map(day => /*#__PURE__*/(0, _jsxRuntime.jsx)("th", {
-            className: classNames({
-              selected: selectedDays.indexOf(day) !== -1
+const renderLastDayOption = (selectedDays, lastDayText, onClick) => {
+  const lastDayValue = -1;
+  const isSelected = selectedDays.indexOf(lastDayValue) !== -1;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("th", {
+    colSpan: 4,
+    className: (0, _classnames.default)(_styles.default.customTxt, {
+      [_styles.default.customSelected]: isSelected
+    }),
+    onClick: () => onClick == null ? void 0 : onClick(lastDayValue),
+    children: lastDayText
+  }, lastDayValue);
+};
+const CapMultiSelectDatePicker = _ref => {
+  let {
+    selected = [],
+    defaultValue,
+    showLastDay = false,
+    lastDayText,
+    onClick,
+    intl: {
+      formatMessage
+    }
+  } = _ref;
+  const getNumberOfDays = () => {
+    const noOfDays = [];
+    for (let i = 1; i <= 31; i++) {
+      noOfDays.push(i);
+    }
+    return noOfDays;
+  };
+  const getNumberOfWeeks = () => {
+    const noOfWeeks = [];
+    for (let i = 1; i <= 5; i++) {
+      noOfWeeks.push(i);
+    }
+    return noOfWeeks;
+  };
+  const noOfDays = getNumberOfDays();
+  const noOfWeeks = getNumberOfWeeks();
+  const selectedDays = selected || defaultValue || [];
+  const finalLastDayText = lastDayText || formatMessage(_messages.default.lastDayText);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: _styles.default.multiSelectDateContainer,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("table", {
+      className: _styles.default.dateContent,
+      children: noOfWeeks.map((_w, index) => {
+        const weekDays = noOfDays.slice(index * 7, (index + 1) * 7);
+        return /*#__PURE__*/(0, _jsxRuntime.jsxs)("tr", {
+          children: [weekDays.map(day => /*#__PURE__*/(0, _jsxRuntime.jsx)("th", {
+            className: (0, _classnames.default)({
+              [_styles.default.selected]: selectedDays.indexOf(day) !== -1
             }),
-            onClick: () => onClick(day),
+            onClick: () => onClick == null ? void 0 : onClick(day),
             children: day
-          }, day)), index === noOfWeeks.length - 1 && showLastDay ? this.renderLastDayOption(selectedDays) : null]
-        }, "week-" + index))
+          }, day)), index === noOfWeeks.length - 1 && showLastDay ? renderLastDayOption(selectedDays, finalLastDayText, onClick) : null]
+        }, "week-" + index);
       })
-    });
-  }
-}
-CapMultiSelectDatePicker.propTypes = {
-  selected: _propTypes.default.array,
-  defaultValue: _propTypes.default.array,
-  showLastDay: _propTypes.default.bool,
-  lastDayText: _propTypes.default.string,
-  onClick: _propTypes.default.func
-};
-CapMultiSelectDatePicker.defaultProps = {
-  selected: []
+    })
+  });
 };
-var _default = exports["default"] = (0, _LocaleHoc.default)(CapMultiSelectDatePicker, {
-  key: 'CapMultiSelectDatePicker'
-});
+var _default = exports["default"] = (0, _reactIntl.injectIntl)(CapMultiSelectDatePicker);
 })();
 
 module.exports = __webpack_exports__;