@openlettermarketing/olc-react-sdk 2.1.5-beta.1 → 2.1.5-beta.2

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.
Files changed (230) hide show
  1. package/.eslintignore +1 -0
  2. package/.eslintrc.cjs +18 -0
  3. package/.eslintrc.yml +47 -0
  4. package/.github/workflows/publish-beta.yml +154 -0
  5. package/.github/workflows/publish-production.yml +143 -0
  6. package/.prettierignore +3 -0
  7. package/.prettierrc.yml +5 -0
  8. package/CHANGELOG.md +4 -0
  9. package/babel.config.json +10 -0
  10. package/build/index.js +82 -82
  11. package/build/index.js.map +1 -1
  12. package/build/types/version.d.ts +1 -1
  13. package/examples/.eslintrc.yml +4 -0
  14. package/index.html +18 -0
  15. package/package.json +1 -1
  16. package/public/vite.svg +1 -0
  17. package/src/App.tsx +209 -0
  18. package/src/assets/Fonts/Lexi-Regular.ttf +0 -0
  19. package/src/assets/images/create-template/prebuilt.svg +13 -0
  20. package/src/assets/images/create-template/scratch.svg +4 -0
  21. package/src/assets/images/input/cancel.tsx +20 -0
  22. package/src/assets/images/input/search.tsx +20 -0
  23. package/src/assets/images/input/select-cancel.tsx +17 -0
  24. package/src/assets/images/modal-icons/add.tsx +36 -0
  25. package/src/assets/images/modal-icons/cancel-file.tsx +12 -0
  26. package/src/assets/images/modal-icons/cancel-input.tsx +13 -0
  27. package/src/assets/images/modal-icons/cancel.tsx +35 -0
  28. package/src/assets/images/modal-icons/close-new.svg +3 -0
  29. package/src/assets/images/modal-icons/confirm-close-icon.tsx +14 -0
  30. package/src/assets/images/modal-icons/confirm-new.tsx +22 -0
  31. package/src/assets/images/modal-icons/confirm.svg +12 -0
  32. package/src/assets/images/modal-icons/cross.tsx +23 -0
  33. package/src/assets/images/modal-icons/del.tsx +19 -0
  34. package/src/assets/images/modal-icons/design-icon.tsx +22 -0
  35. package/src/assets/images/modal-icons/doc.tsx +43 -0
  36. package/src/assets/images/modal-icons/docx.tsx +43 -0
  37. package/src/assets/images/modal-icons/envelope-icon.tsx +26 -0
  38. package/src/assets/images/modal-icons/info.tsx +19 -0
  39. package/src/assets/images/modal-icons/jpeg.tsx +43 -0
  40. package/src/assets/images/modal-icons/jpg.tsx +43 -0
  41. package/src/assets/images/modal-icons/modal-cros.svg +4 -0
  42. package/src/assets/images/modal-icons/modal-cross.tsx +37 -0
  43. package/src/assets/images/modal-icons/new-cancel.tsx +11 -0
  44. package/src/assets/images/modal-icons/order-download.tsx +42 -0
  45. package/src/assets/images/modal-icons/pdf.tsx +51 -0
  46. package/src/assets/images/modal-icons/png.tsx +43 -0
  47. package/src/assets/images/modal-icons/save.tsx +23 -0
  48. package/src/assets/images/modal-icons/template-copy.tsx +25 -0
  49. package/src/assets/images/modal-icons/tool-cancel.tsx +25 -0
  50. package/src/assets/images/products/bi-new.svg +23 -0
  51. package/src/assets/images/products/left-arrow.svg +17 -0
  52. package/src/assets/images/products/personal-new.tsx +31 -0
  53. package/src/assets/images/products/postcard-new.tsx +27 -0
  54. package/src/assets/images/products/professional-new.tsx +24 -0
  55. package/src/assets/images/products/real-new.tsx +30 -0
  56. package/src/assets/images/products/right-arrow.svg +17 -0
  57. package/src/assets/images/products/snap-new.svg +31 -0
  58. package/src/assets/images/templates/actions.svg +3 -0
  59. package/src/assets/images/templates/address-block-icon.tsx +62 -0
  60. package/src/assets/images/templates/archive.svg +3 -0
  61. package/src/assets/images/templates/arrow-down.tsx +27 -0
  62. package/src/assets/images/templates/back-arrow.tsx +19 -0
  63. package/src/assets/images/templates/bi-fold-self-mailers.tsx +28 -0
  64. package/src/assets/images/templates/check.svg +3 -0
  65. package/src/assets/images/templates/code.svg +10 -0
  66. package/src/assets/images/templates/content-copy-icon.tsx +24 -0
  67. package/src/assets/images/templates/custom-add-on-icon.tsx +18 -0
  68. package/src/assets/images/templates/custom-qr-section-icon.tsx +9 -0
  69. package/src/assets/images/templates/custom-template.tsx +23 -0
  70. package/src/assets/images/templates/designer.tsx +43 -0
  71. package/src/assets/images/templates/dot.tsx +22 -0
  72. package/src/assets/images/templates/download-v2.svg +4 -0
  73. package/src/assets/images/templates/download.svg +4 -0
  74. package/src/assets/images/templates/dummy-template.tsx +76 -0
  75. package/src/assets/images/templates/dynamic-field.tsx +119 -0
  76. package/src/assets/images/templates/edit-pencil-icon.tsx +21 -0
  77. package/src/assets/images/templates/edit.svg +3 -0
  78. package/src/assets/images/templates/epo-icon.tsx +16 -0
  79. package/src/assets/images/templates/field.tsx +29 -0
  80. package/src/assets/images/templates/gsv-icon.tsx +31 -0
  81. package/src/assets/images/templates/info-icon.tsx +37 -0
  82. package/src/assets/images/templates/left-arrow.svg +17 -0
  83. package/src/assets/images/templates/pencil.svg +3 -0
  84. package/src/assets/images/templates/personal-letter.tsx +53 -0
  85. package/src/assets/images/templates/postcard.tsx +32 -0
  86. package/src/assets/images/templates/professional-letter.tsx +53 -0
  87. package/src/assets/images/templates/qr-code.tsx +13 -0
  88. package/src/assets/images/templates/real-penned-letters.tsx +57 -0
  89. package/src/assets/images/templates/right-arrow.svg +17 -0
  90. package/src/assets/images/templates/size-image-lg.tsx +20 -0
  91. package/src/assets/images/templates/size-image-mid.tsx +20 -0
  92. package/src/assets/images/templates/size-image-xl.tsx +20 -0
  93. package/src/assets/images/templates/size-image.tsx +20 -0
  94. package/src/assets/images/templates/snap-pack.tsx +67 -0
  95. package/src/assets/images/templates/template-default-design.tsx +21 -0
  96. package/src/assets/images/templates/trash-upload.svg +3 -0
  97. package/src/assets/images/templates/trash.svg +3 -0
  98. package/src/assets/images/templates/tri-fold-self-mailers.tsx +93 -0
  99. package/src/assets/images/templates/upload-image.svg +10 -0
  100. package/src/assets/images/templates/x.svg +3 -0
  101. package/src/assets/images/thumbnails/one.svg +9 -0
  102. package/src/assets/images/tooltip/tool-arrow.tsx +25 -0
  103. package/src/components/CreateTemplate/V2/index.tsx +525 -0
  104. package/src/components/CreateTemplate/V2/styles.scss +372 -0
  105. package/src/components/CreateTemplate/index.tsx +508 -0
  106. package/src/components/CreateTemplate/styles.scss +404 -0
  107. package/src/components/GenericUIBlocks/Button/index.tsx +54 -0
  108. package/src/components/GenericUIBlocks/Button/styles.scss +43 -0
  109. package/src/components/GenericUIBlocks/CircularProgress/index.tsx +18 -0
  110. package/src/components/GenericUIBlocks/CircularProgress/styles.scss +93 -0
  111. package/src/components/GenericUIBlocks/CustomTooltip/index.tsx +88 -0
  112. package/src/components/GenericUIBlocks/CustomTooltip/styles.scss +19 -0
  113. package/src/components/GenericUIBlocks/Dialog/V2/index.tsx +227 -0
  114. package/src/components/GenericUIBlocks/Dialog/V2/styles.scss +289 -0
  115. package/src/components/GenericUIBlocks/Dialog/index.tsx +185 -0
  116. package/src/components/GenericUIBlocks/Dialog/styles.scss +227 -0
  117. package/src/components/GenericUIBlocks/Divider/index.tsx +12 -0
  118. package/src/components/GenericUIBlocks/Divider/styles.scss +7 -0
  119. package/src/components/GenericUIBlocks/GeneralSelect/index.tsx +114 -0
  120. package/src/components/GenericUIBlocks/GeneralSelect/styles.scss +406 -0
  121. package/src/components/GenericUIBlocks/GeneralTooltip/index.tsx +25 -0
  122. package/src/components/GenericUIBlocks/GeneralTooltip/styles.scss +20 -0
  123. package/src/components/GenericUIBlocks/GenericSnackbar/Toast/index.tsx +91 -0
  124. package/src/components/GenericUIBlocks/GenericSnackbar/Toast/styles.scss +92 -0
  125. package/src/components/GenericUIBlocks/Grid/index.tsx +82 -0
  126. package/src/components/GenericUIBlocks/Input/index.tsx +269 -0
  127. package/src/components/GenericUIBlocks/Input/styles.scss +332 -0
  128. package/src/components/GenericUIBlocks/Tabs/index.tsx +71 -0
  129. package/src/components/GenericUIBlocks/Tabs/styles.scss +42 -0
  130. package/src/components/GenericUIBlocks/Typography/index.tsx +18 -0
  131. package/src/components/GenericUIBlocks/Typography/styles.scss +27 -0
  132. package/src/components/SidePanel/CustomAddOns/index.tsx +342 -0
  133. package/src/components/SidePanel/CustomAddOns/styles.scss +86 -0
  134. package/src/components/SidePanel/CustomBlockColors/index.tsx +211 -0
  135. package/src/components/SidePanel/CustomBlockColors/styles.scss +80 -0
  136. package/src/components/SidePanel/CustomFields/customFieldSection.tsx +547 -0
  137. package/src/components/SidePanel/CustomFields/styles.scss +64 -0
  138. package/src/components/SidePanel/CustomQRCode/V2/QRCodeModal/index.tsx +172 -0
  139. package/src/components/SidePanel/CustomQRCode/V2/QRCodeModal/styles.scss +46 -0
  140. package/src/components/SidePanel/CustomQRCode/index.tsx +1070 -0
  141. package/src/components/SidePanel/CustomQRCode/styles.scss +149 -0
  142. package/src/components/SidePanel/CustomUploads/V2/index.tsx +542 -0
  143. package/src/components/SidePanel/CustomUploads/V2/styles.scss +267 -0
  144. package/src/components/SidePanel/CustomUploads/index.tsx +301 -0
  145. package/src/components/SidePanel/Templates/ModalGallery/HireDesigner/index.tsx +424 -0
  146. package/src/components/SidePanel/Templates/ModalGallery/HireDesigner/styles.scss +180 -0
  147. package/src/components/SidePanel/Templates/ModalGallery/V2/index.tsx +235 -0
  148. package/src/components/SidePanel/Templates/ModalGallery/V2/styles.scss +244 -0
  149. package/src/components/SidePanel/Templates/ModalGallery/index.tsx +231 -0
  150. package/src/components/SidePanel/Templates/SideBarGallery/index.tsx +233 -0
  151. package/src/components/SidePanel/Templates/SideBarGallery/styles.scss +152 -0
  152. package/src/components/SidePanel/Templates/TemplatesCard/V2/index.tsx +149 -0
  153. package/src/components/SidePanel/Templates/TemplatesCard/V2/styles.scss +156 -0
  154. package/src/components/SidePanel/Templates/TemplatesCard/index.tsx +160 -0
  155. package/src/components/SidePanel/Templates/TemplatesCard/styles.scss +98 -0
  156. package/src/components/SidePanel/Templates/customTemplateSection.tsx +793 -0
  157. package/src/components/SidePanel/Templates/styles.scss +244 -0
  158. package/src/components/SidePanel/index.tsx +160 -0
  159. package/src/components/TemplateBuilder/index.tsx +585 -0
  160. package/src/components/TemplateBuilder/styles.scss +100 -0
  161. package/src/components/TemplateTypes/index.tsx +96 -0
  162. package/src/components/TemplateTypes/styles.scss +91 -0
  163. package/src/components/TopNavigation/ConfirmNavigateDialog/index.tsx +81 -0
  164. package/src/components/TopNavigation/ConfirmNavigateDialog/styles.scss +123 -0
  165. package/src/components/TopNavigation/DuplicateTemplateModal.tsx +103 -0
  166. package/src/components/TopNavigation/EditTemplateNameModel/index.tsx +71 -0
  167. package/src/components/TopNavigation/EditTemplateNameModel/styles.scss +88 -0
  168. package/src/components/TopNavigation/SaveTemplateModel/index.tsx +201 -0
  169. package/src/components/TopNavigation/SaveTemplateModel/styles.scss +128 -0
  170. package/src/components/TopNavigation/index.tsx +938 -0
  171. package/src/components/TopNavigation/styles.scss +303 -0
  172. package/src/importMeta.d.ts +31 -0
  173. package/src/index.scss +131 -0
  174. package/src/index.tsx +238 -0
  175. package/src/libs/test.ts +7 -0
  176. package/src/redux/actions/action-types.ts +52 -0
  177. package/src/redux/actions/customQRCodeActions.ts +54 -0
  178. package/src/redux/actions/snackbarActions.ts +16 -0
  179. package/src/redux/actions/templateActions.ts +236 -0
  180. package/src/redux/reducers/customFieldReducer.ts +99 -0
  181. package/src/redux/reducers/customQRCodeReducer.ts +58 -0
  182. package/src/redux/reducers/index.ts +15 -0
  183. package/src/redux/reducers/snackbarReducer.ts +40 -0
  184. package/src/redux/reducers/templateReducer.ts +485 -0
  185. package/src/redux/store.ts +18 -0
  186. package/src/styles/colors.scss +61 -0
  187. package/src/test/mocks.js +89 -0
  188. package/src/test/setupJest.js +1 -0
  189. package/src/utils/api.ts +36 -0
  190. package/src/utils/constants.ts +182 -0
  191. package/src/utils/customStyles.ts +45 -0
  192. package/src/utils/fetchWrapper.ts +73 -0
  193. package/src/utils/fonts.json +1597 -0
  194. package/src/utils/helper.ts +205 -0
  195. package/src/utils/local-storage.ts +15 -0
  196. package/src/utils/message.ts +162 -0
  197. package/src/utils/products.ts +186 -0
  198. package/src/utils/template-builder.ts +328 -0
  199. package/src/utils/templateIdentifierArea/biFold.ts +107 -0
  200. package/src/utils/templateIdentifierArea/index.ts +35 -0
  201. package/src/utils/templateIdentifierArea/personal.ts +107 -0
  202. package/src/utils/templateIdentifierArea/postCards.ts +163 -0
  203. package/src/utils/templateIdentifierArea/professional.ts +125 -0
  204. package/src/utils/templateIdentifierArea/snapPack.ts +107 -0
  205. package/src/utils/templateIdentifierArea/triFold.ts +107 -0
  206. package/src/utils/templateRestrictedArea/biFold.ts +329 -0
  207. package/src/utils/templateRestrictedArea/nonWindowProfessional.ts +90 -0
  208. package/src/utils/templateRestrictedArea/personal.ts +90 -0
  209. package/src/utils/templateRestrictedArea/postCard.ts +334 -0
  210. package/src/utils/templateRestrictedArea/postCardJumbo.tsx +408 -0
  211. package/src/utils/templateRestrictedArea/professional.ts +318 -0
  212. package/src/utils/templateRestrictedArea/realPenned.ts +233 -0
  213. package/src/utils/templateRestrictedArea/snapPack.ts +1009 -0
  214. package/src/utils/templateRestrictedArea/triFold.ts +330 -0
  215. package/src/utils/templateSafetyBorders/biFold.ts +91 -0
  216. package/src/utils/templateSafetyBorders/index.ts +43 -0
  217. package/src/utils/templateSafetyBorders/personal.ts +41 -0
  218. package/src/utils/templateSafetyBorders/postCards.ts +259 -0
  219. package/src/utils/templateSafetyBorders/professional.ts +78 -0
  220. package/src/utils/templateSafetyBorders/snapPack.ts +165 -0
  221. package/src/utils/templateSafetyBorders/triFold.ts +114 -0
  222. package/src/utils/templateSafetyBorders/types.d.ts +68 -0
  223. package/src/utils/types.ts +12 -0
  224. package/src/v2Theme.scss +142 -0
  225. package/tsconfig.json +29 -0
  226. package/tsconfig.node.json +12 -0
  227. package/update-version.js +23 -0
  228. package/version.js +1 -0
  229. package/vite.config.ts +8 -0
  230. package/webpack.config.js +80 -0
