@adiba-banking-cloud/backoffice 0.0.17 → 0.0.19

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 (6) hide show
  1. package/build/index.cjs.js/index.js +26 -17
  2. package/build/index.esm.js/index.js +26 -17
  3. package/build/typings/components/panels/label/Label.types.d.ts +1 -0
  4. package/build/typings/components/widgets/payment_method/PaymentMethod.types.d.ts +1 -1
  5. package/build/typings/components/widgets/subscription_plan/SubscriptionPlan.types.d.ts +4 -1
  6. package/package.json +1 -1
package/build/index.cjs.js/index.js CHANGED
@@ -11863,7 +11863,7 @@ const LabelPanelItem = _ref => {
11863
11863
  };
11864
11864
 
11865
11865
  const _excluded$4 = ["title", "hasEdit", "labelWidth", "editFn", "editLabel", "items", "withBorder", "radius", "p"],
11866
- _excluded2 = ["avatarSize", "avatar", "withBorder", "radius", "p", "name", "username", "editLabel", "lastActive", "role", "editFn"];
11866
+ _excluded2 = ["avatarSize", "avatar", "labelWidth", "withBorder", "radius", "p", "name", "username", "editLabel", "lastActive", "role", "editFn"];
11867
11867
  const LabelPanel = _ref => {
11868
11868
  let {
11869
11869
  title,
@@ -11881,7 +11881,9 @@ const LabelPanel = _ref => {
11881
11881
  withBorder,
11882
11882
  radius,
11883
11883
  p
11884
- }), /*#__PURE__*/React.createElement(core.Stack, null, /*#__PURE__*/React.createElement(core.Group, {
11884
+ }), /*#__PURE__*/React.createElement(core.Stack, {
11885
+ pb: 'md'
11886
+ }, /*#__PURE__*/React.createElement(core.Group, {
11885
11887
  justify: "space-between",
11886
11888
  p: 0
11887
11889
  }, /*#__PURE__*/React.createElement(core.Title, {
@@ -11908,8 +11910,9 @@ const LabelPanel = _ref => {
11908
11910
  };
11909
11911
  const AvatarLabelPanel = _ref2 => {
11910
11912
  let {
11911
- avatarSize = 100,
11913
+ avatarSize = 150,
11912
11914
  avatar,
11915
+ labelWidth = 200,
11913
11916
  withBorder = true,
11914
11917
  radius = "md",
11915
11918
  p = "md",
@@ -11928,12 +11931,14 @@ const AvatarLabelPanel = _ref2 => {
11928
11931
  }), /*#__PURE__*/React.createElement(core.Group, {
11929
11932
  align: "flex-start",
11930
11933
  py: "sm"
11934
+ }, /*#__PURE__*/React.createElement(core.Center, {
11935
+ w: labelWidth
11931
11936
  }, /*#__PURE__*/React.createElement(core.Avatar, {
11932
11937
  size: avatarSize,
11933
11938
  src: avatar
11934
- }), /*#__PURE__*/React.createElement(core.Stack, {
11939
+ })), /*#__PURE__*/React.createElement(core.Stack, {
11935
11940
  py: 10,
11936
- gap: 5,
11941
+ gap: "md",
11937
11942
  h: "100%"
11938
11943
  }, /*#__PURE__*/React.createElement(core.Title, {
11939
11944
  fw: 500,
@@ -12069,7 +12074,7 @@ const ConnectionPanelDetail = _ref => {
12069
12074
  fz: "xs"
12070
12075
  }, label), /*#__PURE__*/React.createElement(core.Text, {
12071
12076
  fw: 300,
12072
- fz: "xs",
12077
+ fz: 'sm',
12073
12078
  c: altColor
12074
12079
  }, value));
12075
12080
  };
@@ -12300,11 +12305,14 @@ const ApplicationPanel = _ref => {
12300
12305
 
12301
12306
  const SubscriptionPlans = _ref => {
12302
12307
  let {
12303
- active,
12308
+ isActive,
12304
12309
  title,
12305
12310
  altColor = "altiba.3",
12306
12311
  durationDays,
12307
- planPrice
12312
+ planPrice,
12313
+ buttonLabel = 'Pay Early',
12314
+ altButtonLabel = 'Pay Now',
12315
+ onClick
12308
12316
  } = _ref;
12309
12317
  const price = planPrice.split("/");
12310
12318
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(core.Indicator, {
@@ -12314,10 +12322,10 @@ const SubscriptionPlans = _ref => {
12314
12322
  size: 18,
12315
12323
  stroke: 1
12316
12324
  }),
12317
- disabled: active,
12325
+ disabled: !isActive,
12318
12326
  className: "payment-plan"
12319
12327
  }, /*#__PURE__*/React.createElement(core.Card, {
12320
- bg: active ? "gray.1" : "white",
12328
+ bg: isActive ? "gray.1" : "white",
12321
12329
  p: "md",
12322
12330
  radius: "sm",
12323
12331
  withBorder: true
@@ -12333,7 +12341,7 @@ const SubscriptionPlans = _ref => {
12333
12341
  fz: "xs",
12334
12342
  c: altColor,
12335
12343
  fw: 300
12336
- }, durationDays, " ", active ? " days remaining" : " days")), /*#__PURE__*/React.createElement(core.Text, {
12344
+ }, durationDays, " ", isActive ? " days remaining" : " days")), /*#__PURE__*/React.createElement(core.Text, {
12337
12345
  fz: "sm",
12338
12346
  fw: 500
12339
12347
  }, price[0], /*#__PURE__*/React.createElement(core.Text, {
@@ -12344,8 +12352,9 @@ const SubscriptionPlans = _ref => {
12344
12352
  w: 100,
12345
12353
  size: "xs",
12346
12354
  fw: 500,
12347
- variant: active ? "outline" : "filled"
12348
- }, durationDays > 0 ? "Pay Early" : "Pay Now")))));
12355
+ onClick: onClick,
12356
+ variant: isActive ? "outline" : "filled"
12357
+ }, durationDays > 0 ? buttonLabel : altButtonLabel)))));
12349
12358
  };
12350
12359
 
