@genesislcap/pbc-notify-ui 15.20.2-FUI-0.2 → 15.20.2-FUI-0.3

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 (5) hide show
  1. package/dist/custom-elements.json +348 -348
  2. package/dist/dts/react.d.ts +19 -19
  3. package/dist/react.cjs +10 -10
  4. package/dist/react.mjs +8 -8
  5. package/package.json +22 -22
package/dist/custom-elements.json CHANGED
@@ -322,27 +322,6 @@
322
322
  }
323
323
  ]
324
324
  },
325
- {
326
- "kind": "javascript-module",
327
- "path": "src/styles/scrollbar.styles.ts",
328
- "declarations": [
329
- {
330
- "kind": "variable",
331
- "name": "scrollbarStyles",
332
- "default": "css`\n ::-webkit-scrollbar {\n width: calc((var(--base-height-multiplier) + var(--design-unit)) * 1px);\n }\n\n ::-webkit-scrollbar-track {\n background: var(--neutral-layer-1);\n }\n\n ::-webkit-scrollbar-thumb {\n background: var(--neutral-fill-rest);\n }\n`"
333
- }
334
- ],
335
- "exports": [
336
- {
337
- "kind": "js",
338
- "name": "scrollbarStyles",
339
- "declaration": {
340
- "name": "scrollbarStyles",
341
- "module": "src/styles/scrollbar.styles.ts"
342
- }
343
- }
344
- ]
345
- },
346
325
  {
347
326
  "kind": "javascript-module",
348
327
  "path": "src/services/alert.service.ts",
@@ -821,6 +800,27 @@
821
800
  }
822
801
  ]
823
802
  },
803
+ {
804
+ "kind": "javascript-module",
805
+ "path": "src/styles/scrollbar.styles.ts",
806
+ "declarations": [
807
+ {
808
+ "kind": "variable",
809
+ "name": "scrollbarStyles",
810
+ "default": "css`\n ::-webkit-scrollbar {\n width: calc((var(--base-height-multiplier) + var(--design-unit)) * 1px);\n }\n\n ::-webkit-scrollbar-track {\n background: var(--neutral-layer-1);\n }\n\n ::-webkit-scrollbar-thumb {\n background: var(--neutral-fill-rest);\n }\n`"
811
+ }
812
+ ],
813
+ "exports": [
814
+ {
815
+ "kind": "js",
816
+ "name": "scrollbarStyles",
817
+ "declaration": {
818
+ "name": "scrollbarStyles",
819
+ "module": "src/styles/scrollbar.styles.ts"
820
+ }
821
+ }
822
+ ]
823
+ },
824
824
  {
825
825
  "kind": "javascript-module",
826
826
  "path": "src/components/foundation-inbox/inbox.styles.ts",
@@ -4918,6 +4918,149 @@
4918
4918
  }
4919
4919
  ]
4920
4920
  },
4921
+ {
4922
+ "kind": "javascript-module",
4923
+ "path": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.styles.ts",
4924
+ "declarations": [
4925
+ {
4926
+ "kind": "variable",
4927
+ "name": "noItemsClass",
4928
+ "type": {
4929
+ "text": "string"
4930
+ },
4931
+ "default": "'no-items'",
4932
+ "description": "Class to use when there are no items"
4933
+ },
4934
+ {
4935
+ "kind": "variable",
4936
+ "name": "FoundationInboxCounterStyles",
4937
+ "default": "css`\n :host {\n display: inline-block;\n min-width: 16px;\n height: 16px;\n border-radius: 9px;\n text-align: center;\n color: #fff;\n line-height: 16px;\n font-size: 9px;\n font-weight: 700;\n background: ${BACKGROUND_COLOR};\n pointer-events: none;\n }\n\n .hidden {\n visibility: hidden;\n }\n\n :host(.${noItemsClass}) {\n display: none;\n }\n`"
4938
+ }
4939
+ ],
4940
+ "exports": [
4941
+ {
4942
+ "kind": "js",
4943
+ "name": "noItemsClass",
4944
+ "declaration": {
4945
+ "name": "noItemsClass",
4946
+ "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.styles.ts"
4947
+ }
4948
+ },
4949
+ {
4950
+ "kind": "js",
4951
+ "name": "FoundationInboxCounterStyles",
4952
+ "declaration": {
4953
+ "name": "FoundationInboxCounterStyles",
4954
+ "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.styles.ts"
4955
+ }
4956
+ }
4957
+ ]
4958
+ },
4959
+ {
4960
+ "kind": "javascript-module",
4961
+ "path": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.template.ts",
4962
+ "declarations": [
4963
+ {
4964
+ "kind": "variable",
4965
+ "name": "FoundationInboxCounterTemplate",
4966
+ "default": "html<FoundationInboxCounter>`\n <template class=\"${(x) => classNames([noItemsClass, x.value < 1])}\">\n ${when(\n (x) => x.value > 0,\n html`\n ${(x) => (x.value > MAX_NUMBER_TO_DISPLAY ? `${MAX_NUMBER_TO_DISPLAY}+` : x.value)}\n `,\n )}\n </template>\n`"
4967
+ }
4968
+ ],
4969
+ "exports": [
4970
+ {
4971
+ "kind": "js",
4972
+ "name": "FoundationInboxCounterTemplate",
4973
+ "declaration": {
4974
+ "name": "FoundationInboxCounterTemplate",
4975
+ "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.template.ts"
4976
+ }
4977
+ }
4978
+ ]
4979
+ },
4980
+ {
4981
+ "kind": "javascript-module",
4982
+ "path": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.ts",
4983
+ "declarations": [
4984
+ {
4985
+ "kind": "class",
4986
+ "description": "",
4987
+ "name": "FoundationInboxCounter",
4988
+ "members": [
4989
+ {
4990
+ "kind": "field",
4991
+ "name": "value",
4992
+ "type": {
4993
+ "text": "number"
4994
+ },
4995
+ "default": "0"
4996
+ },
4997
+ {
4998
+ "kind": "field",
4999
+ "name": "connect",
5000
+ "type": {
5001
+ "text": "Connect"
5002
+ }
5003
+ },
5004
+ {
5005
+ "kind": "field",
5006
+ "name": "inboxService",
5007
+ "type": {
5008
+ "text": "FoundationInboxService"
5009
+ }
5010
+ },
5011
+ {
5012
+ "kind": "field",
5013
+ "name": "connectionSub",
5014
+ "type": {
5015
+ "text": "Subscription"
5016
+ },
5017
+ "privacy": "private"
5018
+ },
5019
+ {
5020
+ "kind": "method",
5021
+ "name": "subscribeToAlerts",
5022
+ "privacy": "private",
5023
+ "return": {
5024
+ "type": {
5025
+ "text": "Promise<void>"
5026
+ }
5027
+ },
5028
+ "description": "Subscribes to alerts from the inbox service"
5029
+ },
5030
+ {
5031
+ "kind": "field",
5032
+ "name": "subscriptionHandler",
5033
+ "privacy": "private",
5034
+ "description": "Handles subscription updates from the inbox service"
5035
+ }
5036
+ ],
5037
+ "superclass": {
5038
+ "name": "GenesisElement",
5039
+ "package": "@genesislcap/web-core"
5040
+ },
5041
+ "tagName": "foundation-inbox-counter",
5042
+ "customElement": true
5043
+ }
5044
+ ],
5045
+ "exports": [
5046
+ {
5047
+ "kind": "js",
5048
+ "name": "FoundationInboxCounter",
5049
+ "declaration": {
5050
+ "name": "FoundationInboxCounter",
5051
+ "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.ts"
5052
+ }
5053
+ },
5054
+ {
5055
+ "kind": "custom-element-definition",
5056
+ "name": "foundation-inbox-counter",
5057
+ "declaration": {
5058
+ "name": "FoundationInboxCounter",
5059
+ "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.ts"
5060
+ }
5061
+ }
5062
+ ]
5063
+ },
4921
5064
  {
4922
5065
  "kind": "javascript-module",
4923
5066
  "path": "src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.styles.ts",
@@ -6032,222 +6175,79 @@
6032
6175
  },
