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

Sign up to get free protection for your applications and to get access to all the features.
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",