12351
12360
  var img$4 = "data:image/svg+xml,%3c%3fxml version='1.0' encoding='utf-8'%3f%3e%3c!-- Uploaded to: SVG Repo%2c www.svgrepo.com%2c Generator: SVG Repo Mixer Tools --%3e%3csvg width='800px' height='800px' viewBox='0 -139.5 750 750' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e %3cdesc%3eCreated with Sketch.%3c/desc%3e %3cdefs%3e%3c/defs%3e %3cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3e %3cg id='amex' fill='%23393939' fill-rule='nonzero'%3e %3cpath d='M52.8846154%2c28.2035928 C39.6085397%2c28.2035928 28.8461538%2c38.7262417 28.8461538%2c51.7065868 L28.8461538%2c419.293413 C28.8461538%2c432.273758 39.6085397%2c442.796407 52.8846154%2c442.796407 L697.115385%2c442.796407 C710.39146%2c442.796407 721.153846%2c432.273758 721.153846%2c419.293413 L721.153846%2c51.7065868 C721.153846%2c38.7262417 710.39146%2c28.2035928 697.115385%2c28.2035928 L52.8846154%2c28.2035928 Z M52.8846154%2c0 L697.115385%2c0 C726.322751%2c-5.0099645e-15 750%2c23.1498275 750%2c51.7065868 L750%2c419.293413 C750%2c447.850173 726.322751%2c471 697.115385%2c471 L52.8846154%2c471 C23.6772488%2c471 3.41607085e-15%2c447.850173 0%2c419.293413 L0%2c51.7065868 C-3.41607085e-15%2c23.1498275 23.6772488%2c5.0099645e-15 52.8846154%2c0 Z' id='Rectangle-1'%3e%3c/path%3e %3cg id='Group' transform='translate(27.000000%2c 109.000000)'%3e %3cpath d='M1.00185169%2c114.13736 L34.3337698%2c114.13736 L41.8494525%2c96.0854168 L58.6754244%2c96.0854168 L66.1714134%2c114.13736 L131.754546%2c114.13736 L131.754546%2c100.336105 L137.608557%2c114.196192 L171.654379%2c114.196192 L177.508389%2c100.13019 L177.508389%2c114.13736 L340.495068%2c114.13736 L340.418753%2c84.5051101 L343.572239%2c84.5051101 C345.780417%2c84.5811032 346.425392%2c84.7845674 346.425392%2c88.4150574 L346.425392%2c114.13736 L430.722649%2c114.13736 L430.722649%2c107.239184 C437.521967%2c110.867222 448.097589%2c114.13736 462.013787%2c114.13736 L497.477569%2c114.13736 L505.067105%2c96.0854168 L521.893076%2c96.0854168 L529.315214%2c114.13736 L597.655492%2c114.13736 L597.655492%2c96.9899751 L608.004634%2c114.13736 L662.768433%2c114.13736 L662.768433%2c0.785672 L608.570834%2c0.785672 L608.570834%2c14.1726435 L600.981299%2c0.785672 L545.3682%2c0.785672 L545.3682%2c14.1726435 L538.399022%2c0.785672 L463.279121%2c0.785672 C450.704568%2c0.785672 439.651369%2c2.53350409 430.722649%2c7.40439063 L430.722649%2c0.785672 L378.883394%2c0.785672 L378.883394%2c7.40439063 C373.201705%2c2.38397078 365.459542%2c0.785672 356.850848%2c0.785672 L167.462041%2c0.785672 L154.754555%2c30.0624712 L141.704887%2c0.785672 L82.0520781%2c0.785672 L82.0520781%2c14.1726435 L75.4989347%2c0.785672 L24.6246793%2c0.785672 L0.99939%2c54.6792028 L0.99939%2c114.13736 L1.00185169%2c114.13736 Z M211.404045%2c97.7872512 L191.404894%2c97.7872512 L191.331043%2c34.134787 L163.043223%2c97.7872512 L145.914458%2c97.7872512 L117.552787%2c34.0784061 L117.552787%2c97.7872512 L77.874511%2c97.7872512 L70.3785219%2c79.6593152 L29.7598625%2c79.6593152 L22.1875597%2c97.7872512 L0.99939%2c97.7872512 L35.9338988%2c16.5142875 L64.9183893%2c16.5142875 L98.0976798%2c93.4630208 L98.0976798%2c16.5142875 L129.937785%2c16.5142875 L155.468458%2c71.6482149 L178.921427%2c16.5142875 L211.401583%2c16.5142875 L211.401583%2c97.7872512 L211.404045%2c97.7872512 Z M63.7112913%2c62.7923309 L50.3588303%2c30.3924772 L37.082683%2c62.7923309 L63.7112913%2c62.7923309 Z M290.995623%2c97.7872512 L225.826062%2c97.7872512 L225.826062%2c16.5142875 L290.995623%2c16.5142875 L290.995623%2c33.4385966 L245.335327%2c33.4385966 L245.335327%2c48.0880268 L289.90015%2c48.0880268 L289.90015%2c64.7475871 L245.335327%2c64.7475871 L245.335327%2c80.9781567 L290.995623%2c80.9781567 L290.995623%2c97.7872512 Z M382.833608%2c38.4026356 C382.833608%2c51.3606156 374.1486%2c58.0553273 369.087269%2c60.0654563 C373.355921%2c61.6833654 377.001753%2c64.5416719 378.737277%2c66.9097023 C381.491962%2c70.9520236 381.967077%2c74.5629023 381.967077%2c81.8214305 L381.967077%2c97.7872512 L362.290413%2c97.7872512 L362.216561%2c87.5380426 C362.216561%2c82.6475448 362.686753%2c75.6145431 359.136929%2c71.7045958 C356.286237%2c68.8462902 351.941271%2c68.2260919 344.917936%2c68.2260919 L323.975939%2c68.2260919 L323.975939%2c97.7872512 L304.469136%2c97.7872512 L304.469136%2c16.5142875 L349.339215%2c16.5142875 C359.30925%2c16.5142875 366.655073%2c16.7765845 372.962043%2c20.4070745 C379.133618%2c24.0375645 382.833608%2c29.3374416 382.833608%2c38.4026356 Z M358.172965%2c50.470979 C355.492133%2c52.0913399 352.321416%2c52.1452699 348.522956%2c52.1452699 L324.823814%2c52.1452699 L324.823814%2c34.093327 L348.845443%2c34.093327 C352.245102%2c34.093327 355.792465%2c34.2453131 358.096651%2c35.5592508 C360.627317%2c36.7432665 362.192981%2c39.263282 362.192981%2c42.7442378 C362.192981%2c46.2962838 360.70363%2c49.1545894 358.172965%2c50.470979 Z M414.120367%2c97.7872512 L394.214762%2c97.7872512 L394.214762%2c16.5142875 L414.120367%2c16.5142875 L414.120367%2c97.7872512 Z M645.195722%2c97.7872512 L617.550416%2c97.7872512 L580.572666%2c36.7871775 L580.572666%2c97.7872512 L540.842694%2c97.7872512 L533.250697%2c79.6593152 L492.725584%2c79.6593152 L485.360067%2c97.7872512 L462.532381%2c97.7872512 C453.049769%2c97.7872512 441.043878%2c95.6986772 434.244561%2c88.7980504 C427.388624%2c81.8974235 423.821567%2c72.5503214 423.821567%2c57.7709672 C423.821567%2c45.7175456 425.953432%2c34.6986044 434.338108%2c25.9913117 C440.645077%2c19.504968 450.521566%2c16.5142875 463.965111%2c16.5142875 L482.851557%2c16.5142875 L482.851557%2c33.9288719 L464.361451%2c33.9288719 C457.242107%2c33.9288719 453.222091%2c34.9829635 449.349779%2c38.7433766 C446.023972%2c42.1654996 443.741943%2c48.6346839 443.741943%2c57.1532208 C443.741943%2c65.8605125 445.479929%2c72.1384901 449.106068%2c76.2396441 C452.109386%2c79.455851 457.567057%2c80.4314997 462.70224%2c80.4314997 L471.463562%2c80.4314997 L498.958702%2c16.5167384 L528.189366%2c16.5167384 L561.21849%2c93.3894796 L561.21849%2c16.5167384 L590.921808%2c16.5167384 L625.213803%2c73.1190406 L625.213803%2c16.5167384 L645.195722%2c16.5167384 L645.195722%2c97.7872512 Z M526.615482%2c62.7923309 L513.115317%2c30.3924772 L499.689004%2c62.7923309 L526.615482%2c62.7923309 Z' id='Path'%3e%3c/path%3e %3cpath d='M694.908287%2c227.558349 C690.169443%2c234.458977 680.935468%2c237.957092 668.434768%2c237.957092 L630.760346%2c237.957092 L630.760346%2c220.525348 L668.282141%2c220.525348 C672.004287%2c220.525348 674.608804%2c220.037524 676.176931%2c218.512767 C677.53581%2c217.25521 678.483578%2c215.428934 678.483578%2c213.210438 C678.483578%2c210.842408 677.53581%2c208.962201 676.100617%2c207.834568 C674.685118%2c206.59417 672.624644%2c206.030354 669.227447%2c206.030354 C650.909663%2c205.410156 628.057359%2c206.59417 628.057359%2c180.869417 C628.057359%2c169.078292 635.575503%2c156.666969 656.047307%2c156.666969 L694.905825%2c156.666969 L694.908287%2c140.492781 L658.801992%2c140.492781 C647.906344%2c140.492781 639.99186%2c143.091241 634.386485%2c147.131111 L634.386485%2c140.492781 L580.984025%2c140.492781 C572.44426%2c140.492781 562.420068%2c142.600965 557.678762%2c147.131111 L557.678762%2c140.492781 L462.315997%2c140.492781 L462.315997%2c147.131111 C454.726462%2c141.679248 441.920507%2c140.492781 436.009877%2c140.492781 L373.107574%2c140.492781 L373.107574%2c147.131111 C367.103398%2c141.340957 353.750937%2c140.492781 345.612434%2c140.492781 L275.214144%2c140.492781 L259.104537%2c157.853435 L244.016551%2c140.492781 L138.856074%2c140.492781 L138.856074%2c253.922913 L242.037315%2c253.922913 L258.636807%2c236.287704 L274.273761%2c253.922913 L337.875196%2c253.979294 L337.875196%2c227.296052 L344.128008%2c227.296052 C352.566841%2c227.425975 362.519644%2c227.087685 371.300659%2c223.307661 L371.300659%2c253.920461 L423.760273%2c253.920461 L423.760273%2c224.356851 L426.290938%2c224.356851 C429.520738%2c224.356851 429.838302%2c224.489225 429.838302%2c227.70298 L429.838302%2c253.91801 L589.201303%2c253.91801 C599.319042%2c253.91801 609.894664%2c251.339161 615.751136%2c246.659482 L615.751136%2c253.91801 L666.300442%2c253.91801 C676.819444%2c253.91801 687.092272%2c252.449635 694.908287%2c248.689222 L694.908287%2c227.558349 Z M378.926897%2c183.927906 C378.926897%2c206.509994 362.007379%2c211.172514 344.954927%2c211.172514 L320.613273%2c211.172514 L320.613273%2c238.439183 L282.695139%2c238.439183 L258.67351%2c211.527963 L233.709035%2c238.439183 L156.435114%2c238.439183 L156.435114%2c157.146609 L234.898055%2c157.146609 L258.89999%2c183.79308 L283.714298%2c157.146609 L346.0504%2c157.146609 C361.532264%2c157.146609 378.926897%2c161.414457 378.926897%2c183.927906 Z M223.829062%2c221.339997 L175.864579%2c221.339997 L175.864579%2c205.165809 L218.693878%2c205.165809 L218.693878%2c188.57979 L175.864579%2c188.57979 L175.864579%2c173.800436 L224.774368%2c173.800436 L246.112704%2c197.490547 L223.829062%2c221.339997 Z M301.113434%2c230.648291 L271.161481%2c197.535087 L301.113434%2c165.473523 L301.113434%2c230.648291 Z M345.408399%2c194.502317 L320.197751%2c194.502317 L320.197751%2c173.800436 L345.634879%2c173.800436 C352.677909%2c173.800436 357.566917%2c176.658742 357.566917%2c183.767736 C357.566917%2c190.798286 352.904388%2c194.502317 345.408399%2c194.502317 Z M477.4839%2c157.146609 L542.59438%2c157.146609 L542.59438%2c173.958154 L496.911928%2c173.958154 L496.911928%2c188.737509 L541.479213%2c188.737509 L541.479213%2c205.323528 L496.911928%2c205.323528 L496.911928%2c221.497714 L542.59438%2c221.571256 L542.59438%2c238.439183 L477.4839%2c238.439183 L477.4839%2c157.146609 Z M452.452415%2c200.661007 C456.794918%2c202.256854 460.344743%2c205.117612 462.008877%2c207.485642 C464.763561%2c211.454422 465.162362%2c215.158453 465.241138%2c222.323829 L465.241138%2c238.439183 L445.655559%2c238.439183 L445.655559%2c228.268419 C445.655559%2c223.377921 446.128213%2c216.136553 442.502074%2c212.356528 C439.651382%2c209.444293 435.306417%2c208.748102 428.189535%2c208.748102 L407.341085%2c208.748102 L407.341085%2c238.439183 L387.738274%2c238.439183 L387.738274%2c157.146609 L432.778213%2c157.146609 C442.654702%2c157.146609 449.847897%2c157.580502 456.250875%2c160.983014 C462.407679%2c164.687045 466.27999%2c169.761396 466.27999%2c179.034957 C466.277529%2c192.010097 457.587597%2c198.631267 452.452415%2c200.661007 Z M441.42487%2c190.384004 C438.815429%2c191.92592 435.588092%2c192.058295 431.792093%2c192.058295 L408.092952%2c192.058295 L408.092952%2c173.800436 L432.114581%2c173.800436 C435.588092%2c173.800436 439.064065%2c173.873978 441.42487%2c175.268812 C443.953074%2c176.585201 445.46458%2c179.102766 445.46458%2c182.58127 C445.46458%2c186.059775 443.953074%2c188.861698 441.42487%2c190.384004 Z M617.536604%2c195.562142 C621.335064%2c199.476992 623.370921%2c204.418969 623.370921%2c212.78552 C623.370921%2c230.273646 612.398959%2c238.436732 592.724758%2c238.436732 L554.727848%2c238.436732 L554.727848%2c221.004988 L592.572131%2c221.004988 C596.272121%2c221.004988 598.896333%2c220.517164 600.540772%2c218.992407 C601.882419%2c217.734851 602.844958%2c215.908574 602.844958%2c213.690078 C602.844958%2c211.322047 601.803643%2c209.441841 600.464459%2c208.314207 C598.972646%2c207.073811 596.914634%2c206.509994 593.517437%2c206.509994 C575.273505%2c205.889795 552.426124%2c207.073811 552.426124%2c181.349057 C552.426124%2c169.557932 559.865493%2c157.146609 580.317603%2c157.146609 L619.427218%2c157.146609 L619.427218%2c174.44843 L583.640948%2c174.44843 C580.093586%2c174.44843 577.786938%2c174.580805 575.824934%2c175.916805 C573.688146%2c177.233195 572.895467%2c179.186942 572.895467%2c181.765791 C572.895467%2c184.832464 574.709767%2c186.918586 577.164119%2c187.820693 C579.22213%2c188.534044 581.43277%2c188.742411 584.756115%2c188.742411 L595.257885%2c189.02432 C605.848277%2c189.281714 613.117786%2c191.105539 617.536604%2c195.562142 Z M694.948587%2c173.800436 L659.393721%2c173.800436 C655.843896%2c173.800436 653.485552%2c173.932811 651.498931%2c175.268812 C649.440918%2c176.585201 648.648239%2c178.538949 648.648239%2c181.117798 C648.648239%2c184.18447 650.386226%2c186.270593 652.914429%2c187.1727 C654.972441%2c187.886051 657.183081%2c188.094418 660.432574%2c188.094418 L671.005734%2c188.376326 C681.674901%2c188.638623 688.796706%2c190.464899 693.139211%2c194.919051 C693.929428%2c195.539251 694.404543%2c196.235441 694.948587%2c196.931632 L694.948587%2c173.800436 Z' id='Path'%3e%3c/path%3e %3c/g%3e %3c/g%3e %3c/g%3e%3c/svg%3e";