6033
6176
  {
6034
6177
  "kind": "javascript-module",
6035
- "path": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.styles.ts",
6178
+ "path": "src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.styles.ts",
6036
6179
  "declarations": [
6037
6180
  {
6038
6181
  "kind": "variable",
6039
- "name": "noItemsClass",
6040
- "type": {
6041
- "text": "string"
6042
- },
6043
- "default": "'no-items'",
6044
- "description": "Class to use when there are no items"
6045
- },
6046
- {
6047
- "kind": "variable",
6048
- "name": "FoundationInboxCounterStyles",
6049
- "default": "css`\n :host {\n display: inline-block;\n min-width: 16px;\n height: 16px;\n border-radius: 9px;\n text-align: center;\n color: #fff;\n line-height: 16px;\n font-size: 9px;\n font-weight: 700;\n background: ${BACKGROUND_COLOR};\n pointer-events: none;\n }\n\n .hidden {\n visibility: hidden;\n }\n\n :host(.${noItemsClass}) {\n display: none;\n }\n`"
6182
+ "name": "InboxSubscriptionStyles",
6183
+ "default": "css`\n .inbox-subscription {\n display: flex;\n flex-direction: column;\n }\n\n .inbox-subscription.inline {\n margin-top: calc(var(--design-unit) * 2px);\n padding-top: calc(var(--design-unit) * 2px);\n border-top: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n }\n\n .inbox-subscription-header {\n border-top: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n border-bottom: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n padding: calc(var(--design-unit) * 2px);\n }\n\n .inbox-subscription-empty {\n padding: 0 calc(var(--design-unit) * 2px);\n margin: calc(var(--design-unit) * 2px) 0 0;\n }\n\n .inbox-subscription-content {\n display: flex;\n flex-direction: column;\n gap: calc(var(--design-unit) * 3px);\n border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n margin: calc(var(--design-unit) * 2px);\n padding: calc(var(--design-unit) * 2px);\n border-radius: calc(var(--control-corner-radius) * 1px);\n }\n\n .inbox-subscription:not(.inline) .inbox-subscription-content {\n overflow: auto;\n max-height: calc(var(--design-unit) * 80px);\n }\n\n .inbox-subscription.inline .inbox-subscription-content {\n margin: calc(var(--design-unit) * 2px) 0 0;\n overflow: visible;\n max-height: none;\n padding-bottom: calc(var(--design-unit) * 4px);\n }\n\n .inbox-subscription.inline .control:focus-within {\n position: relative;\n z-index: 2;\n }\n\n .inbox-subscription-footer {\n display: flex;\n gap: calc(var(--design-unit) * 2px);\n padding: calc(var(--design-unit) * 2px) 0 0;\n border-top: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n margin-top: calc(var(--design-unit) * 2px);\n }\n\n .inbox-subscription:not(.inline) .inbox-subscription-footer {\n padding: calc(var(--design-unit) * 2px);\n margin-top: 0;\n }\n\n .inbox-subscription-footer.auto-submit {\n justify-content: flex-end;\n border-top: none;\n margin-top: 0;\n padding-top: 0;\n }\n\n rapid-button.subscribe,\n rapid-button.cancel {\n display: flex;\n margin: 0;\n flex: 1;\n }\n`"
6050
6184
  }
6051
6185
  ],
6052
6186
  "exports": [
6053
6187
  {
6054
6188
  "kind": "js",
6055
- "name": "noItemsClass",
6056
- "declaration": {
6057
- "name": "noItemsClass",
6058
- "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.styles.ts"
6059
- }
6060
- },
6061
- {
6062
- "kind": "js",
6063
- "name": "FoundationInboxCounterStyles",
6189
+ "name": "InboxSubscriptionStyles",
6064
6190
  "declaration": {
6065
- "name": "FoundationInboxCounterStyles",
6066
- "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.styles.ts"
6191
+ "name": "InboxSubscriptionStyles",
6192
+ "module": "src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.styles.ts"
6067
6193
  }
6068
6194
  }
6069
6195
  ]
6070
6196
  },
6071
6197
  {
6072
6198
  "kind": "javascript-module",
6073
- "path": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.template.ts",
6199
+ "path": "src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.template.ts",
6074
6200
  "declarations": [
6075
6201
  {
6076
6202
  "kind": "variable",
6077
- "name": "FoundationInboxCounterTemplate",
6078
- "default": "html<FoundationInboxCounter>`\n <template class=\"${(x) => classNames([noItemsClass, x.value < 1])}\">\n ${when(\n (x) => x.value > 0,\n html`\n ${(x) => (x.value > MAX_NUMBER_TO_DISPLAY ? `${MAX_NUMBER_TO_DISPLAY}+` : x.value)}\n `,\n )}\n </template>\n`"
6203
+ "name": "InboxSubscriptionTemplate",
6204
+ "default": "html<InboxSubscription>`\n <div class=\"inbox-subscription ${(x) => (x.inline ? 'inline' : '')}\">\n ${when(\n (x) => !x.inline,\n html`\n <div class=\"inbox-subscription-header\">\n Subscribe to\n <span style=\"font-weight: bold;\">${(x) => x.template.RULE_NAME}</span>\n </div>\n `,\n )}\n ${when(\n (x) => Object.values(x.template?.PARAMETERS ?? {}).length === 0,\n html`\n <p class=\"inbox-subscription-empty\">The selected template doesn't have parameters.</p>\n `,\n )}\n ${when(\n (x) => Object.values(x.template?.PARAMETERS ?? {}).length > 0,\n html`\n <div class=\"inbox-subscription-content\">\n ${repeat(\n // @ts-ignore\n (x) => Object.values(x.template?.PARAMETERS ?? {}),\n html<RuleParameterEntity>`\n <rule-parameter\n :parameter=${(x) => x}\n :isFirstElement=${(x, c) => c.parent.isFirstElement(x)}\n :operator=${(x, c) => c.parent.parametersOperators[x.PARAM_NAME]}\n :requireSelection=${(x, c) => c.parent.usesAutoSubmit()}\n @parameterEdited=${(x, c) => c.parent.parameterEdit(eventDetail(c))}\n ></rule-parameter>\n `,\n )}\n </div>\n `,\n )}\n ${when(\n (x) => !x.inline || x.requiresManualSubscribe(),\n html`\n <div class=\"inbox-subscription-footer\">\n ${when(\n (x) => x.inline,\n html`\n <rapid-button\n class=\"cancel\"\n appearance=\"neutral\"\n @click=${(x) => x.cancelSubscribe()}\n >\n Cancel\n </rapid-button>\n `,\n )}\n <rapid-button\n class=\"subscribe\"\n appearance=\"primary\"\n @click=${(x) => x.subscribeTemplate()}\n ?disabled=${(x) => x.subscribeDisabled}\n >\n Subscribe\n </rapid-button>\n </div>\n `,\n )}\n ${when(\n (x) => x.inline && x.usesAutoSubmit(),\n html`\n <div class=\"inbox-subscription-footer auto-submit\">\n <rapid-button class=\"cancel\" appearance=\"neutral\" @click=${(x) => x.cancelSubscribe()}>\n Cancel\n </rapid-button>\n </div>\n `,\n )}\n </div>\n`"
6079
6205
  }
6080
6206
  ],
6081
6207
  "exports": [
6082
6208
  {
6083
6209
  "kind": "js",
6084
- "name": "FoundationInboxCounterTemplate",
6210
+ "name": "InboxSubscriptionTemplate",
6085
6211
  "declaration": {
6086
- "name": "FoundationInboxCounterTemplate",
6087
- "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.template.ts"
6212
+ "name": "InboxSubscriptionTemplate",
6213
+ "module": "src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.template.ts"
6088
6214
  }
6089
6215
  }
6090
6216
  ]
6091
6217
  },