package/.eslintignore ADDED
@@ -0,0 +1 @@
1
+ dist
package/.eslintrc.cjs ADDED
@@ -0,0 +1,18 @@
1
+ module.exports = {
2
+ root: true,
3
+ env: { browser: true, es2020: true },
4
+ extends: [
5
+ 'eslint:recommended',
6
+ 'plugin:@typescript-eslint/recommended',
7
+ 'plugin:react-hooks/recommended',
8
+ ],
9
+ ignorePatterns: ['dist', '.eslintrc.cjs'],
10
+ parser: '@typescript-eslint/parser',
11
+ plugins: ['react-refresh'],
12
+ rules: {
13
+ 'react-refresh/only-export-components': [
14
+ 'warn',
15
+ { allowConstantExport: true },
16
+ ],
17
+ },
18
+ }
package/.eslintrc.yml ADDED
@@ -0,0 +1,47 @@
1
+ ---
2
+ root: true
3
+ extends:
4
+ - eslint:recommended
5
+ - plugin:@typescript-eslint/eslint-recommended
6
+ - plugin:@typescript-eslint/recommended
7
+ - plugin:react/recommended
8
+ parser: '@typescript-eslint/parser'
9
+ parserOptions:
10
+ # project: './tsconfig.json'
11
+ ecmaFeatures:
12
+ jsx: true
13
+ plugins:
14
+ - '@typescript-eslint'
15
+ - jest
16
+ - react
17
+ - react-hooks
18
+ settings:
19
+ react:
20
+ version: detect
21
+ env:
22
+ jest/globals: true
23
+ browser: true
24
+ es6: true
25
+ rules:
26
+ no-console: 0
27
+ func-style: 2
28
+ consistent-return: 2
29
+ prefer-arrow-callback:
30
+ - 2
31
+ - allowNamedFunctions: false
32
+ allowUnboundThis: false
33
+ jest/no-disabled-tests: 2
34
+ jest/no-focused-tests: 2
35
+ react/prop-types: 0
36
+ react/forbid-prop-types: 0
37
+ react/no-unused-prop-types: 0
38
+ react-hooks/rules-of-hooks: 2
39
+ react-hooks/exhaustive-deps: 1
40
+ '@typescript-eslint/no-explicit-any': 0
41
+ '@typescript-eslint/no-empty-interface': 0
42
+ '@typescript-eslint/explicit-function-return-type': 0
43
+ '@typescript-eslint/camelcase': 0
44
+ '@typescript-eslint/no-empty-function': 0
45
+ '@typescript-eslint/no-unused-vars':
46
+ - 2
47
+ - varsIgnorePattern: ^_
@@ -0,0 +1,154 @@
1
+ name: Publish Beta Version
2
+
3
+ on:
4
+ push:
5
+ branches:
6
+ - develop
7
+ tags:
8
+ - '*-beta*'
9
+ - 'beta-*'
10
+ - 'v*-beta*'
11
+ workflow_dispatch:
12
+
13
+ jobs:
14
+ publish-beta:
15
+ runs-on: ubuntu-latest
16
+ if: ${{ !contains(github.event.head_commit.message, '[skip ci]') }}
17
+
18
+ steps:
19
+ - name: Checkout repository
20
+ uses: actions/checkout@v4
21
+
22
+ - name: Send Deployment Started Notification
23
+ uses: slackapi/slack-github-action@v1.24.0
24
+ with:
25
+ payload: |
26
+ {
27
+ "text": ":large_yellow_circle: Beta Package Deployment Started",
28
+ "blocks": [
29
+ {
30
+ "type": "section",
31
+ "text": {
32
+ "type": "mrkdwn",
33
+ "text": ":large_yellow_circle: :large_yellow_circle: *Beta Package* Deployment Started :large_yellow_circle: :large_yellow_circle:"
34
+ }
35
+ },
36
+ {
37
+ "type": "context",
38
+ "elements": [
39
+ {
40
+ "type": "mrkdwn",
41
+ "text": ":male-factory-worker: *Started By:* ${{ github.event.pusher.name }}"
42
+ }
43
+ ]
44
+ }
45
+ ]
46
+ }
47
+ env:
48
+ SLACK_WEBHOOK_URL: ${{ secrets.SLACK_WEBHOOK_URL }}
49
+ SLACK_WEBHOOK_TYPE: INCOMING_WEBHOOK
50
+
51
+ - name: Setup Node.js
52
+ uses: actions/setup-node@v4
53
+ with:
54
+ node-version: '18'
55
+ registry-url: 'https://registry.npmjs.org'
56
+ cache: 'npm'
57
+
58
+ - name: Install dependencies
59
+ run: npm i --force
60
+
61
+ - name: Generate beta version
62
+ id: version
63
+ run: |
64
+ CURRENT_VERSION=$(node -p "require('./package.json').version")
65
+ TIMESTAMP=$(date +%Y%m%d%H%M%S)
66
+ BETA_VERSION="${CURRENT_VERSION}-beta.${TIMESTAMP}"
67
+
68
+ echo "beta_version=${BETA_VERSION}" >> $GITHUB_OUTPUT
69
+ echo "Generated beta version: ${BETA_VERSION}"
70
+
71
+ npm version ${BETA_VERSION} --no-git-tag-version
72
+
73
+ - name: Build package
74
+ run: npm run build
75
+
76
+ - name: Update package metadata for beta
77
+ run: |
78
+ node -e "
79
+ const pkg = require('./package.json');
80
+ pkg.publishConfig = { ...pkg.publishConfig, tag: 'beta' };
81
+ require('fs').writeFileSync('./package.json', JSON.stringify(pkg, null, 2));
82
+ "
83
+
84
+ - name: Publish to npm (beta)
85
+ run: npm publish --tag beta --access public
86
+ env:
87
+ NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
88
+
89
+ - name: Send Deployment Completed Notification
90
+ uses: slackapi/slack-github-action@v1.24.0
91
+ with:
92
+ payload: |
93
+ {
94
+ "text": ":large_green_circle: Beta Package Deployment Completed",
95
+ "blocks": [
96
+ {
97
+ "type": "section",
98
+ "text": {
99
+ "type": "mrkdwn",
100
+ "text": ":large_green_circle: :large_green_circle: *Beta Package* Deployment Completed :large_green_circle: :large_green_circle:"
101
+ }
102
+ },
103
+ {
104
+ "type": "context",
105
+ "elements": [
106
+ {
107
+ "type": "mrkdwn",
108
+ "text": ":male-factory-worker: *Started By:* ${{ github.event.pusher.name }}"
109
+ },
110
+ {
111
+ "type": "mrkdwn",
112
+ "text": ":package: *Version:* ${{ steps.version.outputs.beta_version }}"
113
+ }
114
+ ]
115
+ }
116
+ ]
117
+ }
118
+ env:
119
+ SLACK_WEBHOOK_URL: ${{ secrets.SLACK_WEBHOOK_URL }}
120
+ SLACK_WEBHOOK_TYPE: INCOMING_WEBHOOK
121
+
122
+ - name: Notify on failure
123
+ if: failure()
124
+ uses: slackapi/slack-github-action@v1.24.0
125
+ with:
126
+ payload: |
127
+ {
128
+ "text": ":x: Beta Package Deployment Failed",
129
+ "blocks": [
130
+ {
131
+ "type": "section",
132
+ "text": {
133
+ "type": "mrkdwn",
134
+ "text": ":x: :x: *Beta Package* Deployment Failed :x: :x:"
135
+ }
136
+ },
137
+ {
138
+ "type": "context",
139
+ "elements": [
140
+ {
141
+ "type": "mrkdwn",
142
+ "text": ":male-factory-worker: *Started By:* ${{ github.event.pusher.name }}"
143
+ },
144
+ {
145
+ "type": "mrkdwn",
146
+ "text": ":link: *Workflow:* <${{ github.server_url }}/${{ github.repository }}/actions/runs/${{ github.run_id }}|View Details>"
147
+ }
148
+ ]
149
+ }
150
+ ]
151
+ }
152
+ env:
153
+ SLACK_WEBHOOK_URL: ${{ secrets.SLACK_WEBHOOK_URL }}
154
+ SLACK_WEBHOOK_TYPE: INCOMING_WEBHOOK
@@ -0,0 +1,143 @@
1
+ name: Publish Production Release
2
+
3
+ on:
4
+ release:
5
+ types: [published]
6
+
7
+ jobs:
8
+ publish-production:
9
+ runs-on: ubuntu-latest
10
+
11
+ steps:
12
+ - name: Checkout repository
13
+ uses: actions/checkout@v4
14
+
15
+ - name: Extract version from tag
16
+ id: version
17
+ run: |
18
+ if [ "${{ github.event_name }}" = "release" ]; then
19
+ # For release events, get tag from release
20
+ TAG_NAME="${{ github.event.release.tag_name }}"
21
+ else
22
+ # For push events, get tag from ref
23
+ TAG_NAME=${GITHUB_REF#refs/tags/}
24
+ fi
25
+
26
+ VERSION=${TAG_NAME#v} # Remove 'v' prefix if present
27
+ echo "tag_name=${TAG_NAME}" >> $GITHUB_OUTPUT
28
+ echo "version=${VERSION}" >> $GITHUB_OUTPUT
29
+ echo "Extracted version: ${VERSION} from tag: ${TAG_NAME} (event: ${{ github.event_name }})"
30
+
31
+ - name: Send Deployment Started Notification
32
+ uses: slackapi/slack-github-action@v1.24.0
33
+ with:
34
+ payload: |
35
+ {
36
+ "text": ":rocket: Production Release Deployment Started",
37
+ "blocks": [
38
+ {
39
+ "type": "section",
40
+ "text": { "type": "mrkdwn", "text": ":rocket: :rocket: *Production Release* v${{ steps.version.outputs.version }} Deployment Started :rocket: :rocket:" }
41
+ },
42
+ {
43
+ "type": "context",
44
+ "elements": [
45
+ { "type": "mrkdwn", "text": ":male-factory-worker: *Started By:* ${{ github.actor }}" },
46
+ { "type": "mrkdwn", "text": ":label: *Tag:* ${{ steps.version.outputs.tag_name }}" }
47
+ ]
48
+ }
49
+ ]
50
+ }
51
+ env:
52
+ SLACK_WEBHOOK_URL: ${{ secrets.SLACK_WEBHOOK_URL }}
53
+ SLACK_WEBHOOK_TYPE: INCOMING_WEBHOOK
54
+
55
+ - name: Setup Node.js
56
+ uses: actions/setup-node@v4
57
+ with:
58
+ node-version: '18'
59
+ registry-url: 'https://registry.npmjs.org'
60
+ cache: 'npm'
61
+
62
+ - name: Install dependencies
63
+ run: npm install --force
64
+
65
+ - name: Update package.json version
66
+ run: |
67
+ npm version ${{ steps.version.outputs.version }} --no-git-tag-version --allow-same-version
68
+
69
+ - name: Build package
70
+ run: npm run build
71
+
72
+ # - name: Commit build changes
73
+ # run: |
74
+ # git config --local user.email "action@github.com"
75
+ # git config --local user.name "GitHub Action"
76
+ # git add .
77
+ # git diff --staged --quiet || git commit -m "chore: update build artifacts for v${{ steps.version.outputs.version }} [skip ci]"
78
+ # git push origin HEAD
79
+
80
+ - name: Publish to npm
81
+ run: npm publish --access public
82
+ env:
83
+ NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
84
+
85
+ - name: Send Deployment Completed Notification
86
+ uses: slackapi/slack-github-action@v1.24.0
87
+ with:
88
+ payload: |
89
+ {
90
+ "text": ":white_check_mark: Production Release Deployment Completed",
91
+ "blocks": [
92
+ {
93
+ "type": "section",
94
+ "text": { "type": "mrkdwn", "text": ":white_check_mark: :white_check_mark: *Production Release* v${{ steps.version.outputs.version }} Deployment Completed :white_check_mark: :white_check_mark:" }
95
+ },
96
+ {
97
+ "type": "section",
98
+ "fields": [
99
+ { "type": "mrkdwn", "text": "*Version:*\nv${{ steps.version.outputs.version }}" },
100
+ { "type": "mrkdwn", "text": "*Tag:*\n${{ steps.version.outputs.tag_name }}" }
101
+ ]
102
+ },
103
+ {
104
+ "type": "section",
105
+ "text": { "type": "mrkdwn", "text": "*Links:*\n• <https://www.npmjs.com/package/@openlettermarketing/olc-react-sdk/v/${{ steps.version.outputs.version }}|NPM Package>\n• <https://github.com/${{ github.repository }}/releases/tag/${{ steps.version.outputs.tag_name }}|GitHub Release>" }
106
+ },
107
+ {
108
+ "type": "context",
109
+ "elements": [
110
+ { "type": "mrkdwn", "text": ":male-factory-worker: *Released By:* ${{ github.actor }}" }
111
+ ]
112
+ }
113
+ ]
114
+ }
115
+ env:
116
+ SLACK_WEBHOOK_URL: ${{ secrets.SLACK_WEBHOOK_URL }}
117
+ SLACK_WEBHOOK_TYPE: INCOMING_WEBHOOK
118
+
119
+ - name: Notify on failure
120
+ if: failure()
121
+ uses: slackapi/slack-github-action@v1.24.0
122
+ with:
123
+ payload: |
124
+ {
125
+ "text": ":x: Production Release Deployment Failed",
126
+ "blocks": [
127
+ {
128
+ "type": "section",
129
+ "text": { "type": "mrkdwn", "text": ":x: :x: *Production Release* v${{ steps.version.outputs.version }} Deployment Failed :x: :x:" }
130
+ },
131
+ {
132
+ "type": "context",
133
+ "elements": [
134
+ { "type": "mrkdwn", "text": ":male-factory-worker: *Started By:* ${{ github.actor }}" },
135
+ { "type": "mrkdwn", "text": ":link: *Workflow:* <${{ github.server_url }}/${{ github.repository }}/actions/runs/${{ github.run_id }}|View Details>" },
136
+ { "type": "mrkdwn", "text": ":label: *Tag:* ${{ steps.version.outputs.tag_name }}" }
137
+ ]
138
+ }
139
+ ]
140
+ }
141
+ env:
142
+ SLACK_WEBHOOK_URL: ${{ secrets.SLACK_WEBHOOK_URL }}
143
+ SLACK_WEBHOOK_TYPE: INCOMING_WEBHOOK
@@ -0,0 +1,3 @@
1
+ node_modules
2
+ dist
3
+ package.json
@@ -0,0 +1,5 @@
1
+ singleQuote: true
2
+ trailingComma: es5
3
+ bracketSpacing: false
4
+ arrowParens: always
5
+ proseWrap: always
package/CHANGELOG.md ADDED
@@ -0,0 +1,4 @@
1
+ # Changelog
2
+
3
+ See the [releases page](https://*/releases) on
4
+ GitHub for release notes.
@@ -0,0 +1,10 @@
1
+ {
2
+ "presets": [
3
+ ["@babel/preset-env"],
4
+ ["@babel/preset-react"],
5
+ ["@babel/preset-typescript"]
6
+ ],
7
+ "plugins": [
8
+ ["@babel/plugin-transform-class-properties"]
9
+ ]
10
+ }