@plaidev/karte-action-sdk 1.1.270-29365477.b153dfd00 → 1.1.270-29379017.f453cc451

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.
@@ -17500,7 +17500,7 @@ function create_fragment$27(ctx) {
17500
17500
  let t;
17501
17501
  let if_block_anchor;
17502
17502
  let current;
17503
- styleportal = new StylePortal_default({ props: { cssText: ctx[3] } });
17503
+ styleportal = new StylePortal_default({ props: { cssText: ctx[4] } });
17504
17504
  let if_block = !ctx[1].hidden && create_if_block$11(ctx);
17505
17505
  return {
17506
17506
  c() {
@@ -17554,30 +17554,28 @@ function create_fragment$27(ctx) {
17554
17554
  function instance$27($$self, $$props, $$invalidate) {
17555
17555
  let rProps;
17556
17556
  let escapedHTML;
17557
- let $responsiveProps;
17557
+ let $rProps, $$unsubscribe_rProps = noop, $$subscribe_rProps = () => ($$unsubscribe_rProps(), $$unsubscribe_rProps = subscribe(rProps, ($$value) => $$invalidate(1, $rProps = $$value)), rProps);
17558
+ $$self.$$.on_destroy.push(() => $$unsubscribe_rProps());
17558
17559
  let { props = { content: "" } } = $$props;
17559
17560
  let { layerId = crypto.randomUUID() } = $$props;
17560
17561
  useInjectCustomizeCss(props, layerId);
17561
17562
  const { brandKit } = useBrandKit();
17562
17563
  const cssCode = Text_css_default(layerId, props, brandKit);
17563
- const responsiveProps = useResponsiveProps(props);
17564
- component_subscribe($$self, responsiveProps, (value) => $$invalidate(6, $responsiveProps = value));
17565
17564
  $$self.$$set = ($$props$1) => {
17566
17565
  if ("props" in $$props$1) $$invalidate(5, props = $$props$1.props);
17567
17566
  if ("layerId" in $$props$1) $$invalidate(0, layerId = $$props$1.layerId);
17568
17567
  };
17569
17568
  $$self.$$.update = () => {
17570
- if ($$self.$$.dirty & 64) $: $$invalidate(1, rProps = $responsiveProps);
17571
- if ($$self.$$.dirty & 34) $: $$invalidate(2, escapedHTML = (rProps.content || props.content).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#x27;").replace(/\n/g, "<br />"));
17569
+ if ($$self.$$.dirty & 32) $: $$subscribe_rProps($$invalidate(3, rProps = useResponsiveProps(props)));
17570
+ if ($$self.$$.dirty & 34) $: $$invalidate(2, escapedHTML = ($rProps.content || props.content).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#x27;").replace(/\n/g, "<br />"));
17572
17571
  };
17573
17572
  return [
17574
17573
  layerId,
17575
- rProps,
17574
+ $rProps,
17576
17575
  escapedHTML,
17576
+ rProps,
17577
17577
  cssCode,
17578
- responsiveProps,
17579
- props,
17580
- $responsiveProps
17578
+ props
17581
17579
  ];
17582
17580
  }
17583
17581
  var Text = class extends SvelteComponent {
package/dist/index.es.js CHANGED
@@ -15670,7 +15670,7 @@ function create_fragment$27(ctx) {
15670
15670
  let t;
15671
15671
  let if_block_anchor;
15672
15672
  let current;
15673
- styleportal = new StylePortal_default({ props: { cssText: ctx[3] } });
15673
+ styleportal = new StylePortal_default({ props: { cssText: ctx[4] } });
15674
15674
  let if_block = !ctx[1].hidden && create_if_block$11(ctx);
15675
15675
  return {
15676
15676
  c() {
@@ -15718,30 +15718,28 @@ function create_fragment$27(ctx) {
15718
15718
  function instance$27($$self, $$props, $$invalidate) {
15719
15719
  let rProps;
15720
15720
  let escapedHTML;
15721
- let $responsiveProps;
15721
+ let $rProps, $$unsubscribe_rProps = noop, $$subscribe_rProps = () => ($$unsubscribe_rProps(), $$unsubscribe_rProps = subscribe(rProps, ($$value) => $$invalidate(1, $rProps = $$value)), rProps);
15722
+ $$self.$$.on_destroy.push(() => $$unsubscribe_rProps());
15722
15723
  let { props = { content: "" } } = $$props;
15723
15724
  let { layerId = crypto.randomUUID() } = $$props;
15724
15725
  useInjectCustomizeCss(props, layerId);
15725
15726
  const { brandKit } = useBrandKit();
15726
15727
  const cssCode = Text_css_default(layerId, props, brandKit);
15727
- const responsiveProps = useResponsiveProps(props);
15728
- component_subscribe($$self, responsiveProps, (value) => $$invalidate(6, $responsiveProps = value));
15729
15728
  $$self.$$set = ($$props$1) => {
15730
15729
  if ("props" in $$props$1) $$invalidate(5, props = $$props$1.props);
15731
15730
  if ("layerId" in $$props$1) $$invalidate(0, layerId = $$props$1.layerId);
15732
15731
  };
15733
15732
  $$self.$$.update = () => {
15734
- if ($$self.$$.dirty & 64) $: $$invalidate(1, rProps = $responsiveProps);
15735
- if ($$self.$$.dirty & 34) $: $$invalidate(2, escapedHTML = (rProps.content || props.content).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#x27;").replace(/\n/g, "<br />"));
15733
+ if ($$self.$$.dirty & 32) $: $$subscribe_rProps($$invalidate(3, rProps = useResponsiveProps(props)));
15734
+ if ($$self.$$.dirty & 34) $: $$invalidate(2, escapedHTML = ($rProps.content || props.content).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#x27;").replace(/\n/g, "<br />"));
15736
15735
  };
15737
15736
  return [
15738
15737
  layerId,
15739
- rProps,
15738
+ $rProps,
15740
15739
  escapedHTML,
15740
+ rProps,
15741
15741
  cssCode,
15742
- responsiveProps,
15743
- props,
15744
- $responsiveProps
15742
+ props
15745
15743
  ];
15746
15744
  }
15747
15745
  var Text = class extends SvelteComponent {
@@ -6546,7 +6546,7 @@ var root$15 = $.template(`<!> <!>`, 1);
6546
6546
  function Text($$anchor, $$props) {
6547
6547
  $.push($$props, false);
6548
6548
  const [$$stores, $$cleanup] = $.setup_stores();
6549
- const $responsiveProps = () => $.store_get(responsiveProps, "$responsiveProps", $$stores);
6549
+ const $rProps = () => $.store_get($.get(rProps), "$rProps", $$stores);
6550
6550
  const rProps = $.mutable_state();
6551
6551
  const escapedHTML = $.mutable_state();
6552
6552
  let props = $.prop($$props, "props", 24, () => ({ content: "" }));
@@ -6554,12 +6554,11 @@ function Text($$anchor, $$props) {
6554
6554
  useInjectCustomizeCss(props(), layerId());
6555
6555
  const { brandKit } = useBrandKit();
6556
6556
  const cssCode = Text_css_default(layerId(), props(), brandKit);
6557
- const responsiveProps = useResponsiveProps(props());
6558
- $.legacy_pre_effect(() => $responsiveProps(), () => {
6559
- $.set(rProps, $responsiveProps());
6557
+ $.legacy_pre_effect(() => $.deep_read_state(props()), () => {
6558
+ $.store_unsub($.set(rProps, useResponsiveProps(props())), "$rProps", $$stores);
6560
6559
  });
6561
- $.legacy_pre_effect(() => ($.get(rProps), $.deep_read_state(props())), () => {
6562
- $.set(escapedHTML, ($.get(rProps).content || props().content).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#x27;").replace(/\n/g, "<br />"));
6560
+ $.legacy_pre_effect(() => ($rProps(), $.deep_read_state(props())), () => {
6561
+ $.set(escapedHTML, ($rProps().content || props().content).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#x27;").replace(/\n/g, "<br />"));
6563
6562
  });
6564
6563
  $.legacy_pre_effect_reset();
6565
6564
  $.init();
@@ -6574,13 +6573,13 @@ function Text($$anchor, $$props) {
6574
6573
  $.reset(p);
6575
6574
  $.template_effect(($0) => {
6576
6575
  $.set_class(p, 1, $0);
6577
- $.set_attribute(p, "id", $.get(rProps).id);
6576
+ $.set_attribute(p, "id", $rProps().id);
6578
6577
  $.set_attribute(p, "data-layer-id", layerId());
6579
- }, [() => $.clsx(["text", ...$.get(rProps).classNames ?? []].join(" "))], $.derived_safe_equal);
6578
+ }, [() => $.clsx(["text", ...$rProps().classNames ?? []].join(" "))], $.derived_safe_equal);
6580
6579
  $.append($$anchor$1, p);
6581
6580
  };
6582
6581
  $.if(node_1, ($$render) => {
6583
- if (!$.get(rProps).hidden) $$render(consequent);
6582
+ if (!$rProps().hidden) $$render(consequent);
6584
6583
  });
6585
6584
  $.append($$anchor, fragment);
6586
6585
  $.pop();
@@ -6515,7 +6515,7 @@ var root$15 = $.template(`<!> <!>`, 1);
6515
6515
  function Text($$anchor, $$props) {
6516
6516
  $.push($$props, false);
6517
6517
  const [$$stores, $$cleanup] = $.setup_stores();
6518
- const $responsiveProps = () => $.store_get(responsiveProps, "$responsiveProps", $$stores);
6518
+ const $rProps = () => $.store_get($.get(rProps), "$rProps", $$stores);
6519
6519
  const rProps = $.mutable_state();
6520
6520
  const escapedHTML = $.mutable_state();
6521
6521
  let props = $.prop($$props, "props", 24, () => ({ content: "" }));
@@ -6523,12 +6523,11 @@ function Text($$anchor, $$props) {
6523
6523
  useInjectCustomizeCss(props(), layerId());
6524
6524
  const { brandKit } = useBrandKit();
6525
6525
  const cssCode = Text_css_default(layerId(), props(), brandKit);
6526
- const responsiveProps = useResponsiveProps(props());
6527
- $.legacy_pre_effect(() => $responsiveProps(), () => {
6528
- $.set(rProps, $responsiveProps());
6526
+ $.legacy_pre_effect(() => $.deep_read_state(props()), () => {
6527
+ $.store_unsub($.set(rProps, useResponsiveProps(props())), "$rProps", $$stores);
6529
6528
  });
6530
- $.legacy_pre_effect(() => ($.get(rProps), $.deep_read_state(props())), () => {
6531
- $.set(escapedHTML, ($.get(rProps).content || props().content).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#x27;").replace(/\n/g, "<br />"));
6529
+ $.legacy_pre_effect(() => ($rProps(), $.deep_read_state(props())), () => {
6530
+ $.set(escapedHTML, ($rProps().content || props().content).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#x27;").replace(/\n/g, "<br />"));
6532
6531
  });
6533
6532
  $.legacy_pre_effect_reset();
6534
6533
  $.init();
@@ -6543,13 +6542,13 @@ function Text($$anchor, $$props) {
6543
6542
  $.reset(p);
6544
6543
  $.template_effect(($0) => {
6545
6544
  $.set_class(p, 1, $0);
6546
- $.set_attribute(p, "id", $.get(rProps).id);
6545
+ $.set_attribute(p, "id", $rProps().id);
6547
6546
  $.set_attribute(p, "data-layer-id", layerId());
6548
- }, [() => $.clsx(["text", ...$.get(rProps).classNames ?? []].join(" "))], $.derived_safe_equal);
6547
+ }, [() => $.clsx(["text", ...$rProps().classNames ?? []].join(" "))], $.derived_safe_equal);
6549
6548
  $.append($$anchor$1, p);
6550
6549
  };
6551
6550
  $.if(node_1, ($$render) => {
6552
- if (!$.get(rProps).hidden) $$render(consequent);
6551
+ if (!$rProps().hidden) $$render(consequent);
6553
6552
  });
6554
6553
  $.append($$anchor, fragment);
6555
6554
  $.pop();
@@ -6515,7 +6515,7 @@ var root$15 = $.template(`<!> <!>`, 1);
6515
6515
  function Text($$anchor, $$props) {
6516
6516
  $.push($$props, false);
6517
6517
  const [$$stores, $$cleanup] = $.setup_stores();
6518
- const $responsiveProps = () => $.store_get(responsiveProps, "$responsiveProps", $$stores);
6518
+ const $rProps = () => $.store_get($.get(rProps), "$rProps", $$stores);
6519
6519
  const rProps = $.mutable_state();
6520
6520
  const escapedHTML = $.mutable_state();
6521
6521
  let props = $.prop($$props, "props", 24, () => ({ content: "" }));
@@ -6523,12 +6523,11 @@ function Text($$anchor, $$props) {
6523
6523
  useInjectCustomizeCss(props(), layerId());
6524
6524
  const { brandKit } = useBrandKit();
6525
6525
  const cssCode = Text_css_default(layerId(), props(), brandKit);
6526
- const responsiveProps = useResponsiveProps(props());
6527
- $.legacy_pre_effect(() => $responsiveProps(), () => {
6528
- $.set(rProps, $responsiveProps());
6526
+ $.legacy_pre_effect(() => $.deep_read_state(props()), () => {
6527
+ $.store_unsub($.set(rProps, useResponsiveProps(props())), "$rProps", $$stores);
6529
6528
  });
6530
- $.legacy_pre_effect(() => ($.get(rProps), $.deep_read_state(props())), () => {
6531
- $.set(escapedHTML, ($.get(rProps).content || props().content).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#x27;").replace(/\n/g, "<br />"));
6529
+ $.legacy_pre_effect(() => ($rProps(), $.deep_read_state(props())), () => {
6530
+ $.set(escapedHTML, ($rProps().content || props().content).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#x27;").replace(/\n/g, "<br />"));
6532
6531
  });
6533
6532
  $.legacy_pre_effect_reset();
6534
6533
  $.init();
@@ -6543,13 +6542,13 @@ function Text($$anchor, $$props) {
6543
6542
  $.reset(p);
6544
6543
  $.template_effect(($0) => {
6545
6544
  $.set_class(p, 1, $0);
6546
- $.set_attribute(p, "id", $.get(rProps).id);
6545
+ $.set_attribute(p, "id", $rProps().id);
6547
6546
  $.set_attribute(p, "data-layer-id", layerId());
6548
- }, [() => $.clsx(["text", ...$.get(rProps).classNames ?? []].join(" "))], $.derived_safe_equal);
6547
+ }, [() => $.clsx(["text", ...$rProps().classNames ?? []].join(" "))], $.derived_safe_equal);
6549
6548
  $.append($$anchor$1, p);
6550
6549
  };
6551
6550
  $.if(node_1, ($$render) => {
6552
- if (!$.get(rProps).hidden) $$render(consequent);
6551
+ if (!$rProps().hidden) $$render(consequent);
6553
6552
  });
6554
6553
  $.append($$anchor, fragment);
6555
6554
  $.pop();
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@plaidev/karte-action-sdk",
3
- "version": "1.1.270-29365477.b153dfd00",
3
+ "version": "1.1.270-29379017.f453cc451",
4
4
  "author": "Plaid Inc.",
5
5
  "license": "Apache-2.0",
6
6
  "type": "module",