6092
6218
  {
6093
6219
  "kind": "javascript-module",
6094
- "path": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.ts",
6220
+ "path": "src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.ts",
6095
6221
  "declarations": [
6096
6222
  {
6097
6223
  "kind": "class",
6098
- "description": "",
6099
- "name": "FoundationInboxCounter",
6224
+ "description": "Inbox subscription configuration UI.",
6225
+ "name": "InboxSubscription",
6100
6226
  "members": [
6101
6227
  {
6102
6228
  "kind": "field",
6103
- "name": "value",
6104
- "type": {
6105
- "text": "number"
6106
- },
6107
- "default": "0"
6229
+ "name": "template"
6108
6230
  },
6109
6231
  {
6110
6232
  "kind": "field",
6111
- "name": "connect",
6233
+ "name": "inline",
6112
6234
  "type": {
6113
- "text": "Connect"
6114
- }
6235
+ "text": "boolean"
6236
+ },
6237
+ "default": "false"
6115
6238
  },
6116
6239
  {
6117
6240
  "kind": "field",
6118
- "name": "inboxService",
6241
+ "name": "parametersDetails",
6119
6242
  "type": {
6120
- "text": "FoundationInboxService"
6121
- }
6243
+ "text": "object"
6244
+ },
6245
+ "privacy": "private",
6246
+ "default": "{}"
6122
6247
  },
6123
6248
  {
6124
6249
  "kind": "field",
6125
- "name": "connectionSub",
6126
- "type": {
6127
- "text": "Subscription"
6128
- },
6129
- "privacy": "private"
6130
- },
6131
- {
6132
- "kind": "method",
6133
- "name": "subscribeToAlerts",
6134
- "privacy": "private",
6135
- "return": {
6136
- "type": {
6137
- "text": "Promise<void>"
6138
- }
6139
- },
6140
- "description": "Subscribes to alerts from the inbox service"
6141
- },
6142
- {
6143
- "kind": "field",
6144
- "name": "subscriptionHandler",
6145
- "privacy": "private",
6146
- "description": "Handles subscription updates from the inbox service"
6147
- }
6148
- ],
6149
- "superclass": {
6150
- "name": "GenesisElement",
6151
- "package": "@genesislcap/web-core"
6152
- },
6153
- "tagName": "foundation-inbox-counter",
6154
- "customElement": true
6155
- }
6156
- ],
6157
- "exports": [
6158
- {
6159
- "kind": "js",
6160
- "name": "FoundationInboxCounter",
6161
- "declaration": {
6162
- "name": "FoundationInboxCounter",
6163
- "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.ts"
6164
- }
6165
- },
6166
- {
6167
- "kind": "custom-element-definition",
6168
- "name": "foundation-inbox-counter",
6169
- "declaration": {
6170
- "name": "FoundationInboxCounter",
6171
- "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.ts"
6172
- }
6173
- }
6174
- ]
6175
- },
6176
- {
6177
- "kind": "javascript-module",
6178
- "path": "src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.styles.ts",
6179
- "declarations": [
6180
- {
6181
- "kind": "variable",
6182
- "name": "InboxSubscriptionStyles",
6183
- "default": "css`\n .inbox-subscription {\n display: flex;\n flex-direction: column;\n }\n\n .inbox-subscription.inline {\n margin-top: calc(var(--design-unit) * 2px);\n padding-top: calc(var(--design-unit) * 2px);\n border-top: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n }\n\n .inbox-subscription-header {\n border-top: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n border-bottom: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n padding: calc(var(--design-unit) * 2px);\n }\n\n .inbox-subscription-empty {\n padding: 0 calc(var(--design-unit) * 2px);\n margin: calc(var(--design-unit) * 2px) 0 0;\n }\n\n .inbox-subscription-content {\n display: flex;\n flex-direction: column;\n gap: calc(var(--design-unit) * 3px);\n border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n margin: calc(var(--design-unit) * 2px);\n padding: calc(var(--design-unit) * 2px);\n border-radius: calc(var(--control-corner-radius) * 1px);\n }\n\n .inbox-subscription:not(.inline) .inbox-subscription-content {\n overflow: auto;\n max-height: calc(var(--design-unit) * 80px);\n }\n\n .inbox-subscription.inline .inbox-subscription-content {\n margin: calc(var(--design-unit) * 2px) 0 0;\n overflow: visible;\n max-height: none;\n padding-bottom: calc(var(--design-unit) * 4px);\n }\n\n .inbox-subscription.inline .control:focus-within {\n position: relative;\n z-index: 2;\n }\n\n .inbox-subscription-footer {\n display: flex;\n gap: calc(var(--design-unit) * 2px);\n padding: calc(var(--design-unit) * 2px) 0 0;\n border-top: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n margin-top: calc(var(--design-unit) * 2px);\n }\n\n .inbox-subscription:not(.inline) .inbox-subscription-footer {\n padding: calc(var(--design-unit) * 2px);\n margin-top: 0;\n }\n\n .inbox-subscription-footer.auto-submit {\n justify-content: flex-end;\n border-top: none;\n margin-top: 0;\n padding-top: 0;\n }\n\n rapid-button.subscribe,\n rapid-button.cancel {\n display: flex;\n margin: 0;\n flex: 1;\n }\n`"
6184
- }
6185
- ],
6186
- "exports": [
6187
- {
6188
- "kind": "js",
6189
- "name": "InboxSubscriptionStyles",
6190
- "declaration": {
6191
- "name": "InboxSubscriptionStyles",
6192
- "module": "src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.styles.ts"
6193
- }
6194
- }
6195
- ]
6196
- },
6197
- {
6198
- "kind": "javascript-module",
6199
- "path": "src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.template.ts",
6200
- "declarations": [
6201
- {
6202
- "kind": "variable",
6203
- "name": "InboxSubscriptionTemplate",
6204
- "default": "html<InboxSubscription>`\n <div class=\"inbox-subscription ${(x) => (x.inline ? 'inline' : '')}\">\n ${when(\n (x) => !x.inline,\n html`\n <div class=\"inbox-subscription-header\">\n Subscribe to\n <span style=\"font-weight: bold;\">${(x) => x.template.RULE_NAME}</span>\n </div>\n `,\n )}\n ${when(\n (x) => Object.values(x.template?.PARAMETERS ?? {}).length === 0,\n html`\n <p class=\"inbox-subscription-empty\">The selected template doesn't have parameters.</p>\n `,\n )}\n ${when(\n (x) => Object.values(x.template?.PARAMETERS ?? {}).length > 0,\n html`\n <div class=\"inbox-subscription-content\">\n ${repeat(\n // @ts-ignore\n (x) => Object.values(x.template?.PARAMETERS ?? {}),\n html<RuleParameterEntity>`\n <rule-parameter\n :parameter=${(x) => x}\n :isFirstElement=${(x, c) => c.parent.isFirstElement(x)}\n :operator=${(x, c) => c.parent.parametersOperators[x.PARAM_NAME]}\n :requireSelection=${(x, c) => c.parent.usesAutoSubmit()}\n @parameterEdited=${(x, c) => c.parent.parameterEdit(eventDetail(c))}\n ></rule-parameter>\n `,\n )}\n </div>\n `,\n )}\n ${when(\n (x) => !x.inline || x.requiresManualSubscribe(),\n html`\n <div class=\"inbox-subscription-footer\">\n ${when(\n (x) => x.inline,\n html`\n <rapid-button\n class=\"cancel\"\n appearance=\"neutral\"\n @click=${(x) => x.cancelSubscribe()}\n >\n Cancel\n </rapid-button>\n `,\n )}\n <rapid-button\n class=\"subscribe\"\n appearance=\"primary\"\n @click=${(x) => x.subscribeTemplate()}\n ?disabled=${(x) => x.subscribeDisabled}\n >\n Subscribe\n </rapid-button>\n </div>\n `,\n )}\n ${when(\n (x) => x.inline && x.usesAutoSubmit(),\n html`\n <div class=\"inbox-subscription-footer auto-submit\">\n <rapid-button class=\"cancel\" appearance=\"neutral\" @click=${(x) => x.cancelSubscribe()}>\n Cancel\n </rapid-button>\n </div>\n `,\n )}\n </div>\n`"
6205
- }
6206
- ],
6207
- "exports": [
6208
- {
6209
- "kind": "js",
6210
- "name": "InboxSubscriptionTemplate",
6211
- "declaration": {
6212
- "name": "InboxSubscriptionTemplate",
6213
- "module": "src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.template.ts"
6214
- }
6215
- }
6216
- ]
6217
- },
6218
- {
6219
- "kind": "javascript-module",
6220
- "path": "src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.ts",
6221
- "declarations": [
6222
- {
6223
- "kind": "class",
6224
- "description": "Inbox subscription configuration UI.",
6225
- "name": "InboxSubscription",
6226
- "members": [
6227
- {
6228
- "kind": "field",
6229
- "name": "template"
6230
- },
6231
- {
6232
- "kind": "field",
6233
- "name": "inline",
6234
- "type": {
6235
- "text": "boolean"
6236
- },
6237
- "default": "false"
6238
- },
6239
- {
6240
- "kind": "field",
6241
- "name": "parametersDetails",
6242
- "type": {
6243
- "text": "object"
6244
- },
6245
- "privacy": "private",
6246
- "default": "{}"
6247
- },
6248
- {
6249
- "kind": "field",
6250
- "name": "isSubmitting",
6250
+ "name": "isSubmitting",
6251
6251
  "type": {
6252
6252
  "text": "boolean"
6253
6253
  },
@@ -8993,164 +8993,6 @@
8993
8993
  }
8994
8994
  ]
8995
8995
  },
8996
- {
8997
- "kind": "javascript-module",
8998
- "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.template.ts",
8999
- "declarations": [
9000
- {
9001
- "kind": "variable",
9002
- "name": "TemplateConditionGroupTemplate",
9003
- "default": "html<TemplateConditionGroup>`\n ${when(\n (x) => !x.isFirst,\n html`\n <div class=\"join-toggle-row\">\n <div class=\"join-toggle\">\n <span\n class=\"join-text${(x) => classNames(['active', x.joinOperator === 'AND'])}\"\n @click=${(x) => (x.joinOperator = 'AND')}\n >\n AND\n </span>\n <span\n class=\"join-text${(x) => classNames(['active', x.joinOperator === 'OR'])}\"\n @click=${(x) => (x.joinOperator = 'OR')}\n >\n OR\n </span>\n </div>\n </div>\n `,\n )}\n <div class=\"condition-group-row\">\n <div class=\"condition-group-box\">\n ${repeat(\n (x) => x.groupChildren,\n html<ConditionNode, TemplateConditionGroup>`\n ${when(\n (x) => isGroup(x),\n html<ConditionNode>`\n <template-condition-group\n :fields=${(x, c) => c.parent.fields}\n :parameters=${(x, c) => c.parent.parameters}\n :node=${(x) => x}\n :isFirst=${(x, c) => c.index === 0}\n @edit=${(x, c) => c.parent.editChild(eventDetail(c))}\n @delete=${(x, c) => c.parent.deleteChild(eventDetail(c))}\n ></template-condition-group>\n `,\n )}\n ${when(\n (x) => !isGroup(x),\n html<ConditionNode>`\n <template-condition-builder\n :fields=${(x, c) => c.parent.fields}\n :parameters=${(x, c) => c.parent.parameters}\n :condition=${(x) => x}\n :isFirst=${(x, c) => c.index === 0}\n @edit=${(x, c) => c.parent.editChild(eventDetail(c))}\n @delete=${(x, c) => c.parent.deleteChild(eventDetail(c))}\n ></template-condition-builder>\n `,\n )}\n `,\n { positioning: true },\n )}\n\n <div class=\"content-row\">\n <rapid-button appearance=\"lightweight\" @click=${(x) => x.newCondition()}>\n + Condition\n </rapid-button>\n <rapid-button appearance=\"lightweight\" @click=${(x) => x.newGroup()}>+ Group</rapid-button>\n <rapid-button appearance=\"icon\" class=\"delete-group\" @click=${(x) => x.deleteSelf()}>\n <rapid-icon variant=\"regular\" name=\"trash-alt\" size=\"lg\" part=\"icon\"></rapid-icon>\n </rapid-button>\n </div>\n </div>\n </div>\n`"
9004
- }
9005
- ],
9006
- "exports": [
9007
- {
9008
- "kind": "js",
9009
- "name": "TemplateConditionGroupTemplate",
9010
- "declaration": {
9011
- "name": "TemplateConditionGroupTemplate",
9012
- "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.template.ts"
9013
- }
9014
- }
9015
- ]
9016
- },
9017
- {
9018
- "kind": "javascript-module",
9019
- "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.ts",
9020
- "declarations": [
9021
- {
9022
- "kind": "class",
9023
- "description": "Parenthesized group of conditions/nested groups for notification template\ncriteria - see rule-condition-group for the rationale. Also forwards\n:parameters down to nested template-condition-builder rows so parameter\nbinding (USER_ENTRY) keeps working inside a group.",
9024
- "name": "TemplateConditionGroup",
9025
- "members": [
9026
- {
9027
- "kind": "field",
9028
- "name": "node",
9029
- "type": {
9030
- "text": "ConditionGroupEntity"
9031
- }
9032
- },
9033
- {
9034
- "kind": "field",
9035
- "name": "fields",
9036
- "type": {
9037
- "text": "Field[]"
9038
- },
9039
- "default": "[]"
9040
- },
9041
- {
9042
- "kind": "field",
9043
- "name": "parameters",
9044
- "type": {
9045
- "text": "Array<ParameterBuilderEntity>"
9046
- },
9047
- "default": "[]"
9048
- },
9049
- {
9050
- "kind": "field",
9051
- "name": "isFirst",
9052
- "type": {
9053
- "text": "boolean"
9054
- },
9055
- "default": "false"
9056
- },
9057
- {
9058
- "kind": "field",
9059
- "name": "joinOperator",
9060
- "type": {
9061
- "text": "string"
9062
- }
9063
- },
9064
- {
9065
- "kind": "field",
9066
- "name": "groupChildren",
9067
- "type": {
9068
- "text": "ConditionNode[]"
9069
- },
9070
- "default": "[]"
9071
- },
9072
- {
9073
- "kind": "method",
9074
- "name": "nodeChanged"
9075
- },
9076
- {
9077
- "kind": "method",
9078
- "name": "joinOperatorChanged"
9079
- },
9080
- {
9081
- "kind": "method",
9082
- "name": "newCondition"
9083
- },
9084
- {
9085
- "kind": "method",
9086
- "name": "newGroup"
9087
- },
9088
- {
9089
- "kind": "method",
9090
- "name": "editChild",
9091
- "parameters": [
9092
- {
9093
- "name": "_editedChild",
9094
- "type": {
9095
- "text": "ConditionNode"
9096
- }
9097
- }
9098
- ]
9099
- },
9100
- {
9101
- "kind": "method",
9102
- "name": "deleteChild",
9103
- "parameters": [
9104
- {
9105
- "name": "deletedChild",
9106
- "type": {
9107
- "text": "ConditionNode"
9108
- }
9109
- }
9110
- ]
9111
- },
9112
- {
9113
- "kind": "method",
9114
- "name": "deleteSelf"
9115
- }
9116
- ],
9117
- "events": [
9118
- {
9119
- "description": "Fired when this whole group should be removed",
9120
- "name": "delete"
9121
- },
9122
- {
9123
- "description": "Fired when anything inside this group changes",
9124
- "name": "edit"
9125
- }
9126
- ],
9127
- "superclass": {
9128
- "name": "GenesisElement",
9129
- "package": "@genesislcap/web-core"
9130
- },
9131
- "tagName": "template-condition-group",
9132
- "customElement": true
9133
- }
9134
- ],
9135
- "exports": [
9136
- {
9137
- "kind": "js",
9138
- "name": "TemplateConditionGroup",
9139
- "declaration": {
9140
- "name": "TemplateConditionGroup",
9141
- "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.ts"
9142
- }
9143
- },
9144
- {
9145
- "kind": "custom-element-definition",
9146
- "name": "template-condition-group",
9147
- "declaration": {
9148
- "name": "TemplateConditionGroup",
9149
- "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.ts"
9150
- }
9151
- }
9152
- ]
9153
- },
9154
8996
  {
9155
8997
  "kind": "javascript-module",
9156
8998
  "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-builder/template-condition-builder.template.ts",
@@ -9417,6 +9259,164 @@
9417
9259
  }
9418
9260
  }
9419
9261
  ]