@@ -12360,7 +12369,7 @@ var img = "data:image/svg+xml,%3c%3fxml version='1.0' encoding='utf-8'%3f%3e%3c!
12360
12369
 
12361
12370
  const PaymentMethod = _ref => {
12362
12371
  let {
12363
- active,
12372
+ isActive,
12364
12373
  pan,
12365
12374
  type,
12366
12375
  exp
@@ -12369,7 +12378,7 @@ const PaymentMethod = _ref => {
12369
12378
  withBorder: true,
12370
12379
  radius: "md",
12371
12380
  p: 0,
12372
- bg: active ? "gray.1" : "white",
12381
+ bg: isActive ? "gray.1" : "white",
12373
12382
  w: 330
12374
12383
  }, /*#__PURE__*/React.createElement(core.Group, {
12375
12384
  gap: "md",
@@ -12396,8 +12405,8 @@ const PaymentMethod = _ref => {
12396
12405
  flex: 1
12397
12406
  }), /*#__PURE__*/React.createElement(core.ActionIcon, {
12398
12407
  variant: "subtle",
12399
- disabled: active
12400
- }, !active ? /*#__PURE__*/React.createElement(Icons, {
12408
+ disabled: isActive
12409
+ }, !isActive ? /*#__PURE__*/React.createElement(Icons, {
12401
12410
  name: "Record"
12402
12411
  }) : /*#__PURE__*/React.createElement(Icons, {
12403
12412
  name: "TickCircle"
package/build/index.esm.js/index.js CHANGED
@@ -11842,7 +11842,7 @@ const LabelPanelItem = _ref => {
11842
11842
  };
11843
11843
 
11844
11844
  const _excluded$4 = ["title", "hasEdit", "labelWidth", "editFn", "editLabel", "items", "withBorder", "radius", "p"],
11845
- _excluded2 = ["avatarSize", "avatar", "withBorder", "radius", "p", "name", "username", "editLabel", "lastActive", "role", "editFn"];
11845
+ _excluded2 = ["avatarSize", "avatar", "labelWidth", "withBorder", "radius", "p", "name", "username", "editLabel", "lastActive", "role", "editFn"];
11846
11846
  const LabelPanel = _ref => {
11847
11847
  let {
11848
11848
  title,
@@ -11860,7 +11860,9 @@ const LabelPanel = _ref => {
11860
11860
  withBorder,
11861
11861
  radius,
11862
11862
  p
11863
- }), /*#__PURE__*/React.createElement(Stack, null, /*#__PURE__*/React.createElement(Group, {
11863
+ }), /*#__PURE__*/React.createElement(Stack, {
11864
+ pb: 'md'
11865
+ }, /*#__PURE__*/React.createElement(Group, {
11864
11866
  justify: "space-between",
11865
11867
  p: 0
11866
11868
  }, /*#__PURE__*/React.createElement(Title, {
@@ -11887,8 +11889,9 @@ const LabelPanel = _ref => {
11887
11889
  };
11888
11890
  const AvatarLabelPanel = _ref2 => {
11889
11891
  let {
11890
- avatarSize = 100,
11892
+ avatarSize = 150,
11891
11893
  avatar,
11894
+ labelWidth = 200,
11892
11895
  withBorder = true,
11893
11896
  radius = "md",
11894
11897
  p = "md",
@@ -11907,12 +11910,14 @@ const AvatarLabelPanel = _ref2 => {
11907
11910
  }), /*#__PURE__*/React.createElement(Group, {
11908
11911
  align: "flex-start",
11909
11912
  py: "sm"
11913
+ }, /*#__PURE__*/React.createElement(Center, {
11914
+ w: labelWidth
11910
11915
  }, /*#__PURE__*/React.createElement(Avatar, {
11911
11916
  size: avatarSize,
11912
11917
  src: avatar
11913
- }), /*#__PURE__*/React.createElement(Stack, {
11918
+ })), /*#__PURE__*/React.createElement(Stack, {
11914
11919
  py: 10,
11915
- gap: 5,
11920
+ gap: "md",
11916
11921
  h: "100%"
11917
11922
  }, /*#__PURE__*/React.createElement(Title, {
11918
11923
  fw: 500,
@@ -12048,7 +12053,7 @@ const ConnectionPanelDetail = _ref => {
12048
12053
  fz: "xs"
12049
12054
  }, label), /*#__PURE__*/React.createElement(Text, {
12050
12055
  fw: 300,
12051
- fz: "xs",
12056
+ fz: 'sm',
12052
12057
  c: altColor
12053
12058
  }, value));
12054
12059
  };
@@ -12279,11 +12284,14 @@ const ApplicationPanel = _ref => {
12279
12284
 
12280
12285
  const SubscriptionPlans = _ref => {
12281
12286
  let {
12282
- active,
12287
+ isActive,
12283
12288
  title,
12284
12289
  altColor = "altiba.3",
12285
12290
  durationDays,
12286
- planPrice
12291
+ planPrice,
12292
+ buttonLabel = 'Pay Early',
12293
+ altButtonLabel = 'Pay Now',
12294
+ onClick
12287
12295
  } = _ref;
12288
12296
  const price = planPrice.split("/");
12289
12297
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Indicator, {
@@ -12293,10 +12301,10 @@ const SubscriptionPlans = _ref => {
12293
12301
  size: 18,
12294
12302
  stroke: 1
12295
12303
  }),
12296
- disabled: active,
12304
+ disabled: !isActive,
12297
12305
  className: "payment-plan"
12298
12306
  }, /*#__PURE__*/React.createElement(Card, {
12299
- bg: active ? "gray.1" : "white",
12307
+ bg: isActive ? "gray.1" : "white",
12300
12308
  p: "md",
12301
12309
  radius: "sm",
12302
12310
  withBorder: true
@@ -12312,7 +12320,7 @@ const SubscriptionPlans = _ref => {
12312
12320
  fz: "xs",
12313
12321
  c: altColor,
12314
12322
  fw: 300
12315
- }, durationDays, " ", active ? " days remaining" : " days")), /*#__PURE__*/React.createElement(Text, {
12323
+ }, durationDays, " ", isActive ? " days remaining" : " days")), /*#__PURE__*/React.createElement(Text, {
12316
12324
  fz: "sm",
12317
12325
  fw: 500
12318
12326
  }, price[0], /*#__PURE__*/React.createElement(Text, {
@@ -12323,8 +12331,9 @@ const SubscriptionPlans = _ref => {
12323
12331
  w: 100,
12324
12332
  size: "xs",
12325
12333
  fw: 500,
12326
- variant: active ? "outline" : "filled"
12327
- }, durationDays > 0 ? "Pay Early" : "Pay Now")))));
12334
+ onClick: onClick,
12335
+ variant: isActive ? "outline" : "filled"
12336
+ }, durationDays > 0 ? buttonLabel : altButtonLabel)))));
12328
12337
  };
12329
12338
 
12330
12339
  var img$4 = "data:image/svg+xml,%3c%3fxml version='1.0' encoding='utf-8'%3f%3e%3c!-- Uploaded to: SVG Repo%2c www.svgrepo.com%2c Generator: SVG Repo Mixer Tools --%3e%3csvg width='800px' height='800px' viewBox='0 -139.5 750 750' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e %3cdesc%3eCreated with Sketch.%3c/desc%3e %3cdefs%3e%3c/defs%3e %3cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3e %3cg id='amex' fill='%23393939' fill-rule='nonzero'%3e %3cpath d='M52.8846154%2c28.2035928 C39.6085397%2c28.2035928 28.8461538%2c38.7262417 28.8461538%2c51.7065868 L28.8461538%2c419.293413 C28.8461538%2c432.273758 39.6085397%2c442.796407 52.8846154%2c442.796407 L697.115385%2c442.796407 C710.39146%2c442.796407 721.153846%2c432.273758 721.153846%2c419.293413 L721.153846%2c51.7065868 C721.153846%2c38.7262417 710.39146%2c28.2035928 697.115385%2c28.2035928 L52.8846154%2c28.2035928 Z M52.8846154%2c0 L697.115385%2c0 C726.322751%2c-5.0099645e-15 750%2c23.1498275 750%2c51.7065868 L750%2c419.293413 C750%2c447.850173 726.322751%2c471 697.115385%2c471 L52.8846154%2c471 C23.6772488%2c471 3.41607085e-15%2c447.850173 0%2c419.293413 L0%2c51.7065868 C-3.41607085e-15%2c23.1498275 23.6772488%2c5.0099645e-15 52.8846154%2c0 Z' id='Rectangle-1'%3e%3c/path%3e %3cg id='Group' transform='translate(27.000000%2c 109.000000)'%3e %3cpath d='M1.00185169%2c114.13736 L34.3337698%2c114.13736 L41.8494525%2c96.0854168 L58.6754244%2c96.0854168 L66.1714134%2c114.13736 L131.754546%2c114.13736 L131.754546%2c100.336105 L137.608557%2c114.196192 L171.654379%2c114.196192 L177.508389%2c100.13019 L177.508389%2c114.13736 L340.495068%2c114.13736 L340.418753%2c84.5051101 L343.572239%2c84.5051101 C345.780417%2c84.5811032 346.425392%2c84.7845674 346.425392%2c88.4150574 L346.425392%2c114.13736 L430.722649%2c114.13736 L430.722649%2c107.239184 C437.521967%2c110.867222 448.097589%2c114.13736 462.013787%2c114.13736 L497.477569%2c114.13736 L505.067105%2c96.0854168 L521.893076%2c96.0854168 L529.315214%2c114.13736 L597.655492%2c114.13736 L597.655492%2c96.9899751 L608.004634%2c114.13736 L662.768433%2c114.13736 L662.768433%2c0.785672 L608.570834%2c0.785672 L608.570834%2c14.1726435 L600.981299%2c0.785672 L545.3682%2c0.785672 L545.3682%2c14.1726435 L538.399022%2c0.785672 L463.279121%2c0.785672 C450.704568%2c0.785672 439.651369%2c2.53350409 430.722649%2c7.40439063 L430.722649%2c0.785672 L378.883394%2c0.785672 L378.883394%2c7.40439063 C373.201705%2c2.38397078 365.459542%2c0.785672 356.850848%2c0.785672 L167.462041%2c0.785672 L154.754555%2c30.0624712 L141.704887%2c0.785672 L82.0520781%2c0.785672 L82.0520781%2c14.1726435 L75.4989347%2c0.785672 L24.6246793%2c0.785672 L0.99939%2c54.6792028 L0.99939%2c114.13736 L1.00185169%2c114.13736 Z M211.404045%2c97.7872512 L191.404894%2c97.7872512 L191.331043%2c34.134787 L163.043223%2c97.7872512 L145.914458%2c97.7872512 L117.552787%2c34.0784061 L117.552787%2c97.7872512 L77.874511%2c97.7872512 L70.3785219%2c79.6593152 L29.7598625%2c79.6593152 L22.1875597%2c97.7872512 L0.99939%2c97.7872512 L35.9338988%2c16.5142875 L64.9183893%2c16.5142875 L98.0976798%2c93.4630208 L98.0976798%2c16.5142875 L129.937785%2c16.5142875 L155.468458%2c71.6482149 L178.921427%2c16.5142875 L211.401583%2c16.5142875 L211.401583%2c97.7872512 L211.404045%2c97.7872512 Z M63.7112913%2c62.7923309 L50.3588303%2c30.3924772 L37.082683%2c62.7923309 L63.7112913%2c62.7923309 Z M290.995623%2c97.7872512 L225.826062%2c97.7872512 L225.826062%2c16.5142875 L290.995623%2c16.5142875 L290.995623%2c33.4385966 L245.335327%2c33.4385966 L245.335327%2c48.0880268 L289.90015%2c48.0880268 L289.90015%2c64.7475871 L245.335327%2c64.7475871 L245.335327%2c80.9781567 L290.995623%2c80.9781567 L290.995623%2c97.7872512 Z M382.833608%2c38.4026356 C382.833608%2c51.3606156 374.1486%2c58.0553273 369.087269%2c60.0654563 C373.355921%2c61.6833654 377.001753%2c64.5416719 378.737277%2c66.9097023 C381.491962%2c70.9520236 381.967077%2c74.5629023 381.967077%2c81.8214305 L381.967077%2c97.7872512 L362.290413%2c97.7872512 L362.216561%2c87.5380426 C362.216561%2c82.6475448 362.686753%2c75.6145431 359.136929%2c71.7045958 C356.286237%2c68.8462902 351.941271%2c68.2260919 344.917936%2c68.2260919 L323.975939%2c68.2260919 L323.975939%2c97.7872512 L304.469136%2c97.7872512 L304.469136%2c16.5142875 L349.339215%2c16.5142875 C359.30925%2c16.5142875 366.655073%2c16.7765845 372.962043%2c20.4070745 C379.133618%2c24.0375645 382.833608%2c29.3374416 382.833608%2c38.4026356 Z M358.172965%2c50.470979 C355.492133%2c52.0913399 352.321416%2c52.1452699 348.522956%2c52.1452699 L324.823814%2c52.1452699 L324.823814%2c34.093327 L348.845443%2c34.093327 C352.245102%2c34.093327 355.792465%2c34.2453131 358.096651%2c35.5592508 C360.627317%2c36.7432665 362.192981%2c39.263282 362.192981%2c42.7442378 C362.192981%2c46.2962838 360.70363%2c49.1545894 358.172965%2c50.470979 Z M414.120367%2c97.7872512 L394.214762%2c97.7872512 L394.214762%2c16.5142875 L414.120367%2c16.5142875 L414.120367%2c97.7872512 Z M645.195722%2c97.7872512 L617.550416%2c97.7872512 L580.572666%2c36.7871775 L580.572666%2c97.7872512 L540.842694%2c97.7872512 L533.250697%2c79.6593152 L492.725584%2c79.6593152 L485.360067%2c97.7872512 L462.532381%2c97.7872512 C453.049769%2c97.7872512 441.043878%2c95.6986772 434.244561%2c88.7980504 C427.388624%2c81.8974235 423.821567%2c72.5503214 423.821567%2c57.7709672 C423.821567%2c45.7175456 425.953432%2c34.6986044 434.338108%2c25.9913117 C440.645077%2c19.504968 450.521566%2c16.5142875 463.965111%2c16.5142875 L482.851557%2c16.5142875 L482.851557%2c33.9288719 L464.361451%2c33.9288719 C457.242107%2c33.9288719 453.222091%2c34.9829635 449.349779%2c38.7433766 C446.023972%2c42.1654996 443.741943%2c48.6346839 443.741943%2c57.1532208 C443.741943%2c65.8605125 445.479929%2c72.1384901 449.106068%2c76.2396441 C452.109386%2c79.455851 457.567057%2c80.4314997 462.70224%2c80.4314997 L471.463562%2c80.4314997 L498.958702%2c16.5167384 L528.189366%2c16.5167384 L561.21849%2c93.3894796 L561.21849%2c16.5167384 L590.921808%2c16.5167384 L625.213803%2c73.1190406 L625.213803%2c16.5167384 L645.195722%2c16.5167384 L645.195722%2c97.7872512 Z M526.615482%2c62.7923309 L513.115317%2c30.3924772 L499.689004%2c62.7923309 L526.615482%2c62.7923309 Z' id='Path'%3e%3c/path%3e %3cpath d='M694.908287%2c227.558349 C690.169443%2c234.458977 680.935468%2c237.957092 668.434768%2c237.957092 L630.760346%2c237.957092 L630.760346%2c220.525348 L668.282141%2c220.525348 C672.004287%2c220.525348 674.608804%2c220.037524 676.176931%2c218.512767 C677.53581%2c217.25521 678.483578%2c215.428934 678.483578%2c213.210438 C678.483578%2c210.842408 677.53581%2c208.962201 676.100617%2c207.834568 C674.685118%2c206.59417 672.624644%2c206.030354 669.227447%2c206.030354 C650.909663%2c205.410156 628.057359%2c206.59417 628.057359%2c180.869417 C628.057359%2c169.078292 635.575503%2c156.666969 656.047307%2c156.666969 L694.905825%2c156.666969 L694.908287%2c140.492781 L658.801992%2c140.492781 C647.906344%2c140.492781 639.99186%2c143.091241 634.386485%2c147.131111 L634.386485%2c140.492781 L580.984025%2c140.492781 C572.44426%2c140.492781 562.420068%2c142.600965 557.678762%2c147.131111 L557.678762%2c140.492781 L462.315997%2c140.492781 L462.315997%2c147.131111 C454.726462%2c141.679248 441.920507%2c140.492781 436.009877%2c140.492781 L373.107574%2c140.492781 L373.107574%2c147.131111 C367.103398%2c141.340957 353.750937%2c140.492781 345.612434%2c140.492781 L275.214144%2c140.492781 L259.104537%2c157.853435 L244.016551%2c140.492781 L138.856074%2c140.492781 L138.856074%2c253.922913 L242.037315%2c253.922913 L258.636807%2c236.287704 L274.273761%2c253.922913 L337.875196%2c253.979294 L337.875196%2c227.296052 L344.128008%2c227.296052 C352.566841%2c227.425975 362.519644%2c227.087685 371.300659%2c223.307661 L371.300659%2c253.920461 L423.760273%2c253.920461 L423.760273%2c224.356851 L426.290938%2c224.356851 C429.520738%2c224.356851 429.838302%2c224.489225 429.838302%2c227.70298 L429.838302%2c253.91801 L589.201303%2c253.91801 C599.319042%2c253.91801 609.894664%2c251.339161 615.751136%2c246.659482 L615.751136%2c253.91801 L666.300442%2c253.91801 C676.819444%2c253.91801 687.092272%2c252.449635 694.908287%2c248.689222 L694.908287%2c227.558349 Z M378.926897%2c183.927906 C378.926897%2c206.509994 362.007379%2c211.172514 344.954927%2c211.172514 L320.613273%2c211.172514 L320.613273%2c238.439183 L282.695139%2c238.439183 L258.67351%2c211.527963 L233.709035%2c238.439183 L156.435114%2c238.439183 L156.435114%2c157.146609 L234.898055%2c157.146609 L258.89999%2c183.79308 L283.714298%2c157.146609 L346.0504%2c157.146609 C361.532264%2c157.146609 378.926897%2c161.414457 378.926897%2c183.927906 Z M223.829062%2c221.339997 L175.864579%2c221.339997 L175.864579%2c205.165809 L218.693878%2c205.165809 L218.693878%2c188.57979 L175.864579%2c188.57979 L175.864579%2c173.800436 L224.774368%2c173.800436 L246.112704%2c197.490547 L223.829062%2c221.339997 Z M301.113434%2c230.648291 L271.161481%2c197.535087 L301.113434%2c165.473523 L301.113434%2c230.648291 Z M345.408399%2c194.502317 L320.197751%2c194.502317 L320.197751%2c173.800436 L345.634879%2c173.800436 C352.677909%2c173.800436 357.566917%2c176.658742 357.566917%2c183.767736 C357.566917%2c190.798286 352.904388%2c194.502317 345.408399%2c194.502317 Z M477.4839%2c157.146609 L542.59438%2c157.146609 L542.59438%2c173.958154 L496.911928%2c173.958154 L496.911928%2c188.737509 L541.479213%2c188.737509 L541.479213%2c205.323528 L496.911928%2c205.323528 L496.911928%2c221.497714 L542.59438%2c221.571256 L542.59438%2c238.439183 L477.4839%2c238.439183 L477.4839%2c157.146609 Z M452.452415%2c200.661007 C456.794918%2c202.256854 460.344743%2c205.117612 462.008877%2c207.485642 C464.763561%2c211.454422 465.162362%2c215.158453 465.241138%2c222.323829 L465.241138%2c238.439183 L445.655559%2c238.439183 L445.655559%2c228.268419 C445.655559%2c223.377921 446.128213%2c216.136553 442.502074%2c212.356528 C439.651382%2c209.444293 435.306417%2c208.748102 428.189535%2c208.748102 L407.341085%2c208.748102 L407.341085%2c238.439183 L387.738274%2c238.439183 L387.738274%2c157.146609 L432.778213%2c157.146609 C442.654702%2c157.146609 449.847897%2c157.580502 456.250875%2c160.983014 C462.407679%2c164.687045 466.27999%2c169.761396 466.27999%2c179.034957 C466.277529%2c192.010097 457.587597%2c198.631267 452.452415%2c200.661007 Z M441.42487%2c190.384004 C438.815429%2c191.92592 435.588092%2c192.058295 431.792093%2c192.058295 L408.092952%2c192.058295 L408.092952%2c173.800436 L432.114581%2c173.800436 C435.588092%2c173.800436 439.064065%2c173.873978 441.42487%2c175.268812 C443.953074%2c176.585201 445.46458%2c179.102766 445.46458%2c182.58127 C445.46458%2c186.059775 443.953074%2c188.861698 441.42487%2c190.384004 Z M617.536604%2c195.562142 C621.335064%2c199.476992 623.370921%2c204.418969 623.370921%2c212.78552 C623.370921%2c230.273646 612.398959%2c238.436732 592.724758%2c238.436732 L554.727848%2c238.436732 L554.727848%2c221.004988 L592.572131%2c221.004988 C596.272121%2c221.004988 598.896333%2c220.517164 600.540772%2c218.992407 C601.882419%2c217.734851 602.844958%2c215.908574 602.844958%2c213.690078 C602.844958%2c211.322047 601.803643%2c209.441841 600.464459%2c208.314207 C598.972646%2c207.073811 596.914634%2c206.509994 593.517437%2c206.509994 C575.273505%2c205.889795 552.426124%2c207.073811 552.426124%2c181.349057 C552.426124%2c169.557932 559.865493%2c157.146609 580.317603%2c157.146609 L619.427218%2c157.146609 L619.427218%2c174.44843 L583.640948%2c174.44843 C580.093586%2c174.44843 577.786938%2c174.580805 575.824934%2c175.916805 C573.688146%2c177.233195 572.895467%2c179.186942 572.895467%2c181.765791 C572.895467%2c184.832464 574.709767%2c186.918586 577.164119%2c187.820693 C579.22213%2c188.534044 581.43277%2c188.742411 584.756115%2c188.742411 L595.257885%2c189.02432 C605.848277%2c189.281714 613.117786%2c191.105539 617.536604%2c195.562142 Z M694.948587%2c173.800436 L659.393721%2c173.800436 C655.843896%2c173.800436 653.485552%2c173.932811 651.498931%2c175.268812 C649.440918%2c176.585201 648.648239%2c178.538949 648.648239%2c181.117798 C648.648239%2c184.18447 650.386226%2c186.270593 652.914429%2c187.1727 C654.972441%2c187.886051 657.183081%2c188.094418 660.432574%2c188.094418 L671.005734%2c188.376326 C681.674901%2c188.638623 688.796706%2c190.464899 693.139211%2c194.919051 C693.929428%2c195.539251 694.404543%2c196.235441 694.948587%2c196.931632 L694.948587%2c173.800436 Z' id='Path'%3e%3c/path%3e %3c/g%3e %3c/g%3e %3c/g%3e%3c/svg%3e";
@@ -12339,7 +12348,7 @@ var img = "data:image/svg+xml,%3c%3fxml version='1.0' encoding='utf-8'%3f%3e%3c!
12339
12348
 
12340
12349
  const PaymentMethod = _ref => {
12341
12350
  let {
12342
- active,
12351
+ isActive,
12343
12352
  pan,
12344
12353
  type,
12345
12354
  exp
@@ -12348,7 +12357,7 @@ const PaymentMethod = _ref => {
12348
12357
  withBorder: true,
12349
12358
  radius: "md",
12350
12359
  p: 0,
12351
- bg: active ? "gray.1" : "white",
12360
+ bg: isActive ? "gray.1" : "white",
12352
12361
  w: 330
12353
12362
  }, /*#__PURE__*/React.createElement(Group, {
12354
12363
  gap: "md",
@@ -12375,8 +12384,8 @@ const PaymentMethod = _ref => {
12375
12384
  flex: 1
12376
12385
  }), /*#__PURE__*/React.createElement(ActionIcon, {
12377
12386
  variant: "subtle",
12378
- disabled: active
12379
- }, !active ? /*#__PURE__*/React.createElement(Icons, {
12387
+ disabled: isActive
12388
+ }, !isActive ? /*#__PURE__*/React.createElement(Icons, {
12380
12389
  name: "Record"
12381
12390
  }) : /*#__PURE__*/React.createElement(Icons, {
12382
12391
  name: "TickCircle"
package/build/typings/components/panels/label/Label.types.d.ts CHANGED
@@ -22,4 +22,5 @@ export interface AvatartLabelPanelProps extends CardProps {
22
22
  editFn?: () => void;
23
23
  editLabel?: string;
24
24
  role?: string;
25
+ labelWidth?: number;
25
26
  }
package/build/typings/components/widgets/payment_method/PaymentMethod.types.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  export interface PaymentMethodProps {
2
- active: boolean;
2
+ isActive: boolean;
3
3
  pan: number;
4
4
  type: "mastercard" | "visa" | "amex" | "paypal" | "verve";
5
5
  exp: string;
package/build/typings/components/widgets/subscription_plan/SubscriptionPlan.types.d.ts CHANGED
@@ -1,8 +1,11 @@
1
1
  import { MantineColor } from "@mantine/core";
2
2
  export interface SubscriptionPlanProps {
3
- active: boolean;
3
+ isActive: boolean;
4
4
  title: string;
5
5
  altColor: MantineColor;
6
6
  durationDays: number;
7
7
  planPrice: string;
8
+ onClick: (event: any) => void;
9
+ buttonLabel?: string;
10
+ altButtonLabel?: string;
8
11
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@adiba-banking-cloud/backoffice",
3
3
  "author": "TUROG Technologies",
4
- "version": "0.0.17",
4
+ "version": "0.0.19",
5
5
  "description": "An ADIBA component library for backoffice and dashboard applications",
6
6
  "license": "ISC",
7
7
  "main": "build/index.cjs.js",