feat(dashboard,api-service,framework): email editor digest block #8122
Conversation
LetItRock
requested review from
SokratisVidros,
BiswaViraj,
ChmaraX,
tatarco,
djabarovgeorge and
desiprisg
✅ Deploy Preview for dashboard-v2-novu-staging ready!
To edit notification comments on pull requests, go to your Netlify site configuration. |
| payloadExample: _.merge( | ||
| previewTemplateData.payloadExample, | ||
| multiplyArrayItems(variablesObject, userPayloadExample as Record<string, unknown> | undefined, 3) | ||
| ), |
There was a problem hiding this comment.
improve the logic of duplicating array items for the preview; now if the users are providing more than default 3 we will render more
| @@ -205,7 +210,8 @@ export function multiplyArrayItems(obj: Record<string, unknown>, multiplyBy = 3) | |||
| return key === 'events' ? { payload: {} } : value[0]; | |||
| }); | |||
| } else if (typeof value === 'object' && value !== null) { | |||
| result[key] = multiplyArrayItems(value as Record<string, unknown>, multiplyBy); | |||
| const refValue = ref?.[key] as Record<string, unknown> | undefined; | |||
| result[key] = multiplyArrayItems(value as Record<string, unknown>, refValue, multiplyBy); | |||
| } | |||
| }); | |||
|
|
|||
There was a problem hiding this comment.
the below are image files that I decided to compress to webp, now they weight way less and load faster
| import { StepResponseDto } from '@novu/shared'; | ||
| import { RiShadowLine } from 'react-icons/ri'; | ||
|
|
||
| export const createDigestBlock = (props: { |
There was a problem hiding this comment.
the email digest block
| { | ||
| type: 'repeat', | ||
| attrs: { | ||
| each: `steps.${digestStepBeforeCurrent.stepId}.events`, | ||
| isUpdatingKey: false, | ||
| showIfKey: null, | ||
| iterations: maxIterations, | ||
| }, | ||
| content: [ | ||
| { | ||
| type: 'paragraph', | ||
| attrs: { | ||
| textAlign: null, | ||
| showIfKey: null, | ||
| }, | ||
| content: [], | ||
| }, | ||
| ], |
There was a problem hiding this comment.
repeat block with max items set to 5 and empty paragraph
| type: 'paragraph', | ||
| attrs: { | ||
| textAlign: null, | ||
| showIfKey: null, | ||
| }, | ||
| content: [ | ||
| { | ||
| type: 'variable', | ||
| attrs: { | ||
| id: `steps.digest-step.eventCount | minus: ${maxIterations} | pluralize: 'more comment', ''`, | ||
| label: null, | ||
| fallback: null, | ||
| required: false, | ||
| aliasFor: null, | ||
| }, | ||
| }, | ||
| ], |
There was a problem hiding this comment.
the paragraph with the variable that uses steps.digest-step.eventCount and filters
| if (isEnhancedDigestEnabled && digestStepBeforeCurrent) { | ||
| highlightBlocks.unshift(createDigestBlock({ track, digestStepBeforeCurrent })); | ||
| } |
There was a problem hiding this comment.
add the digest block to the list of highlighted blocks
| @@ -58,6 +59,43 @@ export const WorkflowProvider = ({ children }: { children: ReactNode }) => { | |||
| ); | |||
| }, [workflow, stepSlug]); | |||
|
|
|||
| const isStepAfterDigest = useMemo(() => { | |||
There was a problem hiding this comment.
code copied from the PR: #8097
| @@ -32,6 +33,10 @@ export function pluralize(item: unknown, singular: string = '', plural: string = | |||
| count = 0; | |||
| } | |||
|
|
|||
| if (count <= 0) { | |||
There was a problem hiding this comment.
improved the pluralize LiquidJS filter to render nothing when the value is <= 0
commit: |
What changed? Why was the change needed?
Requires Maily PR to be merged: arikchakma/maily.to#184
The changes:
pluralizefilter to render nothing if thevalueis <= 0Screenshots
Screen.Recording.2025-04-11.at.17.28.51.mov