9262
+ },
9263
+ {
9264
+ "kind": "javascript-module",
9265
+ "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.template.ts",
9266
+ "declarations": [
9267
+ {
9268
+ "kind": "variable",
9269
+ "name": "TemplateConditionGroupTemplate",
9270
+ "default": "html<TemplateConditionGroup>`\n ${when(\n (x) => !x.isFirst,\n html`\n <div class=\"join-toggle-row\">\n <div class=\"join-toggle\">\n <span\n class=\"join-text${(x) => classNames(['active', x.joinOperator === 'AND'])}\"\n @click=${(x) => (x.joinOperator = 'AND')}\n >\n AND\n </span>\n <span\n class=\"join-text${(x) => classNames(['active', x.joinOperator === 'OR'])}\"\n @click=${(x) => (x.joinOperator = 'OR')}\n >\n OR\n </span>\n </div>\n </div>\n `,\n )}\n <div class=\"condition-group-row\">\n <div class=\"condition-group-box\">\n ${repeat(\n (x) => x.groupChildren,\n html<ConditionNode, TemplateConditionGroup>`\n ${when(\n (x) => isGroup(x),\n html<ConditionNode>`\n <template-condition-group\n :fields=${(x, c) => c.parent.fields}\n :parameters=${(x, c) => c.parent.parameters}\n :node=${(x) => x}\n :isFirst=${(x, c) => c.index === 0}\n @edit=${(x, c) => c.parent.editChild(eventDetail(c))}\n @delete=${(x, c) => c.parent.deleteChild(eventDetail(c))}\n ></template-condition-group>\n `,\n )}\n ${when(\n (x) => !isGroup(x),\n html<ConditionNode>`\n <template-condition-builder\n :fields=${(x, c) => c.parent.fields}\n :parameters=${(x, c) => c.parent.parameters}\n :condition=${(x) => x}\n :isFirst=${(x, c) => c.index === 0}\n @edit=${(x, c) => c.parent.editChild(eventDetail(c))}\n @delete=${(x, c) => c.parent.deleteChild(eventDetail(c))}\n ></template-condition-builder>\n `,\n )}\n `,\n { positioning: true },\n )}\n\n <div class=\"content-row\">\n <rapid-button appearance=\"lightweight\" @click=${(x) => x.newCondition()}>\n + Condition\n </rapid-button>\n <rapid-button appearance=\"lightweight\" @click=${(x) => x.newGroup()}>+ Group</rapid-button>\n <rapid-button appearance=\"icon\" class=\"delete-group\" @click=${(x) => x.deleteSelf()}>\n <rapid-icon variant=\"regular\" name=\"trash-alt\" size=\"lg\" part=\"icon\"></rapid-icon>\n </rapid-button>\n </div>\n </div>\n </div>\n`"
9271
+ }
9272
+ ],
9273
+ "exports": [
9274
+ {
9275
+ "kind": "js",
9276
+ "name": "TemplateConditionGroupTemplate",
9277
+ "declaration": {
9278
+ "name": "TemplateConditionGroupTemplate",
9279
+ "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.template.ts"
9280
+ }
9281
+ }
9282
+ ]
9283
+ },
9284
+ {
9285
+ "kind": "javascript-module",
9286
+ "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.ts",
9287
+ "declarations": [
9288
+ {
9289
+ "kind": "class",
9290
+ "description": "Parenthesized group of conditions/nested groups for notification template\ncriteria - see rule-condition-group for the rationale. Also forwards\n:parameters down to nested template-condition-builder rows so parameter\nbinding (USER_ENTRY) keeps working inside a group.",
9291
+ "name": "TemplateConditionGroup",
9292
+ "members": [
9293
+ {
9294
+ "kind": "field",
9295
+ "name": "node",
9296
+ "type": {
9297
+ "text": "ConditionGroupEntity"
9298
+ }
9299
+ },
9300
+ {
9301
+ "kind": "field",
9302
+ "name": "fields",
9303
+ "type": {
9304
+ "text": "Field[]"
9305
+ },
9306
+ "default": "[]"
9307
+ },
9308
+ {
9309
+ "kind": "field",
9310
+ "name": "parameters",
9311
+ "type": {
9312
+ "text": "Array<ParameterBuilderEntity>"
9313
+ },
9314
+ "default": "[]"
9315
+ },
9316
+ {
9317
+ "kind": "field",
9318
+ "name": "isFirst",
9319
+ "type": {
9320
+ "text": "boolean"
9321
+ },
9322
+ "default": "false"
9323
+ },
9324
+ {
9325
+ "kind": "field",
9326
+ "name": "joinOperator",
9327
+ "type": {
9328
+ "text": "string"
9329
+ }
9330
+ },
9331
+ {
9332
+ "kind": "field",
9333
+ "name": "groupChildren",
9334
+ "type": {
9335
+ "text": "ConditionNode[]"
9336
+ },
9337
+ "default": "[]"
9338
+ },
9339
+ {
9340
+ "kind": "method",
9341
+ "name": "nodeChanged"
9342
+ },
9343
+ {
9344
+ "kind": "method",
9345
+ "name": "joinOperatorChanged"
9346
+ },
9347
+ {
9348
+ "kind": "method",
9349
+ "name": "newCondition"
9350
+ },
9351
+ {
9352
+ "kind": "method",
9353
+ "name": "newGroup"
9354
+ },
9355
+ {
9356
+ "kind": "method",
9357
+ "name": "editChild",
9358
+ "parameters": [
9359
+ {
9360
+ "name": "_editedChild",
9361
+ "type": {
9362
+ "text": "ConditionNode"
9363
+ }
9364
+ }
9365
+ ]
9366
+ },
9367
+ {
9368
+ "kind": "method",
9369
+ "name": "deleteChild",
9370
+ "parameters": [
9371
+ {
9372
+ "name": "deletedChild",
9373
+ "type": {
9374
+ "text": "ConditionNode"
9375
+ }
9376
+ }
9377
+ ]
9378
+ },
9379
+ {
9380
+ "kind": "method",
9381
+ "name": "deleteSelf"
9382
+ }
9383
+ ],
9384
+ "events": [
9385
+ {
9386
+ "description": "Fired when this whole group should be removed",
9387
+ "name": "delete"
9388
+ },
9389
+ {
9390
+ "description": "Fired when anything inside this group changes",
9391
+ "name": "edit"
9392
+ }
9393
+ ],
9394
+ "superclass": {
9395
+ "name": "GenesisElement",
9396
+ "package": "@genesislcap/web-core"
9397
+ },
9398
+ "tagName": "template-condition-group",
9399
+ "customElement": true
9400
+ }
9401
+ ],
9402
+ "exports": [
9403
+ {
9404
+ "kind": "js",
9405
+ "name": "TemplateConditionGroup",
9406
+ "declaration": {
9407
+ "name": "TemplateConditionGroup",
9408
+ "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.ts"
9409
+ }
9410
+ },
9411
+ {
9412
+ "kind": "custom-element-definition",
9413
+ "name": "template-condition-group",
9414
+ "declaration": {
9415
+ "name": "TemplateConditionGroup",
9416
+ "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.ts"
9417
+ }
9418
+ }
9419
+ ]
9420
9420
  }
