@plaidev/karte-action-sdk 1.1.242-28708542.18985484 → 1.1.242-28709689.708aea87

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/hydrate/index.es.d.ts +1 -1
  2. package/dist/hydrate/index.es.js +21 -10
  3. package/dist/index.es.d.ts +1 -1
  4. package/dist/index.es.js +21 -10
  5. package/package.json +1 -1
package/dist/hydrate/index.es.d.ts CHANGED
@@ -2542,7 +2542,7 @@ declare const CLOSE_BUTTON_LABEL_PLACEMENT: {
2542
2542
  right: string;
2543
2543
  left: string;
2544
2544
  };
2545
- type CloseButtonProps = CommonProps & {
2545
+ type CloseButtonProps = CommonProps & BorderProps & {
2546
2546
  size?: number;
2547
2547
  placement?: keyof typeof CLOSE_BUTTON_PLACEMENT;
2548
2548
  round?: keyof typeof CLOSE_BUTTON_ROUND;
package/dist/hydrate/index.es.js CHANGED
@@ -1784,6 +1784,11 @@ function createModal(App, options = {
1784
1784
  publish: options.publish,
1785
1785
  data,
1786
1786
  };
1787
+ const sendErrorIfMessageOpenEventNotSent = () => {
1788
+ if (!hasAlreadySentMessageOpenEvent) {
1789
+ options.send('_error', { type: 'action', error_type: 'action_message_open_event_not_sent' });
1790
+ }
1791
+ };
1787
1792
  const close = (trigger = 'none') => {
1788
1793
  if (!app) {
1789
1794
  return NOOP;
@@ -1792,6 +1797,7 @@ function createModal(App, options = {
1792
1797
  options.send('message_close', { trigger, state: getState$1() });
1793
1798
  hasAlreadySentMessageCloseEvent = true;
1794
1799
  }
1800
+ sendErrorIfMessageOpenEventNotSent();
1795
1801
  options.send('_message_state_changed', {
1796
1802
  trigger,
1797
1803
  oldState: getState$1(),
@@ -1836,6 +1842,7 @@ function createModal(App, options = {
1836
1842
  options.send('message_open', { state: getState$1() });
1837
1843
  hasAlreadySentMessageOpenEvent = true;
1838
1844
  }
1845
+ sendErrorIfMessageOpenEventNotSent();
1839
1846
  options.send('_message_state_changed', {
1840
1847
  trigger,
1841
1848
  oldState: '',
@@ -14969,7 +14976,7 @@ const CLOSE_BUTTON_LABEL_PLACEMENT = {
14969
14976
  /* src/components-flex/close-button/CloseButton.svelte generated by Svelte v3.53.1 */
14970
14977
 
14971
14978
  function add_css$5(target) {
14972
- append_styles(target, "svelte-1l8m1e9", ".close.svelte-1l8m1e9{position:absolute;top:8px;right:8px}.close-button-row.svelte-1l8m1e9{display:flex;flex-direction:row;align-items:center;gap:4px}.close-button.svelte-1l8m1e9{display:inline-flex;align-items:center;justify-content:center;border-radius:100%;background:none;cursor:pointer;border:0;outline:0;transition:background-color 0.12s, border-color 0.12s, color 0.12s}.close-button.svelte-1l8m1e9:hover{transform:rotate(90deg)}.close-button-order-one.svelte-1l8m1e9{order:1}.close-button-order-two.svelte-1l8m1e9{order:2}.close-button-label.svelte-1l8m1e9{color:var(--close-button-label-color, '#ccc')}");
14979
+ append_styles(target, "svelte-sbhaxh", ".close.svelte-sbhaxh{position:absolute;top:8px;right:8px}.close-button-row.svelte-sbhaxh{display:flex;flex-direction:row;align-items:center;gap:4px}.close-button.svelte-sbhaxh{display:inline-flex;align-items:center;justify-content:center;border-radius:100%;background:none;cursor:pointer;border:0;outline:0;transition:background-color 0.12s, border-color 0.12s, color 0.12s, transform 0.12s}.close-button.svelte-sbhaxh:hover{transform:rotate(90deg)}.close-button-order-one.svelte-sbhaxh{order:1}.close-button-order-two.svelte-sbhaxh{order:2}.close-button-label.svelte-sbhaxh{color:var(--close-button-label-color, '#ccc')}");
14973
14980
  }
14974
14981
 
14975
14982
  // (99:4) {#if hasLabel}
@@ -14995,7 +15002,7 @@ function create_if_block$2(ctx) {
14995
15002
 
14996
15003
  attr(span, "class", "close-button-label " + (/*isLeftLabelPlacement*/ ctx[8]
14997
15004
  ? 'close-button-order-one'
14998
- : '') + " svelte-1l8m1e9");
15005
+ : '') + " svelte-sbhaxh");
14999
15006
  },
15000
15007
  m(target, anchor) {
15001
15008
  insert_hydration(target, span, anchor);
@@ -15086,16 +15093,16 @@ function create_fragment$5(ctx) {
15086
15093
  this.h();
15087
15094
  },
15088
15095
  h() {
15089
- attr(path, "d", "M 9.15625 6.3125 L 6.3125 9.15625 L 22.15625 25 L 6.21875 40.96875 L 9.03125 43.78125 L 25 27.84375 L 40.9375 43.78125 L 43.78125 40.9375 L 27.84375 25 L 43.6875 9.15625 L 40.84375 6.3125 L 25 22.15625 Z");
15096
+ attr(path, "d", "M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z");
15090
15097
  attr(svg, "xmlns", "http://www.w3.org/2000/svg");
15091
15098
  set_style(svg, "width", "75%");
15092
15099
  set_style(svg, "height", "75%");
15093
- attr(svg, "viewBox", "0 0 50 50");
15100
+ attr(svg, "viewBox", "0 0 384 512");
15094
15101
  attr(svg, "fill", /*color*/ ctx[6]);
15095
15102
  set_attributes(button, button_data);
15096
- toggle_class(button, "svelte-1l8m1e9", true);
15097
- attr(div0, "class", "close-button-row svelte-1l8m1e9");
15098
- attr(div1, "class", "close svelte-1l8m1e9");
15103
+ toggle_class(button, "svelte-sbhaxh", true);
15104
+ attr(div0, "class", "close-button-row svelte-sbhaxh");
15105
+ attr(div1, "class", "close svelte-sbhaxh");
15099
15106
  attr(div1, "style", /*rootStyle*/ ctx[3]);
15100
15107
  },
15101
15108
  m(target, anchor) {
@@ -15121,7 +15128,7 @@ function create_fragment$5(ctx) {
15121
15128
  dataAttrStopPropagation('click')
15122
15129
  ]));
15123
15130
 
15124
- toggle_class(button, "svelte-1l8m1e9", true);
15131
+ toggle_class(button, "svelte-sbhaxh", true);
15125
15132
 
15126
15133
  if (/*hasLabel*/ ctx[4]) {
15127
15134
  if (if_block) {
@@ -15216,6 +15223,10 @@ function instance$5($$self, $$props, $$invalidate) {
15216
15223
  }));
15217
15224
  }
15218
15225
 
15226
+ if ($$self.$$.dirty & /*props*/ 512) {
15227
+ $$invalidate(2, labelCssVariable = `--close-button-label-color: ${props.labelColor}`);
15228
+ }
15229
+
15219
15230
  if ($$self.$$.dirty & /*props*/ 512) {
15220
15231
  $$invalidate(1, style = objToStyle({
15221
15232
  width: `${size}px`,
@@ -15223,13 +15234,13 @@ function instance$5($$self, $$props, $$invalidate) {
15223
15234
  ...props.bordered && { border: '1px solid #666' },
15224
15235
  backgroundColor: props.backgroundColor ?? 'transparent',
15225
15236
  ...VARIANTS.round[props.round ?? 'default'],
15226
- ...toCssCommon(props)
15237
+ ...toCssCommon(props),
15238
+ ...toCssBorder(props)
15227
15239
  }));
15228
15240
  }
15229
15241
  };
15230
15242
 
15231
15243
  $$invalidate(4, hasLabel = label !== undefined && label !== '');
15232
- $$invalidate(2, labelCssVariable = '--close-button-label-color: {props.labelColor}');
15233
15244
 
15234
15245
  return [
15235
15246
  layerId,
package/dist/index.es.d.ts CHANGED
@@ -2542,7 +2542,7 @@ declare const CLOSE_BUTTON_LABEL_PLACEMENT: {
2542
2542
  right: string;
2543
2543
  left: string;
2544
2544
  };
2545
- type CloseButtonProps = CommonProps & {
2545
+ type CloseButtonProps = CommonProps & BorderProps & {
2546
2546
  size?: number;
2547
2547
  placement?: keyof typeof CLOSE_BUTTON_PLACEMENT;
2548
2548
  round?: keyof typeof CLOSE_BUTTON_ROUND;
package/dist/index.es.js CHANGED
@@ -1825,6 +1825,11 @@ function createModal(App, options = {
1825
1825
  publish: options.publish,
1826
1826
  data,
1827
1827
  };
1828
+ const sendErrorIfMessageOpenEventNotSent = () => {
1829
+ if (!hasAlreadySentMessageOpenEvent) {
1830
+ options.send('_error', { type: 'action', error_type: 'action_message_open_event_not_sent' });
1831
+ }
1832
+ };
1828
1833
  const close = (trigger = 'none') => {
1829
1834
  if (!app) {
1830
1835
  return NOOP;
@@ -1833,6 +1838,7 @@ function createModal(App, options = {
1833
1838
  options.send('message_close', { trigger, state: getState$1() });
1834
1839
  hasAlreadySentMessageCloseEvent = true;
1835
1840
  }
1841
+ sendErrorIfMessageOpenEventNotSent();
1836
1842
  options.send('_message_state_changed', {
1837
1843
  trigger,
1838
1844
  oldState: getState$1(),
@@ -1874,6 +1880,7 @@ function createModal(App, options = {
1874
1880
  options.send('message_open', { state: getState$1() });
1875
1881
  hasAlreadySentMessageOpenEvent = true;
1876
1882
  }
1883
+ sendErrorIfMessageOpenEventNotSent();
1877
1884
  options.send('_message_state_changed', {
1878
1885
  trigger,
1879
1886
  oldState: '',
@@ -13895,7 +13902,7 @@ const CLOSE_BUTTON_LABEL_PLACEMENT = {
13895
13902
  /* src/components-flex/close-button/CloseButton.svelte generated by Svelte v3.53.1 */
13896
13903
 
13897
13904
  function add_css$5(target) {
13898
- append_styles(target, "svelte-1l8m1e9", ".close.svelte-1l8m1e9{position:absolute;top:8px;right:8px}.close-button-row.svelte-1l8m1e9{display:flex;flex-direction:row;align-items:center;gap:4px}.close-button.svelte-1l8m1e9{display:inline-flex;align-items:center;justify-content:center;border-radius:100%;background:none;cursor:pointer;border:0;outline:0;transition:background-color 0.12s, border-color 0.12s, color 0.12s}.close-button.svelte-1l8m1e9:hover{transform:rotate(90deg)}.close-button-order-one.svelte-1l8m1e9{order:1}.close-button-order-two.svelte-1l8m1e9{order:2}.close-button-label.svelte-1l8m1e9{color:var(--close-button-label-color, '#ccc')}");
13905
+ append_styles(target, "svelte-sbhaxh", ".close.svelte-sbhaxh{position:absolute;top:8px;right:8px}.close-button-row.svelte-sbhaxh{display:flex;flex-direction:row;align-items:center;gap:4px}.close-button.svelte-sbhaxh{display:inline-flex;align-items:center;justify-content:center;border-radius:100%;background:none;cursor:pointer;border:0;outline:0;transition:background-color 0.12s, border-color 0.12s, color 0.12s, transform 0.12s}.close-button.svelte-sbhaxh:hover{transform:rotate(90deg)}.close-button-order-one.svelte-sbhaxh{order:1}.close-button-order-two.svelte-sbhaxh{order:2}.close-button-label.svelte-sbhaxh{color:var(--close-button-label-color, '#ccc')}");
13899
13906
  }
13900
13907
 
13901
13908
  // (99:4) {#if hasLabel}
@@ -13911,7 +13918,7 @@ function create_if_block$2(ctx) {
13911
13918
 
13912
13919
  attr(span, "class", "close-button-label " + (/*isLeftLabelPlacement*/ ctx[8]
13913
13920
  ? 'close-button-order-one'
13914
- : '') + " svelte-1l8m1e9");
13921
+ : '') + " svelte-sbhaxh");
13915
13922
  },
13916
13923
  m(target, anchor) {
13917
13924
  insert(target, span, anchor);
@@ -13967,16 +13974,16 @@ function create_fragment$5(ctx) {
13967
13974
  path = svg_element("path");
13968
13975
  t = space();
13969
13976
  if (if_block) if_block.c();
13970
- attr(path, "d", "M 9.15625 6.3125 L 6.3125 9.15625 L 22.15625 25 L 6.21875 40.96875 L 9.03125 43.78125 L 25 27.84375 L 40.9375 43.78125 L 43.78125 40.9375 L 27.84375 25 L 43.6875 9.15625 L 40.84375 6.3125 L 25 22.15625 Z");
13977
+ attr(path, "d", "M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z");
13971
13978
  attr(svg, "xmlns", "http://www.w3.org/2000/svg");
13972
13979
  set_style(svg, "width", "75%");
13973
13980
  set_style(svg, "height", "75%");
13974
- attr(svg, "viewBox", "0 0 50 50");
13981
+ attr(svg, "viewBox", "0 0 384 512");
13975
13982
  attr(svg, "fill", /*color*/ ctx[6]);
13976
13983
  set_attributes(button, button_data);
13977
- toggle_class(button, "svelte-1l8m1e9", true);
13978
- attr(div0, "class", "close-button-row svelte-1l8m1e9");
13979
- attr(div1, "class", "close svelte-1l8m1e9");
13984
+ toggle_class(button, "svelte-sbhaxh", true);
13985
+ attr(div0, "class", "close-button-row svelte-sbhaxh");
13986
+ attr(div1, "class", "close svelte-sbhaxh");
13980
13987
  attr(div1, "style", /*rootStyle*/ ctx[3]);
13981
13988
  },
13982
13989
  m(target, anchor) {
@@ -14002,7 +14009,7 @@ function create_fragment$5(ctx) {
14002
14009
  dataAttrStopPropagation('click')
14003
14010
  ]));
14004
14011
 
14005
- toggle_class(button, "svelte-1l8m1e9", true);
14012
+ toggle_class(button, "svelte-sbhaxh", true);
14006
14013
 
14007
14014
  if (/*hasLabel*/ ctx[4]) {
14008
14015
  if (if_block) {
@@ -14097,6 +14104,10 @@ function instance$5($$self, $$props, $$invalidate) {
14097
14104
  }));
14098
14105
  }
14099
14106
 
14107
+ if ($$self.$$.dirty & /*props*/ 512) {
14108
+ $$invalidate(2, labelCssVariable = `--close-button-label-color: ${props.labelColor}`);
14109
+ }
14110
+
14100
14111
  if ($$self.$$.dirty & /*props*/ 512) {
14101
14112
  $$invalidate(1, style = objToStyle({
14102
14113
  width: `${size}px`,
@@ -14104,13 +14115,13 @@ function instance$5($$self, $$props, $$invalidate) {
14104
14115
  ...props.bordered && { border: '1px solid #666' },
14105
14116
  backgroundColor: props.backgroundColor ?? 'transparent',
14106
14117
  ...VARIANTS.round[props.round ?? 'default'],
14107
- ...toCssCommon(props)
14118
+ ...toCssCommon(props),
14119
+ ...toCssBorder(props)
14108
14120
  }));
14109
14121
  }
14110
14122
  };
14111
14123
 
14112
14124
  $$invalidate(4, hasLabel = label !== undefined && label !== '');
14113
- $$invalidate(2, labelCssVariable = '--close-button-label-color: {props.labelColor}');
14114
14125
 
14115
14126
  return [
14116
14127
  layerId,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@plaidev/karte-action-sdk",
3
- "version": "1.1.242-28708542.18985484",
3
+ "version": "1.1.242-28709689.708aea87",
4
4
  "author": "Plaid Inc.",
5
5
  "license": "Apache-2.0",
6
6
  "module": "./dist/index.es.js",