@bikdotai/bik-component-library 0.0.419-beta.8 → 0.0.419
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/assets/{bundle-0deb4a74.css → bundle-421aeced.css} +0 -2
- package/dist/cjs/components/add-variableV2/AddVariableV2.js +1 -1
- package/dist/cjs/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js +1 -1
- package/dist/cjs/components/bik-layout/MockMenus.d.ts +0 -1
- package/dist/cjs/components/input/Input.js +1 -1
- package/dist/cjs/components/template-context-mapper/TemplateContextMapper.d.ts +3 -5
- package/dist/cjs/components/template-context-mapper/TemplateContextMapper.js +1 -1
- package/dist/cjs/components/template-context-mapper/context/templateModalContext.d.ts +8 -15
- package/dist/cjs/components/template-context-mapper/modalElements/Body.js +9 -9
- package/dist/cjs/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.d.ts +1 -2
- package/dist/cjs/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.js +1 -1
- package/dist/cjs/components/template-context-mapper/modalElements/Footer.d.ts +1 -2
- package/dist/cjs/components/template-context-mapper/modalElements/Footer.js +4 -4
- package/dist/cjs/components/template-context-mapper/modalElements/MobilePreview.d.ts +1 -2
- package/dist/cjs/components/template-context-mapper/modalElements/VariableConnector.js +3 -3
- package/dist/cjs/components/template-context-mapper/modalElements/VariableConnectorWhatsApp.d.ts +1 -0
- package/dist/cjs/components/template-context-mapper/modalElements/VariableConnectorWhatsApp.js +1 -1
- package/dist/cjs/components/template-preview/TemplatePreview.d.ts +2 -4
- package/dist/cjs/components/template-preview/TemplatePreview.js +1 -1
- package/dist/cjs/components/template-preview/WhatsApp/ChatUI.style.d.ts +1 -5
- package/dist/cjs/components/template-preview/WhatsApp/ChatUI.style.js +6 -14
- package/dist/cjs/components/template-preview/WhatsApp/ChatUiV2.js +4 -4
- package/dist/cjs/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.js +6 -4
- package/dist/cjs/components/template-preview/WhatsAppTemplatePreview.d.ts +0 -1
- package/dist/cjs/components/template-preview/WhatsAppTemplatePreview.js +1 -1
- package/dist/cjs/components/template-preview/models/WhatsAppTemplate.d.ts +1 -2
- package/dist/cjs/index.d.ts +0 -1
- package/dist/cjs/index.js +1 -1
- package/dist/esm/assets/{bundle-0deb4a74.css → bundle-421aeced.css} +0 -2
- package/dist/esm/components/add-variableV2/AddVariableV2.js +1 -1
- package/dist/esm/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js +1 -1
- package/dist/esm/components/bik-layout/MockMenus.d.ts +0 -1
- package/dist/esm/components/input/Input.js +1 -1
- package/dist/esm/components/template-context-mapper/TemplateContextMapper.d.ts +3 -5
- package/dist/esm/components/template-context-mapper/TemplateContextMapper.js +1 -1
- package/dist/esm/components/template-context-mapper/context/templateModalContext.d.ts +8 -15
- package/dist/esm/components/template-context-mapper/modalElements/Body.js +9 -9
- package/dist/esm/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.d.ts +1 -2
- package/dist/esm/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.js +1 -1
- package/dist/esm/components/template-context-mapper/modalElements/Footer.d.ts +1 -2
- package/dist/esm/components/template-context-mapper/modalElements/Footer.js +4 -4
- package/dist/esm/components/template-context-mapper/modalElements/MobilePreview.d.ts +1 -2
- package/dist/esm/components/template-context-mapper/modalElements/VariableConnector.js +3 -3
- package/dist/esm/components/template-context-mapper/modalElements/VariableConnectorWhatsApp.d.ts +1 -0
- package/dist/esm/components/template-context-mapper/modalElements/VariableConnectorWhatsApp.js +1 -1
- package/dist/esm/components/template-preview/TemplatePreview.d.ts +2 -4
- package/dist/esm/components/template-preview/TemplatePreview.js +1 -1
- package/dist/esm/components/template-preview/WhatsApp/ChatUI.style.d.ts +1 -5
- package/dist/esm/components/template-preview/WhatsApp/ChatUI.style.js +13 -21
- package/dist/esm/components/template-preview/WhatsApp/ChatUiV2.js +5 -5
- package/dist/esm/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.js +7 -5
- package/dist/esm/components/template-preview/WhatsAppTemplatePreview.d.ts +0 -1
- package/dist/esm/components/template-preview/WhatsAppTemplatePreview.js +1 -1
- package/dist/esm/components/template-preview/models/WhatsAppTemplate.d.ts +1 -2
- package/dist/esm/index.d.ts +0 -1
- package/dist/esm/index.js +1 -1
- package/package.json +1 -2
- package/dist/cjs/components/carousel-preview/CarouselPreview.d.ts +0 -12
- package/dist/cjs/components/carousel-preview/CarouselPreview.js +0 -46
- package/dist/cjs/components/carousel-preview/CarouselPreviewCard.d.ts +0 -10
- package/dist/cjs/components/carousel-preview/CarouselPreviewCard.js +0 -13
- package/dist/cjs/components/carousel-preview/index.d.ts +0 -1
- package/dist/cjs/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.d.ts +0 -14
- package/dist/cjs/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.js +0 -1
- package/dist/cjs/components/template-preview/models/WhatsappCarouselTemplate.d.ts +0 -80
- package/dist/esm/components/carousel-preview/CarouselPreview.d.ts +0 -12
- package/dist/esm/components/carousel-preview/CarouselPreview.js +0 -46
- package/dist/esm/components/carousel-preview/CarouselPreviewCard.d.ts +0 -10
- package/dist/esm/components/carousel-preview/CarouselPreviewCard.js +0 -13
- package/dist/esm/components/carousel-preview/index.d.ts +0 -1
- package/dist/esm/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.d.ts +0 -14
- package/dist/esm/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.js +0 -1
- package/dist/esm/components/template-preview/models/WhatsappCarouselTemplate.d.ts +0 -80
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,Fragment as l}from"react/jsx-runtime";import{useState as t,useEffect as
|
|
1
|
+
import{jsx as e,Fragment as l}from"react/jsx-runtime";import{useState as t,useEffect as i}from"react";import{TemplateCreatorHelper as o}from"./helpers/TemplateCreatorHelper.js";import{HEADER_TYPES as a}from"./models/TemplateMeta.js";import{TemplateHelperUtils as n}from"./utils/TemplateHelperUtils.js";import{WhatsappLikePreview as r}from"./WhatsApp/WhatsAppLikePreview.js";import{WhatsappLikePreviewV2 as d}from"./WhatsApp/WhatsAppLikePreviewV2.js";const p=p=>{let{template:s,extras:u,containerStyle:v,usePlaceHolderName:m,showHeader:h,zeroStateComponent:x,size:c,showSampleValues:b}=p;var T,y,w,N,f,k,B,V,A,L,C,S,j,P,g,O,F,H,q,z,R,U;const[W,I]=t(),M=new o,D=new n,E=[];return(null===(y=null===(T=null==W?void 0:W.ctaBtn)||void 0===T?void 0:T.phoneNumber)||void 0===y?void 0:y.isChecked)&&E.push({type:"phoneNumber",text:null!==(w=W.ctaBtn.phoneNumber.btnText)&&void 0!==w?w:"",extra:null!==(N=W.ctaBtn.phoneNumber.phoneNumber)&&void 0!==N?N:""}),(null===(k=null===(f=null==W?void 0:W.ctaBtn)||void 0===f?void 0:f.websiteLinkBtn)||void 0===k?void 0:k.isChecked)&&E.push({type:"website",text:null!==(B=W.ctaBtn.websiteLinkBtn.btnText)&&void 0!==B?B:"",extra:null!==(A=null===(V=W.ctaBtn.websiteLinkBtn)||void 0===V?void 0:V.linkOpens)&&void 0!==A?A:"",placeholder:null!==(L=W.ctaBtn.websiteLinkBtn.placeholder)&&void 0!==L?L:""}),i((()=>{s&&M.parseUITemplateFromDBFormat({dbFormattedTemplate:s,isDuplicate:!1,showSampleValues:b,isV2:!s.htmlContentUrl}).then((e=>{I(Object.assign({},e))}))}),[s,b]),s?s.htmlContentUrl?e(r,{showHeader:h,containerPadding:"large"===c?"16px 56px 12px 16px":"12px 56px 12px 12px",containerStyle:v,textType:"html",bodyText:D.whatsappOnlyFillVariablesValueInBodyText(null!==(F=null==W?void 0:W.bodyText)&&void 0!==F?F:"",null!==(H=null==W?void 0:W.bodyVariables)&&void 0!==H?H:[],m),footerText:null==W?void 0:W.footerText,headerMediaType:(null==W?void 0:W.headerType)||a.NONE,headerText:D.fillVariablesValInBodyText(null!==(q=null==W?void 0:W.headerText)&&void 0!==q?q:"",null!==(z=null==W?void 0:W.headerVariables)&&void 0!==z?z:[],m),headerAssetLink:null!==(R=null==W?void 0:W.headerAssetLink)&&void 0!==R?R:"",headerAssetName:null!==(U=null==W?void 0:W.headerAssetName)&&void 0!==U?U:"",quickReplybtn:null==W?void 0:W.quickReply,ctaBtn:E,actionTypes:null==W?void 0:W.actionsType,extras:u,hidePreviewText:!0,imagePreviewStyles:{objectFit:"cover"},zeroStateComponent:null!=x?x:e(l,{children:" "})}):e(d,{showHeader:h,containerPadding:"large"===c?"16px 56px 12px 16px":"12px 56px 12px 12px",containerStyle:v,textType:"html",bodyText:null==W?void 0:W.bodyText,footerText:null==W?void 0:W.footerText,headerMediaType:(null==W?void 0:W.headerType)||a.NONE,headerText:null==W?void 0:W.headerText,headerAssetLink:null!==(C=null==W?void 0:W.headerAssetLink)&&void 0!==C?C:"",headerAssetName:null!==(S=null==W?void 0:W.headerAssetName)&&void 0!==S?S:"",quickReplybtn:null==W?void 0:W.quickReply,ctaBtn:E,actionTypes:null==W?void 0:W.actionsType,extras:u,hidePreviewText:!0,imagePreviewStyles:{objectFit:"cover"},zeroStateComponent:null!=x?x:e(l,{children:" "}),bodyVariableList:null!==(P=null===(j=null==W?void 0:W.bodyVariables)||void 0===j?void 0:j.map((e=>{var l;return{placeholder:e.variableName,value:null!==(l=e.variableVal)&&void 0!==l?l:e.variableName}})))&&void 0!==P?P:[],headerVariableList:null!==(O=null===(g=null==W?void 0:W.headerVariables)||void 0===g?void 0:g.map((e=>{var l;return{placeholder:e.variableName,value:null!==(l=e.variableVal)&&void 0!==l?l:e.variableName}})))&&void 0!==O?O:[],buttons:null==W?void 0:W.allButtons,limitedTimeOfferComponent:null==W?void 0:W.limitedTimeOfferComponent}):e(l,{children:x})};export{p as default};
|
|
@@ -184,7 +184,6 @@ export type WhatsappLikePreviewTypes = {
|
|
|
184
184
|
children?: React.ReactNode;
|
|
185
185
|
bodyVariableList?: variableType[];
|
|
186
186
|
headerVariableList?: variableType[];
|
|
187
|
-
carouselCardIndex?: number;
|
|
188
187
|
buttons?: WhatsappPreviewButtonType[];
|
|
189
188
|
limitedTimeOfferComponent?: CreateTemplateType['limitedTimeOfferComponent'];
|
|
190
189
|
};
|
|
@@ -205,7 +204,7 @@ export type WhatsappMeta = {
|
|
|
205
204
|
usePlaceHolderName?: boolean;
|
|
206
205
|
};
|
|
207
206
|
export type WhatsAppPickerMeta = {
|
|
208
|
-
uploadMediaFiles: (params: WhatsAppMediaUploadRequest
|
|
207
|
+
uploadMediaFiles: (params: WhatsAppMediaUploadRequest) => Promise<WhatsAppMediaUploadResponse>;
|
|
209
208
|
CTAoptions?: ButtonPlaceHolderOptions[];
|
|
210
209
|
QRBoptions?: ButtonPlaceHolderOptions[];
|
|
211
210
|
};
|
package/dist/esm/index.d.ts
CHANGED
package/dist/esm/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as o from"./components/template-preview/constants/regexPatterns.js";export{o as regexPatterns};export{default as StringUtils}from"./utils/StringUtils.js";export{BASE_COLORS,COLORS,DEFAULT_THEME,FONTS}from"./constants/Theme.js";export{ComponentZindex}from"./constants/zindex.js";export{CheckBox}from"./components/checkBox/CheckBox.js";export{ListItem}from"./components/list-item/ListItem.js";export{Pagination}from"./components/pagination/Pagination.js";export{RadioButton}from"./components/radioButton/RadioButton.js";export{Toaster}from"./components/toaster/Toaster.js";export{Tooltip}from"./components/tooltips/Tooltip.js";export{Spinner}from"./components/spinner/Spinner.js";export{Stepper}from"./components/stepper/Stepper.js";export{Tag}from"./components/tag/Tag.js";export{IconButton}from"./components/icon-button/IconButton.js";export{TemplatePreview}from"./components/template-preview/TemplatePreview.js";export{WhatsappLikePreview}from"./components/template-preview/WhatsApp/WhatsAppLikePreview.js";export{WhatsappLikePreviewV2}from"./components/template-preview/WhatsApp/WhatsAppLikePreviewV2.js";export{renderVariableUIForPreview}from"./components/template-preview/helpers/SmsTemplateHelper.js";export{WhatsAppFormatToHTML}from"./components/template-preview/helpers/WhatsAppFormatToHTML.js";export{VariableEditorHelper}from"./components/template-preview/helpers/VariableEditorHelper.js";export{ACTIONS_TYPES,CUSTOM_URL_NAME,HEADER_TYPES,TEMPLATE_EDITOR,TEMPLATE_STATUS}from"./components/template-preview/models/TemplateMeta.js";export{BUTTON_TYPE,POD}from"./components/template-preview/models/WhatsAppTemplate.js";export{TemplateContextMapper}from"./components/template-context-mapper/TemplateContextMapper.js";export{getAllDataFromTemplateComponent}from"./components/template-context-mapper/utils/getDataFromTemplateComponent.js";export{validateIsUrl}from"./components/template-context-mapper/utils/validateIsUrl.js";export{FABMenu}from"./components/fab-menu/FABMenu.js";export{FloatingActionButton}from"./components/floating-action-button/FloatingActionButton.js";export{DROP_POSITION,DropdownToggleContainer,FAB_POSITION,FloatingActionButtonContainer,FloatingActionButtonOuterContainer,MENU_ALIGNMENT,StyledDropdown,TooltipStyled}from"./components/floating-action-button/FloatingActionButton.styles.js";export{ImageService}from"./components/image-compress/ImageCompress.js";export{BodyCaption,BodyLarge,BodyPrimary,BodyPrimaryLink,BodyRegular,BodySecondary,BodySecondaryLink,BodyTiny,ButtonLarge,ButtonRegular,Caption,Display,SmallRegular,SubHeading,TitleLarge,TitleMedium,TitleRegular,TitleSmall}from"./components/TypographyStyle.js";export{Button}from"./components/button/Button.js";export{ProgressBarComponent,ProgressCompletedBar}from"./components/progress-bar/ProgressBarComponent.js";export{QueryBuilder}from"./components/QueryBuilder/QueryBuilder.js";export{BaseQueryBuilderNode}from"./components/QueryBuilder/components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";export{PropertyNode,PropertyNodeHeadless}from"./components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.js";export{queryBuilderSlice}from"./components/QueryBuilder/redux/queryBuilder.reducer.js";export{queryBuilderCacheSlice}from"./components/QueryBuilder/redux/queryBuilderCache.reducer.js";export{AD_STRING_OPERATORS,ANY_AD_OPERATORS,ANY_IG_OPERATORS,BOOLEAN_OPERATORS,DATE_OPERATORS,EVENT_VALUES,EXACTLY_OPERATORS,FREQUENCY_OPERATORS,ICE_BREAKER_OPERATORS,IG_STRING_OPERATORS,INTEGER_OPERATORS,MAIL_SUBJECT_OPERATORS,REACTION_OPERATORS,SPECIFIC_IG_OPERATORS,STRING_OPERATORS,STRING_RESTRICTED_OPERATORS,STRING_RESTRICTED_OPERATORS_2,STRING_RESTRICTED_OPERATORS_3}from"./components/QueryBuilder/types/QueryBuilderOperator.type.js";export{StyledModal}from"./components/modals/styledModal.js";export{DropdownPopover}from"./components/dropdown/DropdownPopover/index.js";export{Dropdown}from"./components/dropdown/Dropdown.js";export{ChipDropdown}from"./components/dropdown/ChipDropdown.js";export{OpenedDropdown}from"./components/dropdown/OpenedDropdown/components/OpennedDropdown.js";export{MenuItemDropdown}from"./components/dropdown/MenuItem/MenuItem.js";export{AnalyticsCard}from"./components/analytics-card/AnalyticsCard.js";export{AnalyticsContainer,CardDataContainer}from"./components/analytics-card/AnalyticsCard.styled.js";export{Input}from"./components/input/Input.js";export{AnalyticsChip}from"./components/analytics-chips-and-dropdowns/AnalyticsChip.js";export{AnalyticsDropdown,EachItem,formatDate}from"./components/analytics-chips-and-dropdowns/AnalyticsDropdown.js";export{AnalyticsMultiChip}from"./components/analytics-chips-and-dropdowns/AnalyticsMultiChip.js";export{AnalyticsMetric}from"./components/analytics-chips-and-dropdowns/AnalyticsMetric.js";export{AnalyticsTrend}from"./components/analytics-chips-and-dropdowns/AnalyticsTrend.js";export{LineChart}from"./components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.js";export{LinearChipGroupedChart}from"./components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.js";export{Card,PieChartAnalytics}from"./components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js";export{PieChart}from"./components/analytics-chips-and-dropdowns/chart/Pie/PieChart.js";export{HorizontalGraph}from"./components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js";export{StackedBarChart}from"./components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js";export{VerticalGraph}from"./components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js";export{HEAT,HEAT_COLORS,HEAT_GRADING_TYPE,HeatMap}from"./components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.js";export{VerticalBarAndLinearGraph}from"./components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js";export{AVATAR_SIZE_VS_ICON_SIZE_MAP,Avatar,BACKGROUND_VS_TEXT_COLOR_MAP}from"./components/avatar/Avatar.js";export{AVATAR_BACKGROUND,AVATAR_SIZE_MAP,AVATAR_TYPES,SIZE}from"./components/avatar/AvatarHelper.js";export{Alert}from"./components/alerts/Alert.js";export{ALERT_TYPES,COLOR_CONFIG_MAP,CONTENT_POSITION}from"./components/alerts/AlertHelper.js";export{RATIO,Thumbnail}from"./components/thumbnail/Thumbnail.js";export{Curtain}from"./components/curtain/Curtain.js";export{DatePicker}from"./components/datePicker/DatePicker.js";export{Loader,Switch,SwitchContainer,Thumb}from"./components/switch/Switch.js";export{SubscriptionPlan}from"./components/plans/SubscriptionPlan.js";export{BottomWrapper,HeaderWrapper,SubscriptionPlanSelector,defaultTabs}from"./components/plans/SubscriptionPlanSelector.js";export{NewSubscriptionPlan}from"./components/plans/NewSubscriptionPlan.js";export{SubscriptionPlansCollected}from"./components/plans/SubscriptionPlansCollected.js";export{TabItemComponent,Tabs}from"./components/tabs/Tabs.js";export{DynamicTabs}from"./components/dynamic-tabs/DynamicTabs.js";export{BikShimmer}from"./components/shimmer/ShimmerComponent/BikShimmer.js";export{TablePagination}from"./components/TablePagination/TablePagination.js";export{TablePaginationCard,TablePaginationCardStyled}from"./components/TablePagination/TablePaginationCard.js";export{StateModalComponent}from"./components/states-modal/StateModalComponent.js";export{DeleteConfirmationModal}from"./components/states-modal/DeleteConfirmationModal.js";export{ButtonActions,ButtonTypes,StateComponent,StateInterface}from"./components/states/StateComponent.js";export{ShopifyScopeWrapper}from"./components/states/ShopifyScopeWrapper.js";export{WhatsAppTextEditor}from"./components/WhatsAppTextEditor/WhatsAppTextEditor.js";export{EditorActionTypes,WhatsAppTextEditorHeader}from"./components/WhatsAppTextEditor/WhatsAppTextEditorHeader.js";export{BaseWhatsappContentLangHelper}from"./helpers/BaseWhatsappContentLang.helper.js";export{CardSelectionModal}from"./components/card-selection-modal/CardSelectionModal.js";export{BikImageCropper}from"./components/image-cropper/BikImageCropper.js";export{BikImagePipeline}from"./components/image-cropper/BikImagePipeline/BikImagePipeline.js";export{ButtonGroup}from"./components/buttonGroup/ButtonGroup.js";export{BikAccordion}from"./components/accordion/Accordion.js";export{FileUploader}from"./components/file-uploader/FileUploader.js";export{ColourInput}from"./components/colourInput/ColourInput.js";export{BikHeader}from"./components/bik-layout/BikHeader.js";export{BikLayout}from"./components/bik-layout/BikLayout.js";export{BikProfile}from"./components/bik-layout/BikProfile.js";export{SimpleSidebar}from"./components/bik-layout/SimpleSidebar.js";export{BikSidebar}from"./components/bik-layout/BikSidebar.js";export{FeatureModal}from"./components/bik-layout/FeatureModal.js";export{SidebarSkeleton}from"./components/bik-layout/SidebarSkeleton.js";export{ShowShopifyRestrictedModal}from"./components/bik-layout/ShowShopifyRestrictedModal.js";export{FeatureModalV2}from"./components/bik-layout/FeatureModalV2.js";export{SearchBar}from"./components/searchBar/searchBar.js";export{CustomDateTime}from"./components/custom-date-time/CustomDateTime.js";export{PricePleaseProductPicker,ProductPickerContent}from"./components/product-picker/ProductPickerModal.js";export{DiscountModal}from"./components/discount-modal/DiscountModal.js";export{COUPON_EXPIRATION,CouponExpiration}from"./components/discount-modal/CouponExpiration/CouponExpiration.js";export{DISCOUNT_TARGET_SELECTION,DISCOUNT_TARGET_TYPES,DISCOUNT_TYPES,DISCOUNT_VALUE_TYPES,MIN_PURCHASE_REQUIREMENT}from"./components/discount-modal/type.js";export{CountryCodePicker}from"./components/country-code-picker/CountryCodePicker.js";export{CountriesData}from"./components/country-code-picker/CountryCodePicker.modal.js";export{DEFAULT_IMAGE,ShimmerImage}from"./components/shimmer-image/ShimmerImage.js";export{ProductPickerModal,ScreenName}from"./components/product-picker-v2/modal.js";export{Carousel}from"./components/carousel/carousel.js";export{CarouselSecondary}from"./components/carousel-secondary/CarouselSecondary.js";export{AccessTokenTroubleshootDialog}from"./components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.js";export{RadioList}from"./components/radioList/RadioList.js";export{CheckList}from"./components/checkList/CheckList.js";export{DateKeys,MEDIA_TYPES,PostPicker,dateOptions}from"./components/postPicker/postPicker.js";export{DropdownButton}from"./components/dropdown-button/DropdownButton.js";export{SideModal}from"./components/side-modal/SideModal.js";export{KeywordsInput}from"./components/keywords-input/KeywordsInput.js";export{AddVariableV2SideModal}from"./components/add-variableV2/AddVariableV2SideModal.js";export{AddVariableV2}from"./components/add-variableV2/AddVariableV2.js";export{NaLinkWrapper,NavigationHyperlink}from"./components/navigation-hyperlink/NavigationHyperlink.js";export{SearchFilter}from"./components/SearchFilter/index.js";export{InputWithVariables}from"./components/input-with-vars/InputWithVariables.js";export{DashboardReviewPopUp}from"./components/dashboard-review-popup/DashboardReviewPopUp.js";export{StarRating}from"./components/star-rating/StarRating.js";export{TestimonialCard}from"./components/testimonial-card/TestimonialCard.js";export{BikSlider}from"./components/slider/slider.js";export{CarouselPreview}from"./components/carousel-preview/CarouselPreview.js";
|
|
1
|
+
import*as o from"./components/template-preview/constants/regexPatterns.js";export{o as regexPatterns};export{default as StringUtils}from"./utils/StringUtils.js";export{BASE_COLORS,COLORS,DEFAULT_THEME,FONTS}from"./constants/Theme.js";export{ComponentZindex}from"./constants/zindex.js";export{CheckBox}from"./components/checkBox/CheckBox.js";export{ListItem}from"./components/list-item/ListItem.js";export{Pagination}from"./components/pagination/Pagination.js";export{RadioButton}from"./components/radioButton/RadioButton.js";export{Toaster}from"./components/toaster/Toaster.js";export{Tooltip}from"./components/tooltips/Tooltip.js";export{Spinner}from"./components/spinner/Spinner.js";export{Stepper}from"./components/stepper/Stepper.js";export{Tag}from"./components/tag/Tag.js";export{IconButton}from"./components/icon-button/IconButton.js";export{TemplatePreview}from"./components/template-preview/TemplatePreview.js";export{WhatsappLikePreview}from"./components/template-preview/WhatsApp/WhatsAppLikePreview.js";export{WhatsappLikePreviewV2}from"./components/template-preview/WhatsApp/WhatsAppLikePreviewV2.js";export{renderVariableUIForPreview}from"./components/template-preview/helpers/SmsTemplateHelper.js";export{WhatsAppFormatToHTML}from"./components/template-preview/helpers/WhatsAppFormatToHTML.js";export{VariableEditorHelper}from"./components/template-preview/helpers/VariableEditorHelper.js";export{ACTIONS_TYPES,CUSTOM_URL_NAME,HEADER_TYPES,TEMPLATE_EDITOR,TEMPLATE_STATUS}from"./components/template-preview/models/TemplateMeta.js";export{BUTTON_TYPE,POD}from"./components/template-preview/models/WhatsAppTemplate.js";export{TemplateContextMapper}from"./components/template-context-mapper/TemplateContextMapper.js";export{getAllDataFromTemplateComponent}from"./components/template-context-mapper/utils/getDataFromTemplateComponent.js";export{validateIsUrl}from"./components/template-context-mapper/utils/validateIsUrl.js";export{FABMenu}from"./components/fab-menu/FABMenu.js";export{FloatingActionButton}from"./components/floating-action-button/FloatingActionButton.js";export{DROP_POSITION,DropdownToggleContainer,FAB_POSITION,FloatingActionButtonContainer,FloatingActionButtonOuterContainer,MENU_ALIGNMENT,StyledDropdown,TooltipStyled}from"./components/floating-action-button/FloatingActionButton.styles.js";export{ImageService}from"./components/image-compress/ImageCompress.js";export{BodyCaption,BodyLarge,BodyPrimary,BodyPrimaryLink,BodyRegular,BodySecondary,BodySecondaryLink,BodyTiny,ButtonLarge,ButtonRegular,Caption,Display,SmallRegular,SubHeading,TitleLarge,TitleMedium,TitleRegular,TitleSmall}from"./components/TypographyStyle.js";export{Button}from"./components/button/Button.js";export{ProgressBarComponent,ProgressCompletedBar}from"./components/progress-bar/ProgressBarComponent.js";export{QueryBuilder}from"./components/QueryBuilder/QueryBuilder.js";export{BaseQueryBuilderNode}from"./components/QueryBuilder/components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";export{PropertyNode,PropertyNodeHeadless}from"./components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.js";export{queryBuilderSlice}from"./components/QueryBuilder/redux/queryBuilder.reducer.js";export{queryBuilderCacheSlice}from"./components/QueryBuilder/redux/queryBuilderCache.reducer.js";export{AD_STRING_OPERATORS,ANY_AD_OPERATORS,ANY_IG_OPERATORS,BOOLEAN_OPERATORS,DATE_OPERATORS,EVENT_VALUES,EXACTLY_OPERATORS,FREQUENCY_OPERATORS,ICE_BREAKER_OPERATORS,IG_STRING_OPERATORS,INTEGER_OPERATORS,MAIL_SUBJECT_OPERATORS,REACTION_OPERATORS,SPECIFIC_IG_OPERATORS,STRING_OPERATORS,STRING_RESTRICTED_OPERATORS,STRING_RESTRICTED_OPERATORS_2,STRING_RESTRICTED_OPERATORS_3}from"./components/QueryBuilder/types/QueryBuilderOperator.type.js";export{StyledModal}from"./components/modals/styledModal.js";export{DropdownPopover}from"./components/dropdown/DropdownPopover/index.js";export{Dropdown}from"./components/dropdown/Dropdown.js";export{ChipDropdown}from"./components/dropdown/ChipDropdown.js";export{OpenedDropdown}from"./components/dropdown/OpenedDropdown/components/OpennedDropdown.js";export{MenuItemDropdown}from"./components/dropdown/MenuItem/MenuItem.js";export{AnalyticsCard}from"./components/analytics-card/AnalyticsCard.js";export{AnalyticsContainer,CardDataContainer}from"./components/analytics-card/AnalyticsCard.styled.js";export{Input}from"./components/input/Input.js";export{AnalyticsChip}from"./components/analytics-chips-and-dropdowns/AnalyticsChip.js";export{AnalyticsDropdown,EachItem,formatDate}from"./components/analytics-chips-and-dropdowns/AnalyticsDropdown.js";export{AnalyticsMultiChip}from"./components/analytics-chips-and-dropdowns/AnalyticsMultiChip.js";export{AnalyticsMetric}from"./components/analytics-chips-and-dropdowns/AnalyticsMetric.js";export{AnalyticsTrend}from"./components/analytics-chips-and-dropdowns/AnalyticsTrend.js";export{LineChart}from"./components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.js";export{LinearChipGroupedChart}from"./components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.js";export{Card,PieChartAnalytics}from"./components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js";export{PieChart}from"./components/analytics-chips-and-dropdowns/chart/Pie/PieChart.js";export{HorizontalGraph}from"./components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js";export{StackedBarChart}from"./components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js";export{VerticalGraph}from"./components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js";export{HEAT,HEAT_COLORS,HEAT_GRADING_TYPE,HeatMap}from"./components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.js";export{VerticalBarAndLinearGraph}from"./components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js";export{AVATAR_SIZE_VS_ICON_SIZE_MAP,Avatar,BACKGROUND_VS_TEXT_COLOR_MAP}from"./components/avatar/Avatar.js";export{AVATAR_BACKGROUND,AVATAR_SIZE_MAP,AVATAR_TYPES,SIZE}from"./components/avatar/AvatarHelper.js";export{Alert}from"./components/alerts/Alert.js";export{ALERT_TYPES,COLOR_CONFIG_MAP,CONTENT_POSITION}from"./components/alerts/AlertHelper.js";export{RATIO,Thumbnail}from"./components/thumbnail/Thumbnail.js";export{Curtain}from"./components/curtain/Curtain.js";export{DatePicker}from"./components/datePicker/DatePicker.js";export{Loader,Switch,SwitchContainer,Thumb}from"./components/switch/Switch.js";export{SubscriptionPlan}from"./components/plans/SubscriptionPlan.js";export{BottomWrapper,HeaderWrapper,SubscriptionPlanSelector,defaultTabs}from"./components/plans/SubscriptionPlanSelector.js";export{NewSubscriptionPlan}from"./components/plans/NewSubscriptionPlan.js";export{SubscriptionPlansCollected}from"./components/plans/SubscriptionPlansCollected.js";export{TabItemComponent,Tabs}from"./components/tabs/Tabs.js";export{DynamicTabs}from"./components/dynamic-tabs/DynamicTabs.js";export{BikShimmer}from"./components/shimmer/ShimmerComponent/BikShimmer.js";export{TablePagination}from"./components/TablePagination/TablePagination.js";export{TablePaginationCard,TablePaginationCardStyled}from"./components/TablePagination/TablePaginationCard.js";export{StateModalComponent}from"./components/states-modal/StateModalComponent.js";export{DeleteConfirmationModal}from"./components/states-modal/DeleteConfirmationModal.js";export{ButtonActions,ButtonTypes,StateComponent,StateInterface}from"./components/states/StateComponent.js";export{ShopifyScopeWrapper}from"./components/states/ShopifyScopeWrapper.js";export{WhatsAppTextEditor}from"./components/WhatsAppTextEditor/WhatsAppTextEditor.js";export{EditorActionTypes,WhatsAppTextEditorHeader}from"./components/WhatsAppTextEditor/WhatsAppTextEditorHeader.js";export{BaseWhatsappContentLangHelper}from"./helpers/BaseWhatsappContentLang.helper.js";export{CardSelectionModal}from"./components/card-selection-modal/CardSelectionModal.js";export{BikImageCropper}from"./components/image-cropper/BikImageCropper.js";export{BikImagePipeline}from"./components/image-cropper/BikImagePipeline/BikImagePipeline.js";export{ButtonGroup}from"./components/buttonGroup/ButtonGroup.js";export{BikAccordion}from"./components/accordion/Accordion.js";export{FileUploader}from"./components/file-uploader/FileUploader.js";export{ColourInput}from"./components/colourInput/ColourInput.js";export{BikHeader}from"./components/bik-layout/BikHeader.js";export{BikLayout}from"./components/bik-layout/BikLayout.js";export{BikProfile}from"./components/bik-layout/BikProfile.js";export{SimpleSidebar}from"./components/bik-layout/SimpleSidebar.js";export{BikSidebar}from"./components/bik-layout/BikSidebar.js";export{FeatureModal}from"./components/bik-layout/FeatureModal.js";export{SidebarSkeleton}from"./components/bik-layout/SidebarSkeleton.js";export{ShowShopifyRestrictedModal}from"./components/bik-layout/ShowShopifyRestrictedModal.js";export{FeatureModalV2}from"./components/bik-layout/FeatureModalV2.js";export{SearchBar}from"./components/searchBar/searchBar.js";export{CustomDateTime}from"./components/custom-date-time/CustomDateTime.js";export{PricePleaseProductPicker,ProductPickerContent}from"./components/product-picker/ProductPickerModal.js";export{DiscountModal}from"./components/discount-modal/DiscountModal.js";export{COUPON_EXPIRATION,CouponExpiration}from"./components/discount-modal/CouponExpiration/CouponExpiration.js";export{DISCOUNT_TARGET_SELECTION,DISCOUNT_TARGET_TYPES,DISCOUNT_TYPES,DISCOUNT_VALUE_TYPES,MIN_PURCHASE_REQUIREMENT}from"./components/discount-modal/type.js";export{CountryCodePicker}from"./components/country-code-picker/CountryCodePicker.js";export{CountriesData}from"./components/country-code-picker/CountryCodePicker.modal.js";export{DEFAULT_IMAGE,ShimmerImage}from"./components/shimmer-image/ShimmerImage.js";export{ProductPickerModal,ScreenName}from"./components/product-picker-v2/modal.js";export{Carousel}from"./components/carousel/carousel.js";export{CarouselSecondary}from"./components/carousel-secondary/CarouselSecondary.js";export{AccessTokenTroubleshootDialog}from"./components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.js";export{RadioList}from"./components/radioList/RadioList.js";export{CheckList}from"./components/checkList/CheckList.js";export{DateKeys,MEDIA_TYPES,PostPicker,dateOptions}from"./components/postPicker/postPicker.js";export{DropdownButton}from"./components/dropdown-button/DropdownButton.js";export{SideModal}from"./components/side-modal/SideModal.js";export{KeywordsInput}from"./components/keywords-input/KeywordsInput.js";export{AddVariableV2SideModal}from"./components/add-variableV2/AddVariableV2SideModal.js";export{AddVariableV2}from"./components/add-variableV2/AddVariableV2.js";export{NaLinkWrapper,NavigationHyperlink}from"./components/navigation-hyperlink/NavigationHyperlink.js";export{SearchFilter}from"./components/SearchFilter/index.js";export{InputWithVariables}from"./components/input-with-vars/InputWithVariables.js";export{DashboardReviewPopUp}from"./components/dashboard-review-popup/DashboardReviewPopUp.js";export{StarRating}from"./components/star-rating/StarRating.js";export{TestimonialCard}from"./components/testimonial-card/TestimonialCard.js";export{BikSlider}from"./components/slider/slider.js";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bikdotai/bik-component-library",
|
|
3
|
-
"version": "0.0.419
|
|
3
|
+
"version": "0.0.419",
|
|
4
4
|
"description": "Bik Component Library",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -58,7 +58,6 @@
|
|
|
58
58
|
"emoji-picker-react": "^4.4.9",
|
|
59
59
|
"lodash": "^4.17.21",
|
|
60
60
|
"phone": "^3.1.37",
|
|
61
|
-
"pure-react-carousel": "^1.30.1",
|
|
62
61
|
"react-beautiful-dnd": "^13.1.1",
|
|
63
62
|
"react-bootstrap": "^2.4.0",
|
|
64
63
|
"react-calendar": "^3.7.0",
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import 'pure-react-carousel/dist/react-carousel.es.css';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { CHANNEL_TYPE } from "../template-preview/models/Channels";
|
|
4
|
-
import { EmailTemplateType } from "../template-preview/models/EmailTemplate";
|
|
5
|
-
import { SMSTemplateType } from "../template-preview/models/SmsTemplate";
|
|
6
|
-
import { WhatsAppCarouselTemplate } from "../template-preview/models/WhatsappCarouselTemplate";
|
|
7
|
-
import { WhatsAppTemplate } from "../template-preview/models/WhatsAppTemplate";
|
|
8
|
-
export declare const CarouselPreview: React.ForwardRefExoticComponent<{
|
|
9
|
-
channel: CHANNEL_TYPE;
|
|
10
|
-
template: WhatsAppTemplate | EmailTemplateType | SMSTemplateType | WhatsAppCarouselTemplate | null;
|
|
11
|
-
showSampleValues?: boolean | undefined;
|
|
12
|
-
} & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/chevronLeft.svg.js"),i=require("../../assets/icons/chevronRight.svg.js"),r=require("pure-react-carousel"),o=require("react"),s=require("styled-components"),a=require("./CarouselPreviewCard.js"),n=require("../../constants/Theme.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=l(o),c=l(s);const u=c.default.div`
|
|
2
|
-
background-image: url('https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F341dba50-e84e-4457-b5b5-d9d8a0b95a73?alt=media&token=6fd32f23-8bb2-4980-bbee-bef39b38fd9f');
|
|
3
|
-
border-color: ${n.COLORS.stroke.primary};
|
|
4
|
-
border-top-style: solid;
|
|
5
|
-
border-bottom-style: solid;
|
|
6
|
-
border-top-width: 1px;
|
|
7
|
-
border-bottom-width: 1px;
|
|
8
|
-
background-repeat: no-repeat;
|
|
9
|
-
background-position: center;
|
|
10
|
-
background-size: cover;
|
|
11
|
-
position: relative;
|
|
12
|
-
height: 500px;
|
|
13
|
-
overflow-y: auto;
|
|
14
|
-
`,p=c.default.div`
|
|
15
|
-
flex-direction: row;
|
|
16
|
-
display: flex;
|
|
17
|
-
align-items: center;
|
|
18
|
-
.left_button {
|
|
19
|
-
border-radius: 50%;
|
|
20
|
-
width: 38px;
|
|
21
|
-
height: 36px;
|
|
22
|
-
align-items: center;
|
|
23
|
-
justify-content: center;
|
|
24
|
-
display: flex;
|
|
25
|
-
position: absolute;
|
|
26
|
-
left: 0;
|
|
27
|
-
z-index: 10;
|
|
28
|
-
margin-left: 4px;
|
|
29
|
-
}
|
|
30
|
-
.right_button {
|
|
31
|
-
border-radius: 50%;
|
|
32
|
-
width: 38px;
|
|
33
|
-
height: 36px;
|
|
34
|
-
align-items: center;
|
|
35
|
-
justify-content: center;
|
|
36
|
-
display: flex;
|
|
37
|
-
position: absolute;
|
|
38
|
-
right: 0;
|
|
39
|
-
z-index: 10;
|
|
40
|
-
margin-right: 4px;
|
|
41
|
-
}
|
|
42
|
-
.slider {
|
|
43
|
-
width: 360px;
|
|
44
|
-
height: 480px;
|
|
45
|
-
}
|
|
46
|
-
`,h=d.default.forwardRef(((s,l)=>{let{channel:d,template:c,showSampleValues:h}=s;var b,f,g;return o.useEffect((()=>{console.log("template mapper use effect: ",-1,c)}),[null===(b=null==c?void 0:c.components)||void 0===b?void 0:b[1].cards]),e.jsxs(u,{children:[e.jsx(a.default,{channel:d,template:c,isHeader:!0,carouselCardIndex:-1}),e.jsx(r.CarouselProvider,Object.assign({naturalSlideWidth:100,naturalSlideHeight:125,totalSlides:3,orientation:"horizontal",visibleSlides:1.2},{children:e.jsxs(p,{children:[e.jsx(r.ButtonBack,Object.assign({className:"left_button"},{children:e.jsx(t.default,{height:16,width:16,color:n.COLORS.content.primary})})),e.jsx(r.Slider,Object.assign({className:"slider"},{children:null===(g=null===(f=null==c?void 0:c.components)||void 0===f?void 0:f[1].cards)||void 0===g?void 0:g.map(((t,i)=>{var o,s;const n={components:t.components,mapping:null===(s=null===(o=null==c?void 0:c.mapping)||void 0===o?void 0:o.cards)||void 0===s?void 0:s[i]};return e.jsx(r.Slide,Object.assign({index:i},{children:e.jsx(a.default,{channel:d,template:n,isHeader:!1,carouselCardIndex:i},i)}),i)}))})),e.jsx(r.ButtonNext,Object.assign({className:"right_button"},{children:e.jsx(i.default,{height:16,width:16,color:n.COLORS.content.primary})}))]})}))]})}));exports.CarouselPreview=h;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { CHANNEL_TYPE } from "../template-preview/models/Channels";
|
|
3
|
-
declare const CarouselPreviewCard: React.ForwardRefExoticComponent<{
|
|
4
|
-
channel: CHANNEL_TYPE;
|
|
5
|
-
template: any;
|
|
6
|
-
showSampleValues?: boolean | undefined;
|
|
7
|
-
isHeader?: boolean | undefined;
|
|
8
|
-
carouselCardIndex?: number | undefined;
|
|
9
|
-
} & React.RefAttributes<HTMLDivElement>>;
|
|
10
|
-
export default CarouselPreviewCard;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("styled-components"),a=require("../template-preview/TemplatePreview.js");require("../template-preview/WhatsApp/WhatsAppLikePreview.js"),require("../template-preview/WhatsApp/WhatsAppLikePreviewV2.js"),require("../../constants/Theme.js"),require("../template-preview/models/TemplateMeta.js"),require("../template-preview/models/WhatsAppTemplate.js");var l=require("../template-preview/models/Channels.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=s(t),p=s(r);const n=p.default.div`
|
|
2
|
-
position: relative;
|
|
3
|
-
height: ${e=>e.isHeader?"150px":"100%"};
|
|
4
|
-
width: ${e=>e.channel===l.CHANNEL_TYPE.WHATSAPP?"360px":"300px"};
|
|
5
|
-
`,d=p.default.div`
|
|
6
|
-
position: absolute;
|
|
7
|
-
flex: 1;
|
|
8
|
-
scroll-behavior: smooth;
|
|
9
|
-
left: 12px;
|
|
10
|
-
top: 8px;
|
|
11
|
-
width: calc(100% - 25px);
|
|
12
|
-
height: calc(100% - 17px);
|
|
13
|
-
`,o=i.default.forwardRef(((t,r)=>{let{channel:l,template:s,showSampleValues:i,isHeader:p,carouselCardIndex:o}=t;return e.jsx("div",{children:e.jsx(n,Object.assign({channel:l,isHeader:null!=p&&p},{children:e.jsx(d,Object.assign({ref:r},{children:e.jsx(a.TemplatePreview,{showSampleValues:i,template:s,channel:l,size:"small",hideHeader:!0,carouselCardIndex:o})}))}))})}));exports.default=o;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './CarouselPreview';
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { VariableListInterfaceV2 } from "../../add-variableV2";
|
|
2
|
-
import { WhatsAppPickerMeta } from "../../template-preview";
|
|
3
|
-
import { WhatsAppCarouselTemplate } from "../../template-preview/models/WhatsappCarouselTemplate";
|
|
4
|
-
export interface EditWhatsAppCarouselTemplateV2Props {
|
|
5
|
-
whatsappSpecificPickerMeta?: WhatsAppPickerMeta;
|
|
6
|
-
template: WhatsAppCarouselTemplate;
|
|
7
|
-
showVariableModal?: boolean;
|
|
8
|
-
variableList?: VariableListInterfaceV2[];
|
|
9
|
-
variableListForImage?: VariableListInterfaceV2[];
|
|
10
|
-
discountCode?: string;
|
|
11
|
-
setDiscountCode?: (code: string) => void;
|
|
12
|
-
}
|
|
13
|
-
declare const EditWhatsAppCarouselTemplateV2: ({ template, whatsappSpecificPickerMeta, showVariableModal, variableList, variableListForImage, discountCode, setDiscountCode, }: EditWhatsAppCarouselTemplateV2Props) => import("react/jsx-runtime").JSX.Element;
|
|
14
|
-
export default EditWhatsAppCarouselTemplateV2;
|
package/dist/cjs/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),a=require("../context/templateModalContext.js"),s=require("./EditWhatsAppTemplateV2.js"),r=require("../../TypographyStyle.js");exports.default=i=>{let{template:l,whatsappSpecificPickerMeta:o,showVariableModal:p,variableList:u,variableListForImage:d,discountCode:c,setDiscountCode:n}=i;const{selectedCarouselIndex:m,setTemplate:C}=a.useTemplateModalContext(),[x,M]=t.useState(-1==m?"First Message (Step 1/2)":"Carousel Cards (Step 2/2)");return t.useEffect((()=>{M(-1==m?"First Message (Step 1/2)":"Carousel Cards (Step 2/2)")}),[m]),e.jsxs("div",{children:[e.jsx(r.TitleMedium,Object.assign({style:{marginLeft:10,marginBottom:10}},{children:x})),e.jsx(s.default,{whatsappSpecificPickerMeta:o,template:l,onTemplateChange:e=>{null==C||C(e)},showVariableModal:p,variableList:u,variableListForImage:d,discountCode:c,setDiscountCode:n})]})};
|
|
@@ -1,80 +0,0 @@
|
|
|
1
|
-
import { HEADER_TYPES, TEMPLATE_STATUS, WhatsAppTemplateVariables } from "..";
|
|
2
|
-
import { CHANNEL_TYPE } from "./Channels";
|
|
3
|
-
import { CUSTOM_VARIABLE } from './TemplateMeta';
|
|
4
|
-
export type WhatsAppCarouselTemplate = {
|
|
5
|
-
name: string;
|
|
6
|
-
label: string;
|
|
7
|
-
recommended?: boolean;
|
|
8
|
-
templateId?: string;
|
|
9
|
-
channel: CHANNEL_TYPE;
|
|
10
|
-
templateCategory: string;
|
|
11
|
-
type?: 'email' | 'whatsapp';
|
|
12
|
-
components: {
|
|
13
|
-
type: 'BODY' | 'CAROUSEL';
|
|
14
|
-
format?: HEADER_TYPES;
|
|
15
|
-
text?: string;
|
|
16
|
-
example?: {
|
|
17
|
-
header_handle?: Array<string>;
|
|
18
|
-
body_text?: Array<string[]>;
|
|
19
|
-
header_text?: Array<string>;
|
|
20
|
-
};
|
|
21
|
-
cards?: {
|
|
22
|
-
components: {
|
|
23
|
-
type: 'HEADER' | 'BODY' | 'BUTTONS' | 'FOOTER';
|
|
24
|
-
format?: HEADER_TYPES;
|
|
25
|
-
text?: string;
|
|
26
|
-
buttons?: {
|
|
27
|
-
type: 'QUICK_REPLY' | 'URL' | 'PHONE_NUMBER';
|
|
28
|
-
text?: string;
|
|
29
|
-
url?: string;
|
|
30
|
-
example?: string[];
|
|
31
|
-
linkMode?: 'custom' | 'home';
|
|
32
|
-
phone_number?: string;
|
|
33
|
-
flowName?: string;
|
|
34
|
-
flowId?: string;
|
|
35
|
-
}[];
|
|
36
|
-
example?: {
|
|
37
|
-
header_handle?: Array<string>;
|
|
38
|
-
body_text?: Array<string[]>;
|
|
39
|
-
header_text?: Array<string>;
|
|
40
|
-
};
|
|
41
|
-
}[];
|
|
42
|
-
}[];
|
|
43
|
-
}[];
|
|
44
|
-
mapping: {
|
|
45
|
-
header?: string[];
|
|
46
|
-
body?: string[];
|
|
47
|
-
buttons?: string[];
|
|
48
|
-
cards?: {
|
|
49
|
-
header?: string[];
|
|
50
|
-
body?: string[];
|
|
51
|
-
buttons?: string[];
|
|
52
|
-
}[];
|
|
53
|
-
};
|
|
54
|
-
templateComponentValues: {
|
|
55
|
-
components: {
|
|
56
|
-
header?: string[];
|
|
57
|
-
body?: string[];
|
|
58
|
-
buttons?: string[];
|
|
59
|
-
cards?: {
|
|
60
|
-
header?: string[];
|
|
61
|
-
body?: string[];
|
|
62
|
-
buttons?: string[];
|
|
63
|
-
}[];
|
|
64
|
-
};
|
|
65
|
-
};
|
|
66
|
-
htmlContentUrl?: string;
|
|
67
|
-
language: 'en_US';
|
|
68
|
-
status: TEMPLATE_STATUS;
|
|
69
|
-
category: string;
|
|
70
|
-
thumbnailImageUrl?: string;
|
|
71
|
-
FB_blob_key?: string;
|
|
72
|
-
reason?: string;
|
|
73
|
-
createdAt: number;
|
|
74
|
-
updatedAt: number;
|
|
75
|
-
isDraft?: boolean;
|
|
76
|
-
};
|
|
77
|
-
export interface WhatsAppCarouselTemplateVariables {
|
|
78
|
-
body: CUSTOM_VARIABLE[];
|
|
79
|
-
cards: WhatsAppTemplateVariables[];
|
|
80
|
-
}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import 'pure-react-carousel/dist/react-carousel.es.css';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { CHANNEL_TYPE } from "../template-preview/models/Channels";
|
|
4
|
-
import { EmailTemplateType } from "../template-preview/models/EmailTemplate";
|
|
5
|
-
import { SMSTemplateType } from "../template-preview/models/SmsTemplate";
|
|
6
|
-
import { WhatsAppCarouselTemplate } from "../template-preview/models/WhatsappCarouselTemplate";
|
|
7
|
-
import { WhatsAppTemplate } from "../template-preview/models/WhatsAppTemplate";
|
|
8
|
-
export declare const CarouselPreview: React.ForwardRefExoticComponent<{
|
|
9
|
-
channel: CHANNEL_TYPE;
|
|
10
|
-
template: WhatsAppTemplate | EmailTemplateType | SMSTemplateType | WhatsAppCarouselTemplate | null;
|
|
11
|
-
showSampleValues?: boolean | undefined;
|
|
12
|
-
} & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
import{jsxs as e,jsx as t}from"react/jsx-runtime";import o from"../../assets/icons/chevronLeft.svg.js";import i from"../../assets/icons/chevronRight.svg.js";import{CarouselProvider as r,ButtonBack as n,Slider as a,Slide as s,ButtonNext as l}from"pure-react-carousel";import d,{useEffect as c}from"react";import p from"styled-components";import m from"./CarouselPreviewCard.js";import{COLORS as h}from"../../constants/Theme.js";const b=p.div`
|
|
2
|
-
background-image: url('https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F341dba50-e84e-4457-b5b5-d9d8a0b95a73?alt=media&token=6fd32f23-8bb2-4980-bbee-bef39b38fd9f');
|
|
3
|
-
border-color: ${h.stroke.primary};
|
|
4
|
-
border-top-style: solid;
|
|
5
|
-
border-bottom-style: solid;
|
|
6
|
-
border-top-width: 1px;
|
|
7
|
-
border-bottom-width: 1px;
|
|
8
|
-
background-repeat: no-repeat;
|
|
9
|
-
background-position: center;
|
|
10
|
-
background-size: cover;
|
|
11
|
-
position: relative;
|
|
12
|
-
height: 500px;
|
|
13
|
-
overflow-y: auto;
|
|
14
|
-
`,u=p.div`
|
|
15
|
-
flex-direction: row;
|
|
16
|
-
display: flex;
|
|
17
|
-
align-items: center;
|
|
18
|
-
.left_button {
|
|
19
|
-
border-radius: 50%;
|
|
20
|
-
width: 38px;
|
|
21
|
-
height: 36px;
|
|
22
|
-
align-items: center;
|
|
23
|
-
justify-content: center;
|
|
24
|
-
display: flex;
|
|
25
|
-
position: absolute;
|
|
26
|
-
left: 0;
|
|
27
|
-
z-index: 10;
|
|
28
|
-
margin-left: 4px;
|
|
29
|
-
}
|
|
30
|
-
.right_button {
|
|
31
|
-
border-radius: 50%;
|
|
32
|
-
width: 38px;
|
|
33
|
-
height: 36px;
|
|
34
|
-
align-items: center;
|
|
35
|
-
justify-content: center;
|
|
36
|
-
display: flex;
|
|
37
|
-
position: absolute;
|
|
38
|
-
right: 0;
|
|
39
|
-
z-index: 10;
|
|
40
|
-
margin-right: 4px;
|
|
41
|
-
}
|
|
42
|
-
.slider {
|
|
43
|
-
width: 360px;
|
|
44
|
-
height: 480px;
|
|
45
|
-
}
|
|
46
|
-
`,g=d.forwardRef(((d,p)=>{let{channel:g,template:f,showSampleValues:v}=d;var x,y,j;return c((()=>{console.log("template mapper use effect: ",-1,f)}),[null===(x=null==f?void 0:f.components)||void 0===x?void 0:x[1].cards]),e(b,{children:[t(m,{channel:g,template:f,isHeader:!0,carouselCardIndex:-1}),t(r,Object.assign({naturalSlideWidth:100,naturalSlideHeight:125,totalSlides:3,orientation:"horizontal",visibleSlides:1.2},{children:e(u,{children:[t(n,Object.assign({className:"left_button"},{children:t(o,{height:16,width:16,color:h.content.primary})})),t(a,Object.assign({className:"slider"},{children:null===(j=null===(y=null==f?void 0:f.components)||void 0===y?void 0:y[1].cards)||void 0===j?void 0:j.map(((e,o)=>{var i,r;const n={components:e.components,mapping:null===(r=null===(i=null==f?void 0:f.mapping)||void 0===i?void 0:i.cards)||void 0===r?void 0:r[o]};return t(s,Object.assign({index:o},{children:t(m,{channel:g,template:n,isHeader:!1,carouselCardIndex:o},o)}),o)}))})),t(l,Object.assign({className:"right_button"},{children:t(i,{height:16,width:16,color:h.content.primary})}))]})}))]})}));export{g as CarouselPreview};
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { CHANNEL_TYPE } from "../template-preview/models/Channels";
|
|
3
|
-
declare const CarouselPreviewCard: React.ForwardRefExoticComponent<{
|
|
4
|
-
channel: CHANNEL_TYPE;
|
|
5
|
-
template: any;
|
|
6
|
-
showSampleValues?: boolean | undefined;
|
|
7
|
-
isHeader?: boolean | undefined;
|
|
8
|
-
carouselCardIndex?: number | undefined;
|
|
9
|
-
} & React.RefAttributes<HTMLDivElement>>;
|
|
10
|
-
export default CarouselPreviewCard;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import{jsx as e}from"react/jsx-runtime";import t from"react";import p from"styled-components";import{TemplatePreview as a}from"../template-preview/TemplatePreview.js";import"../template-preview/WhatsApp/WhatsAppLikePreview.js";import"../template-preview/WhatsApp/WhatsAppLikePreviewV2.js";import"../../constants/Theme.js";import"../template-preview/models/TemplateMeta.js";import"../template-preview/models/WhatsAppTemplate.js";import{CHANNEL_TYPE as r}from"../template-preview/models/Channels.js";const i=p.div`
|
|
2
|
-
position: relative;
|
|
3
|
-
height: ${e=>e.isHeader?"150px":"100%"};
|
|
4
|
-
width: ${e=>e.channel===r.WHATSAPP?"360px":"300px"};
|
|
5
|
-
`,l=p.div`
|
|
6
|
-
position: absolute;
|
|
7
|
-
flex: 1;
|
|
8
|
-
scroll-behavior: smooth;
|
|
9
|
-
left: 12px;
|
|
10
|
-
top: 8px;
|
|
11
|
-
width: calc(100% - 25px);
|
|
12
|
-
height: calc(100% - 17px);
|
|
13
|
-
`,s=t.forwardRef(((t,p)=>{let{channel:r,template:s,showSampleValues:o,isHeader:m,carouselCardIndex:n}=t;return e("div",{children:e(i,Object.assign({channel:r,isHeader:null!=m&&m},{children:e(l,Object.assign({ref:p},{children:e(a,{showSampleValues:o,template:s,channel:r,size:"small",hideHeader:!0,carouselCardIndex:n})}))}))})}));export{s as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './CarouselPreview';
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { VariableListInterfaceV2 } from "../../add-variableV2";
|
|
2
|
-
import { WhatsAppPickerMeta } from "../../template-preview";
|
|
3
|
-
import { WhatsAppCarouselTemplate } from "../../template-preview/models/WhatsappCarouselTemplate";
|
|
4
|
-
export interface EditWhatsAppCarouselTemplateV2Props {
|
|
5
|
-
whatsappSpecificPickerMeta?: WhatsAppPickerMeta;
|
|
6
|
-
template: WhatsAppCarouselTemplate;
|
|
7
|
-
showVariableModal?: boolean;
|
|
8
|
-
variableList?: VariableListInterfaceV2[];
|
|
9
|
-
variableListForImage?: VariableListInterfaceV2[];
|
|
10
|
-
discountCode?: string;
|
|
11
|
-
setDiscountCode?: (code: string) => void;
|
|
12
|
-
}
|
|
13
|
-
declare const EditWhatsAppCarouselTemplateV2: ({ template, whatsappSpecificPickerMeta, showVariableModal, variableList, variableListForImage, discountCode, setDiscountCode, }: EditWhatsAppCarouselTemplateV2Props) => import("react/jsx-runtime").JSX.Element;
|
|
14
|
-
export default EditWhatsAppCarouselTemplateV2;
|
package/dist/esm/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as a,useEffect as r}from"react";import{useTemplateModalContext as s}from"../context/templateModalContext.js";import o from"./EditWhatsAppTemplateV2.js";import{TitleMedium as i}from"../../TypographyStyle.js";const l=l=>{let{template:p,whatsappSpecificPickerMeta:m,showVariableModal:c,variableList:n,variableListForImage:d,discountCode:u,setDiscountCode:C}=l;const{selectedCarouselIndex:f,setTemplate:g}=s(),[h,b]=a(-1==f?"First Message (Step 1/2)":"Carousel Cards (Step 2/2)");return r((()=>{b(-1==f?"First Message (Step 1/2)":"Carousel Cards (Step 2/2)")}),[f]),e("div",{children:[t(i,Object.assign({style:{marginLeft:10,marginBottom:10}},{children:h})),t(o,{whatsappSpecificPickerMeta:m,template:p,onTemplateChange:e=>{null==g||g(e)},showVariableModal:c,variableList:n,variableListForImage:d,discountCode:u,setDiscountCode:C})]})};export{l as default};
|
|
@@ -1,80 +0,0 @@
|
|
|
1
|
-
import { HEADER_TYPES, TEMPLATE_STATUS, WhatsAppTemplateVariables } from "..";
|
|
2
|
-
import { CHANNEL_TYPE } from "./Channels";
|
|
3
|
-
import { CUSTOM_VARIABLE } from './TemplateMeta';
|
|
4
|
-
export type WhatsAppCarouselTemplate = {
|
|
5
|
-
name: string;
|
|
6
|
-
label: string;
|
|
7
|
-
recommended?: boolean;
|
|
8
|
-
templateId?: string;
|
|
9
|
-
channel: CHANNEL_TYPE;
|
|
10
|
-
templateCategory: string;
|
|
11
|
-
type?: 'email' | 'whatsapp';
|
|
12
|
-
components: {
|
|
13
|
-
type: 'BODY' | 'CAROUSEL';
|
|
14
|
-
format?: HEADER_TYPES;
|
|
15
|
-
text?: string;
|
|
16
|
-
example?: {
|
|
17
|
-
header_handle?: Array<string>;
|
|
18
|
-
body_text?: Array<string[]>;
|
|
19
|
-
header_text?: Array<string>;
|
|
20
|
-
};
|
|
21
|
-
cards?: {
|
|
22
|
-
components: {
|
|
23
|
-
type: 'HEADER' | 'BODY' | 'BUTTONS' | 'FOOTER';
|
|
24
|
-
format?: HEADER_TYPES;
|
|
25
|
-
text?: string;
|
|
26
|
-
buttons?: {
|
|
27
|
-
type: 'QUICK_REPLY' | 'URL' | 'PHONE_NUMBER';
|
|
28
|
-
text?: string;
|
|
29
|
-
url?: string;
|
|
30
|
-
example?: string[];
|
|
31
|
-
linkMode?: 'custom' | 'home';
|
|
32
|
-
phone_number?: string;
|
|
33
|
-
flowName?: string;
|
|
34
|
-
flowId?: string;
|
|
35
|
-
}[];
|
|
36
|
-
example?: {
|
|
37
|
-
header_handle?: Array<string>;
|
|
38
|
-
body_text?: Array<string[]>;
|
|
39
|
-
header_text?: Array<string>;
|
|
40
|
-
};
|
|
41
|
-
}[];
|
|
42
|
-
}[];
|
|
43
|
-
}[];
|
|
44
|
-
mapping: {
|
|
45
|
-
header?: string[];
|
|
46
|
-
body?: string[];
|
|
47
|
-
buttons?: string[];
|
|
48
|
-
cards?: {
|
|
49
|
-
header?: string[];
|
|
50
|
-
body?: string[];
|
|
51
|
-
buttons?: string[];
|
|
52
|
-
}[];
|
|
53
|
-
};
|
|
54
|
-
templateComponentValues: {
|
|
55
|
-
components: {
|
|
56
|
-
header?: string[];
|
|
57
|
-
body?: string[];
|
|
58
|
-
buttons?: string[];
|
|
59
|
-
cards?: {
|
|
60
|
-
header?: string[];
|
|
61
|
-
body?: string[];
|
|
62
|
-
buttons?: string[];
|
|
63
|
-
}[];
|
|
64
|
-
};
|
|
65
|
-
};
|
|
66
|
-
htmlContentUrl?: string;
|
|
67
|
-
language: 'en_US';
|
|
68
|
-
status: TEMPLATE_STATUS;
|
|
69
|
-
category: string;
|
|
70
|
-
thumbnailImageUrl?: string;
|
|
71
|
-
FB_blob_key?: string;
|
|
72
|
-
reason?: string;
|
|
73
|
-
createdAt: number;
|
|
74
|
-
updatedAt: number;
|
|
75
|
-
isDraft?: boolean;
|
|
76
|
-
};
|
|
77
|
-
export interface WhatsAppCarouselTemplateVariables {
|
|
78
|
-
body: CUSTOM_VARIABLE[];
|
|
79
|
-
cards: WhatsAppTemplateVariables[];
|
|
80
|
-
}
|