9421
9421
  ]
9422
9422
  }
package/dist/dts/react.d.ts CHANGED
@@ -106,23 +106,23 @@ export declare const FoundationSounds: React.ForwardRefExoticComponent<
106
106
  >;
107
107
  export type FoundationSoundsRef = FoundationSoundsWC;
108
108
 
109
- export declare const FoundationInboxFlyout: React.ForwardRefExoticComponent<
109
+ export declare const FoundationInboxCounter: React.ForwardRefExoticComponent<
110
110
  React.PropsWithChildren<
111
- Omit<PublicOf<FoundationInboxFlyoutWC>, 'children' | 'style'> &
111
+ Omit<PublicOf<FoundationInboxCounterWC>, 'children' | 'style'> &
112
112
  HTMLWCProps & {
113
113
  }
114
- > & React.RefAttributes<FoundationInboxFlyoutWC>
114
+ > & React.RefAttributes<FoundationInboxCounterWC>
115
115
  >;
116
- export type FoundationInboxFlyoutRef = FoundationInboxFlyoutWC;
116
+ export type FoundationInboxCounterRef = FoundationInboxCounterWC;
117
117
 
118
- export declare const FoundationInboxCounter: React.ForwardRefExoticComponent<
118
+ export declare const FoundationInboxFlyout: React.ForwardRefExoticComponent<
119
119
  React.PropsWithChildren<
120
- Omit<PublicOf<FoundationInboxCounterWC>, 'children' | 'style'> &
120
+ Omit<PublicOf<FoundationInboxFlyoutWC>, 'children' | 'style'> &
121
121
  HTMLWCProps & {
122
122
  }
123
- > & React.RefAttributes<FoundationInboxCounterWC>
123
+ > & React.RefAttributes<FoundationInboxFlyoutWC>
124
124
  >;
125
- export type FoundationInboxCounterRef = FoundationInboxCounterWC;
125
+ export type FoundationInboxFlyoutRef = FoundationInboxFlyoutWC;
126
126
 
127
127
  export declare const InboxSubscription: React.ForwardRefExoticComponent<
128
128
  React.PropsWithChildren<
@@ -288,17 +288,6 @@ export declare const ParameterBuilder: React.ForwardRefExoticComponent<
288
288
  >;
289
289
  export type ParameterBuilderRef = ParameterBuilderWC;
290
290
 
291
- export declare const TemplateConditionGroup: React.ForwardRefExoticComponent<
292
- React.PropsWithChildren<
293
- Omit<PublicOf<TemplateConditionGroupWC>, 'children' | 'style'> &
294
- HTMLWCProps & {
295
- onDelete?: (event: CustomEvent<unknown>) => void;
296
- onEdit?: (event: CustomEvent<unknown>) => void;
297
- }
298
- > & React.RefAttributes<TemplateConditionGroupWC>
299
- >;
300
- export type TemplateConditionGroupRef = TemplateConditionGroupWC;
301
-
302
291
  export declare const TemplateConditionBuilder: React.ForwardRefExoticComponent<
303
292
  React.PropsWithChildren<
304
293
  Omit<PublicOf<TemplateConditionBuilderWC>, 'children' | 'style'> &
@@ -310,4 +299,15 @@ export declare const TemplateConditionBuilder: React.ForwardRefExoticComponent<
310
299
  >;
311
300
  export type TemplateConditionBuilderRef = TemplateConditionBuilderWC;
312
301
 
302
+ export declare const TemplateConditionGroup: React.ForwardRefExoticComponent<
303
+ React.PropsWithChildren<
304
+ Omit<PublicOf<TemplateConditionGroupWC>, 'children' | 'style'> &
305
+ HTMLWCProps & {
306
+ onDelete?: (event: CustomEvent<unknown>) => void;
307
+ onEdit?: (event: CustomEvent<unknown>) => void;
308
+ }
309
+ > & React.RefAttributes<TemplateConditionGroupWC>
310
+ >;
311
+ export type TemplateConditionGroupRef = TemplateConditionGroupWC;
312
+
313
313
  export {};
package/dist/react.cjs CHANGED
@@ -67,14 +67,14 @@ const FoundationSounds = React.forwardRef(function FoundationSounds(props, ref)
67
67
  return React.createElement(customElements.getName(FoundationSoundsWC) ?? 'foundation-sounds', { ...rest, ref }, children);
68
68
  });
69
69
 
70
- const FoundationInboxFlyout = React.forwardRef(function FoundationInboxFlyout(props, ref) {
70
+ const FoundationInboxCounter = React.forwardRef(function FoundationInboxCounter(props, ref) {
71
71
  const { children, ...rest } = props;
72
- return React.createElement(customElements.getName(FoundationInboxFlyoutWC) ?? 'foundation-inbox-flyout', { ...rest, ref }, children);
72
+ return React.createElement(customElements.getName(FoundationInboxCounterWC) ?? 'foundation-inbox-counter', { ...rest, ref }, children);
73
73
  });
74
74
 
75
- const FoundationInboxCounter = React.forwardRef(function FoundationInboxCounter(props, ref) {
75
+ const FoundationInboxFlyout = React.forwardRef(function FoundationInboxFlyout(props, ref) {
76
76
  const { children, ...rest } = props;
77
- return React.createElement(customElements.getName(FoundationInboxCounterWC) ?? 'foundation-inbox-counter', { ...rest, ref }, children);
77
+ return React.createElement(customElements.getName(FoundationInboxFlyoutWC) ?? 'foundation-inbox-flyout', { ...rest, ref }, children);
78
78
  });
79
79
 
80
80
  const InboxSubscription = React.forwardRef(function InboxSubscription(props, ref) {
@@ -266,7 +266,7 @@ const ParameterBuilder = React.forwardRef(function ParameterBuilder(props, ref)
266
266
  return React.createElement(customElements.getName(ParameterBuilderWC) ?? 'parameter-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
267
267
  });
268
268
 
269
- const TemplateConditionGroup = React.forwardRef(function TemplateConditionGroup(props, ref) {
269
+ const TemplateConditionBuilder = React.forwardRef(function TemplateConditionBuilder(props, ref) {
270
270
  const { onDelete, onEdit, children, ...rest } = props;
271
271
  const _innerRef = React.useRef(null);
272
272
  const _onDeleteRef = React.useRef(onDelete);
@@ -285,10 +285,10 @@ const TemplateConditionGroup = React.forwardRef(function TemplateConditionGroup(
285
285
  el.removeEventListener('edit', _onEditFn);
286
286
  };
287
287
  }, []);
288
- return React.createElement(customElements.getName(TemplateConditionGroupWC) ?? 'template-condition-group', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
288
+ return React.createElement(customElements.getName(TemplateConditionBuilderWC) ?? 'template-condition-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
289
289
  });
290
290
 
291
- const TemplateConditionBuilder = React.forwardRef(function TemplateConditionBuilder(props, ref) {
291
+ const TemplateConditionGroup = React.forwardRef(function TemplateConditionGroup(props, ref) {
292
292
  const { onDelete, onEdit, children, ...rest } = props;
293
293
  const _innerRef = React.useRef(null);
294
294
  const _onDeleteRef = React.useRef(onDelete);
@@ -307,7 +307,7 @@ const TemplateConditionBuilder = React.forwardRef(function TemplateConditionBuil
307
307
  el.removeEventListener('edit', _onEditFn);
308
308
  };
309
309
  }, []);
310
- return React.createElement(customElements.getName(TemplateConditionBuilderWC) ?? 'template-condition-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
310
+ return React.createElement(customElements.getName(TemplateConditionGroupWC) ?? 'template-condition-group', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
311
311
  });
312
312
 
313
313
  module.exports = {
@@ -316,8 +316,8 @@ module.exports = {
316
316
  FoundationNotificationDashboard,
317
317
  FoundationSoundsPanel,
318
318
  FoundationSounds,
319
- FoundationInboxFlyout,
320
319
  FoundationInboxCounter,
320
+ FoundationInboxFlyout,
321
321
  InboxSubscription,
322
322
  NotifyAuditManagement,
323
323
  RouteManagement,
@@ -335,6 +335,6 @@ module.exports = {
335
335
  RuleConditionBuilder,
336
336
  RuleConditionGroup,
337
337
  ParameterBuilder,
338
- TemplateConditionGroup,
339
338
  TemplateConditionBuilder,
339
+ TemplateConditionGroup,
340
340
  };
package/dist/react.mjs CHANGED
@@ -65,14 +65,14 @@ export const FoundationSounds = React.forwardRef(function FoundationSounds(props
65
65
  return React.createElement(customElements.getName(FoundationSoundsWC) ?? 'foundation-sounds', { ...rest, ref }, children);
66
66
  });
67
67
 
68
- export const FoundationInboxFlyout = React.forwardRef(function FoundationInboxFlyout(props, ref) {
68
+ export const FoundationInboxCounter = React.forwardRef(function FoundationInboxCounter(props, ref) {
69
69
  const { children, ...rest } = props;
70
- return React.createElement(customElements.getName(FoundationInboxFlyoutWC) ?? 'foundation-inbox-flyout', { ...rest, ref }, children);
70
+ return React.createElement(customElements.getName(FoundationInboxCounterWC) ?? 'foundation-inbox-counter', { ...rest, ref }, children);
71
71
  });
72
72
 
73
- export const FoundationInboxCounter = React.forwardRef(function FoundationInboxCounter(props, ref) {
73
+ export const FoundationInboxFlyout = React.forwardRef(function FoundationInboxFlyout(props, ref) {
74
74
  const { children, ...rest } = props;
75
- return React.createElement(customElements.getName(FoundationInboxCounterWC) ?? 'foundation-inbox-counter', { ...rest, ref }, children);
75
+ return React.createElement(customElements.getName(FoundationInboxFlyoutWC) ?? 'foundation-inbox-flyout', { ...rest, ref }, children);
76
76
  });
77
77
 
78
78
  export const InboxSubscription = React.forwardRef(function InboxSubscription(props, ref) {
@@ -264,7 +264,7 @@ export const ParameterBuilder = React.forwardRef(function ParameterBuilder(props
264
264
  return React.createElement(customElements.getName(ParameterBuilderWC) ?? 'parameter-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
265
265
  });
266
266
 
267
- export const TemplateConditionGroup = React.forwardRef(function TemplateConditionGroup(props, ref) {
267
+ export const TemplateConditionBuilder = React.forwardRef(function TemplateConditionBuilder(props, ref) {
268
268
  const { onDelete, onEdit, children, ...rest } = props;
269
269
  const _innerRef = React.useRef(null);
270
270
  const _onDeleteRef = React.useRef(onDelete);
@@ -283,10 +283,10 @@ export const TemplateConditionGroup = React.forwardRef(function TemplateConditio
283
283
  el.removeEventListener('edit', _onEditFn);
284
284
  };
285
285
  }, []);
286
- return React.createElement(customElements.getName(TemplateConditionGroupWC) ?? 'template-condition-group', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
286
+ return React.createElement(customElements.getName(TemplateConditionBuilderWC) ?? 'template-condition-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
287
287
  });
288
288
 
289
- export const TemplateConditionBuilder = React.forwardRef(function TemplateConditionBuilder(props, ref) {
289
+ export const TemplateConditionGroup = React.forwardRef(function TemplateConditionGroup(props, ref) {
290
290
  const { onDelete, onEdit, children, ...rest } = props;
291
291
  const _innerRef = React.useRef(null);
292
292
  const _onDeleteRef = React.useRef(onDelete);
@@ -305,5 +305,5 @@ export const TemplateConditionBuilder = React.forwardRef(function TemplateCondit
305
305
  el.removeEventListener('edit', _onEditFn);
306
306
  };
307
307
  }, []);
308
- return React.createElement(customElements.getName(TemplateConditionBuilderWC) ?? 'template-condition-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
308
+ return React.createElement(customElements.getName(TemplateConditionGroupWC) ?? 'template-condition-group', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
309
309
  });
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@genesislcap/pbc-notify-ui",
3
3
  "description": "Genesis PBC Notify UI",
4
- "version": "15.20.2-FUI-0.2",
4
+ "version": "15.20.2-FUI-0.3",
5
5
  "license": "SEE LICENSE IN license.txt",
6
6
  "workspaces": [
7
7
  "client"
@@ -81,30 +81,30 @@
81
81
  "@commitlint/cli": "^19.2.1",
82
82
  "@commitlint/config-conventional": "^19.1.0",
83
83
  "@commitlint/format": "^19.0.3",
84
- "@genesislcap/design-system-configurator": "15.20.2-FUI-0.2",
85
- "@genesislcap/eslint-config": "15.20.2-FUI-0.2",
86
- "@genesislcap/eslint-stylelint-builder": "15.20.2-FUI-0.2",
87
- "@genesislcap/foundation-testing": "15.20.2-FUI-0.2",
88
- "@genesislcap/genx": "15.20.2-FUI-0.2",
89
- "@genesislcap/prettier-config": "15.20.2-FUI-0.2",
90
- "@genesislcap/stylelint-config": "15.20.2-FUI-0.2",
91
- "@genesislcap/vite-builder": "15.20.2-FUI-0.2",
92
- "@genesislcap/webpack-builder": "15.20.2-FUI-0.2",
84
+ "@genesislcap/design-system-configurator": "15.20.2-FUI-0.3",
85
+ "@genesislcap/eslint-config": "15.20.2-FUI-0.3",
86
+ "@genesislcap/eslint-stylelint-builder": "15.20.2-FUI-0.3",
87
+ "@genesislcap/foundation-testing": "15.20.2-FUI-0.3",
88
+ "@genesislcap/genx": "15.20.2-FUI-0.3",
89
+ "@genesislcap/prettier-config": "15.20.2-FUI-0.3",
90
+ "@genesislcap/stylelint-config": "15.20.2-FUI-0.3",
91
+ "@genesislcap/vite-builder": "15.20.2-FUI-0.3",
92
+ "@genesislcap/webpack-builder": "15.20.2-FUI-0.3",
93
93
  "dayjs": "^1.11.7"
94
94
  },
95
95
  "dependencies": {
96
- "@genesislcap/foundation-comms": "15.20.2-FUI-0.2",
97
- "@genesislcap/foundation-criteria": "15.20.2-FUI-0.2",
98
- "@genesislcap/foundation-entity-management": "15.20.2-FUI-0.2",
99
- "@genesislcap/foundation-forms": "15.20.2-FUI-0.2",
100
- "@genesislcap/foundation-layout": "15.20.2-FUI-0.2",
101
- "@genesislcap/foundation-logger": "15.20.2-FUI-0.2",
102
- "@genesislcap/foundation-notifications": "15.20.2-FUI-0.2",
103
- "@genesislcap/foundation-ui": "15.20.2-FUI-0.2",
104
- "@genesislcap/foundation-utils": "15.20.2-FUI-0.2",
105
- "@genesislcap/rapid-design-system": "15.20.2-FUI-0.2",
106
- "@genesislcap/rapid-grid-pro": "15.20.2-FUI-0.2",
107
- "@genesislcap/web-core": "15.20.2-FUI-0.2",
96
+ "@genesislcap/foundation-comms": "15.20.2-FUI-0.3",
97
+ "@genesislcap/foundation-criteria": "15.20.2-FUI-0.3",
98
+ "@genesislcap/foundation-entity-management": "15.20.2-FUI-0.3",
99
+ "@genesislcap/foundation-forms": "15.20.2-FUI-0.3",
100
+ "@genesislcap/foundation-layout": "15.20.2-FUI-0.3",
101
+ "@genesislcap/foundation-logger": "15.20.2-FUI-0.3",
102
+ "@genesislcap/foundation-notifications": "15.20.2-FUI-0.3",
103
+ "@genesislcap/foundation-ui": "15.20.2-FUI-0.3",
104
+ "@genesislcap/foundation-utils": "15.20.2-FUI-0.3",
105
+ "@genesislcap/rapid-design-system": "15.20.2-FUI-0.3",
106
+ "@genesislcap/rapid-grid-pro": "15.20.2-FUI-0.3",
107
+ "@genesislcap/web-core": "15.20.2-FUI-0.3",
108
108
  "lodash.debounce": "^4.0.8",
109
109
  "rxjs": "^7.5.4"
110
110
  },