@bonlineza/luxity-lib 2.30.2 → 2.30.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 (11) hide show
  1. package/CHANGELOG.md +0 -4
  2. package/CommunicationPreferenceOptionsRenderer.js +40 -28
  3. package/CommunicationPreferenceSection.js +44 -32
  4. package/CommunicationPreferences.js +48 -37
  5. package/CreateRarestepInterest.js +85 -0
  6. package/GraphQLDropdownSelector.js +4 -7
  7. package/LuxityGraphQLDropdownSelector.js +4 -7
  8. package/MaterialSelector.js +4 -7
  9. package/ModelSelector.js +4 -7
  10. package/build/bundle.js +21 -33
  11. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,9 +1,5 @@
1
1
  ## Changelog
2
2
 
3
- ### 2.30.2
4
- - rename header components to make them more generic
5
- - display makes on the header dropdown
6
-
7
3
  ### 2.30.1
8
4
  - adding a class name prop for the buttons on the communications preference components.
9
5
  - removing the default section header on communication preferences.
package/CommunicationPreferenceOptionsRenderer.js CHANGED
@@ -522,20 +522,39 @@
522
522
  };
523
523
  }
524
524
 
525
+ var _templateObject;
526
+ var RadioButtonLabel = styled.label(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n margin-bottom: ", ";\n margin-right: ", ";\n"])), function (props) {
527
+ return props.theme.marginPaddings[0];
528
+ }, function (props) {
529
+ return props.theme.marginPaddings[0];
530
+ });
531
+
532
+ var _templateObject$1;
533
+ var RadioButtonText = styled.div(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n"])));
534
+
535
+ var _templateObject$2;
536
+ var RadioButtonCircle = styled.div(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteral(["\n height: 20px;\n width: 20px;\n border-radius: 50%;\n margin-right: 5px;\n border: 1px solid ", ";\n display: flex;\n"])), function (props) {
537
+ return props.theme.colors.base;
538
+ });
539
+
540
+ var _templateObject$3;
541
+ var RadioButtonCircleInner = styled.div(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteral(["\n height: 8px;\n width: 8px;\n border-radius: 50%;\n margin: auto;\n"])));
542
+
543
+ var _templateObject$4;
544
+ var RadioButtonInput = styled.input(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteral(["\n display: none;\n :checked ~ ", " {\n ", " {\n background-color: ", ";\n }\n }\n"])), RadioButtonCircle, RadioButtonCircleInner, function (props) {
545
+ return props.theme.colors.base;
546
+ });
547
+
525
548
  var _excluded = ["ref"];
526
549
 
527
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
528
- var OptionsRow = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n flex-wrap: nowrap;\n flex-direction: row;\n"])));
529
- var OptionsRowDescription = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n flex-basis: 30%;\n margin-right: 10px;\n"])));
530
- var Options = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n display: flex;\n flex-wrap: nowrap;\n flex-direction: row;\n flex-basis: 60%;\n"])));
531
- var OptionRadioInputContainer = styled.span(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n flex-basis: 50%;\n"])));
532
- var OptionRadioInput = styled.input(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n margin-right: 5px;\n"])));
550
+ var _templateObject$5, _templateObject2;
551
+ var OptionsRow = styled.div(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteral(["\n display: flex;\n flex-wrap: nowrap;\n flex-direction: row;\n"])));
552
+ var Options = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n display: flex;\n flex-wrap: nowrap;\n flex-direction: row;\n flex-basis: 60%;\n"])));
533
553
 
534
554
  var CommunicationPreferenceOptionsRenderer = function CommunicationPreferenceOptionsRenderer(_ref) {
535
- var description = _ref.description,
536
- control = _ref.control,
555
+ var control = _ref.control,
537
556
  name = _ref.name,
538
- is_disabled = _ref.is_disabled,
557
+ isDisabled = _ref.isDisabled,
539
558
  options = _ref.options,
540
559
  defaultValue = _ref.defaultValue,
541
560
  setValue = _ref.setValue;
@@ -557,27 +576,20 @@
557
576
  setValue(name, defaultValue);
558
577
  }
559
578
  }, [defaultValue, name, setValue]);
560
- return /*#__PURE__*/React__default.createElement(OptionsRow, null, /*#__PURE__*/React__default.createElement(OptionsRowDescription, null, description), is_disabled ? /*#__PURE__*/React__default.createElement(Options, null, options.map(function (option) {
561
- return /*#__PURE__*/React__default.createElement(OptionRadioInputContainer, {
562
- key: option.value
563
- }, /*#__PURE__*/React__default.createElement(OptionRadioInput, _extends({
564
- type: "radio",
565
- ref: ref
566
- }, inputProps, {
567
- value: option.value,
568
- checked: inputProps.value === option.value.toString(),
569
- disabled: true
570
- })), option.label);
571
- })) : /*#__PURE__*/React__default.createElement(Options, null, options.map(function (option) {
572
- return /*#__PURE__*/React__default.createElement(OptionRadioInputContainer, {
573
- key: option.value
574
- }, /*#__PURE__*/React__default.createElement(OptionRadioInput, _extends({
579
+ return /*#__PURE__*/React__default.createElement(OptionsRow, null, /*#__PURE__*/React__default.createElement(Options, null, options.map(function (option) {
580
+ return /*#__PURE__*/React__default.createElement(RadioButtonLabel, {
581
+ key: option.value,
582
+ htmlFor: option.value
583
+ }, /*#__PURE__*/React__default.createElement(RadioButtonInput, _extends({
584
+ id: option.value,
585
+ ref: ref,
575
586
  type: "radio",
576
- ref: ref
587
+ name: name,
588
+ defaultChecked: inputProps.value === option.value.toString()
577
589
  }, inputProps, {
578
- value: option.value,
579
- checked: inputProps.value === option.value.toString()
580
- })), option.label);
590
+ disabled: isDisabled,
591
+ value: option.value
592
+ })), /*#__PURE__*/React__default.createElement(RadioButtonCircle, null, /*#__PURE__*/React__default.createElement(RadioButtonCircleInner, null)), /*#__PURE__*/React__default.createElement(RadioButtonText, null, option.label));
581
593
  })), invalid && /*#__PURE__*/React__default.createElement("span", {
582
594
  className: "form__error"
583
595
  }, error === null || error === void 0 ? void 0 : error.message));
package/CommunicationPreferenceSection.js CHANGED
@@ -586,20 +586,39 @@
586
586
  };
587
587
  }
588
588
 
589
+ var _templateObject;
590
+ var RadioButtonLabel = styled__default.label(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n margin-bottom: ", ";\n margin-right: ", ";\n"])), function (props) {
591
+ return props.theme.marginPaddings[0];
592
+ }, function (props) {
593
+ return props.theme.marginPaddings[0];
594
+ });
595
+
596
+ var _templateObject$1;
597
+ var RadioButtonText = styled__default.div(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n"])));
598
+
599
+ var _templateObject$2;
600
+ var RadioButtonCircle = styled__default.div(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteral(["\n height: 20px;\n width: 20px;\n border-radius: 50%;\n margin-right: 5px;\n border: 1px solid ", ";\n display: flex;\n"])), function (props) {
601
+ return props.theme.colors.base;
602
+ });
603
+
604
+ var _templateObject$3;
605
+ var RadioButtonCircleInner = styled__default.div(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteral(["\n height: 8px;\n width: 8px;\n border-radius: 50%;\n margin: auto;\n"])));
606
+
607
+ var _templateObject$4;
608
+ var RadioButtonInput = styled__default.input(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteral(["\n display: none;\n :checked ~ ", " {\n ", " {\n background-color: ", ";\n }\n }\n"])), RadioButtonCircle, RadioButtonCircleInner, function (props) {
609
+ return props.theme.colors.base;
610
+ });
611
+
589
612
  var _excluded = ["ref"];
590
613
 
591
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
592
- var OptionsRow = styled__default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n flex-wrap: nowrap;\n flex-direction: row;\n"])));
593
- var OptionsRowDescription = styled__default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n flex-basis: 30%;\n margin-right: 10px;\n"])));
594
- var Options = styled__default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n display: flex;\n flex-wrap: nowrap;\n flex-direction: row;\n flex-basis: 60%;\n"])));
595
- var OptionRadioInputContainer = styled__default.span(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n flex-basis: 50%;\n"])));
596
- var OptionRadioInput = styled__default.input(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n margin-right: 5px;\n"])));
614
+ var _templateObject$5, _templateObject2;
615
+ var OptionsRow = styled__default.div(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteral(["\n display: flex;\n flex-wrap: nowrap;\n flex-direction: row;\n"])));
616
+ var Options = styled__default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n display: flex;\n flex-wrap: nowrap;\n flex-direction: row;\n flex-basis: 60%;\n"])));
597
617
 
598
618
  var CommunicationPreferenceOptionsRenderer = function CommunicationPreferenceOptionsRenderer(_ref) {
599
- var description = _ref.description,
600
- control = _ref.control,
619
+ var control = _ref.control,
601
620
  name = _ref.name,
602
- is_disabled = _ref.is_disabled,
621
+ isDisabled = _ref.isDisabled,
603
622
  options = _ref.options,
604
623
  defaultValue = _ref.defaultValue,
605
624
  setValue = _ref.setValue;
@@ -621,34 +640,27 @@
621
640
  setValue(name, defaultValue);
622
641
  }
623
642
  }, [defaultValue, name, setValue]);
624
- return /*#__PURE__*/React__default.createElement(OptionsRow, null, /*#__PURE__*/React__default.createElement(OptionsRowDescription, null, description), is_disabled ? /*#__PURE__*/React__default.createElement(Options, null, options.map(function (option) {
625
- return /*#__PURE__*/React__default.createElement(OptionRadioInputContainer, {
626
- key: option.value
627
- }, /*#__PURE__*/React__default.createElement(OptionRadioInput, _extends({
628
- type: "radio",
629
- ref: ref
630
- }, inputProps, {
631
- value: option.value,
632
- checked: inputProps.value === option.value.toString(),
633
- disabled: true
634
- })), option.label);
635
- })) : /*#__PURE__*/React__default.createElement(Options, null, options.map(function (option) {
636
- return /*#__PURE__*/React__default.createElement(OptionRadioInputContainer, {
637
- key: option.value
638
- }, /*#__PURE__*/React__default.createElement(OptionRadioInput, _extends({
643
+ return /*#__PURE__*/React__default.createElement(OptionsRow, null, /*#__PURE__*/React__default.createElement(Options, null, options.map(function (option) {
644
+ return /*#__PURE__*/React__default.createElement(RadioButtonLabel, {
645
+ key: option.value,
646
+ htmlFor: option.value
647
+ }, /*#__PURE__*/React__default.createElement(RadioButtonInput, _extends({
648
+ id: option.value,
649
+ ref: ref,
639
650
  type: "radio",
640
- ref: ref
651
+ name: name,
652
+ defaultChecked: inputProps.value === option.value.toString()
641
653
  }, inputProps, {
642
- value: option.value,
643
- checked: inputProps.value === option.value.toString()
644
- })), option.label);
654
+ disabled: isDisabled,
655
+ value: option.value
656
+ })), /*#__PURE__*/React__default.createElement(RadioButtonCircle, null, /*#__PURE__*/React__default.createElement(RadioButtonCircleInner, null)), /*#__PURE__*/React__default.createElement(RadioButtonText, null, option.label));
645
657
  })), invalid && /*#__PURE__*/React__default.createElement("span", {
646
658
  className: "form__error"
647
659
  }, error === null || error === void 0 ? void 0 : error.message));
648
660
  };
649
661
 
650
- var _templateObject$1, _templateObject2$1;
651
- var SectionContainer = styled__default.div(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n border-top: flex 1px solid ", ";\n border-top-width: calc(100% - 50px);\n padding: 5px 10px;\n"])), function (props) {
662
+ var _templateObject$6, _templateObject2$1;
663
+ var SectionContainer = styled__default.div(_templateObject$6 || (_templateObject$6 = _taggedTemplateLiteral(["\n border-top: flex 1px solid ", ";\n border-top-width: calc(100% - 50px);\n padding: 5px 10px;\n"])), function (props) {
652
664
  return props.theme.colors.primary;
653
665
  });
654
666
  var SectionHeading = styled__default.div(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteral(["\n padding: 5px 10px;\n"])));
@@ -658,7 +670,7 @@
658
670
  description = _ref.description,
659
671
  control = _ref.control,
660
672
  name = _ref.name,
661
- is_disabled = _ref.is_disabled,
673
+ isDisabled = _ref.isDisabled,
662
674
  options = _ref.options,
663
675
  defaultValue = _ref.defaultValue,
664
676
  setValue = _ref.setValue;
@@ -666,7 +678,7 @@
666
678
  description: description,
667
679
  control: control,
668
680
  name: name,
669
- is_disabled: is_disabled,
681
+ isDisabled: isDisabled,
670
682
  options: options,
671
683
  defaultValue: defaultValue,
672
684
  setValue: setValue
package/CommunicationPreferences.js CHANGED
@@ -2238,20 +2238,39 @@
2238
2238
  });
2239
2239
  });
2240
2240
 
2241
+ var _templateObject;
2242
+ var RadioButtonLabel = styled__default.label(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n margin-bottom: ", ";\n margin-right: ", ";\n"])), function (props) {
2243
+ return props.theme.marginPaddings[0];
2244
+ }, function (props) {
2245
+ return props.theme.marginPaddings[0];
2246
+ });
2247
+
2248
+ var _templateObject$1;
2249
+ var RadioButtonText = styled__default.div(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n"])));
2250
+
2251
+ var _templateObject$2;
2252
+ var RadioButtonCircle = styled__default.div(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteral(["\n height: 20px;\n width: 20px;\n border-radius: 50%;\n margin-right: 5px;\n border: 1px solid ", ";\n display: flex;\n"])), function (props) {
2253
+ return props.theme.colors.base;
2254
+ });
2255
+
2256
+ var _templateObject$3;
2257
+ var RadioButtonCircleInner = styled__default.div(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteral(["\n height: 8px;\n width: 8px;\n border-radius: 50%;\n margin: auto;\n"])));
2258
+
2259
+ var _templateObject$4;
2260
+ var RadioButtonInput = styled__default.input(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteral(["\n display: none;\n :checked ~ ", " {\n ", " {\n background-color: ", ";\n }\n }\n"])), RadioButtonCircle, RadioButtonCircleInner, function (props) {
2261
+ return props.theme.colors.base;
2262
+ });
2263
+
2241
2264
  var _excluded = ["ref"];
2242
2265
 
2243
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
2244
- var OptionsRow = styled__default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n flex-wrap: nowrap;\n flex-direction: row;\n"])));
2245
- var OptionsRowDescription = styled__default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n flex-basis: 30%;\n margin-right: 10px;\n"])));
2246
- var Options = styled__default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n display: flex;\n flex-wrap: nowrap;\n flex-direction: row;\n flex-basis: 60%;\n"])));
2247
- var OptionRadioInputContainer = styled__default.span(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n flex-basis: 50%;\n"])));
2248
- var OptionRadioInput = styled__default.input(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n margin-right: 5px;\n"])));
2266
+ var _templateObject$5, _templateObject2;
2267
+ var OptionsRow = styled__default.div(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteral(["\n display: flex;\n flex-wrap: nowrap;\n flex-direction: row;\n"])));
2268
+ var Options = styled__default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n display: flex;\n flex-wrap: nowrap;\n flex-direction: row;\n flex-basis: 60%;\n"])));
2249
2269
 
2250
2270
  var CommunicationPreferenceOptionsRenderer = function CommunicationPreferenceOptionsRenderer(_ref) {
2251
- var description = _ref.description,
2252
- control = _ref.control,
2271
+ var control = _ref.control,
2253
2272
  name = _ref.name,
2254
- is_disabled = _ref.is_disabled,
2273
+ isDisabled = _ref.isDisabled,
2255
2274
  options = _ref.options,
2256
2275
  defaultValue = _ref.defaultValue,
2257
2276
  setValue = _ref.setValue;
@@ -2273,34 +2292,27 @@
2273
2292
  setValue(name, defaultValue);
2274
2293
  }
2275
2294
  }, [defaultValue, name, setValue]);
2276
- return /*#__PURE__*/React__default.createElement(OptionsRow, null, /*#__PURE__*/React__default.createElement(OptionsRowDescription, null, description), is_disabled ? /*#__PURE__*/React__default.createElement(Options, null, options.map(function (option) {
2277
- return /*#__PURE__*/React__default.createElement(OptionRadioInputContainer, {
2278
- key: option.value
2279
- }, /*#__PURE__*/React__default.createElement(OptionRadioInput, _extends({
2280
- type: "radio",
2281
- ref: ref
2282
- }, inputProps, {
2283
- value: option.value,
2284
- checked: inputProps.value === option.value.toString(),
2285
- disabled: true
2286
- })), option.label);
2287
- })) : /*#__PURE__*/React__default.createElement(Options, null, options.map(function (option) {
2288
- return /*#__PURE__*/React__default.createElement(OptionRadioInputContainer, {
2289
- key: option.value
2290
- }, /*#__PURE__*/React__default.createElement(OptionRadioInput, _extends({
2295
+ return /*#__PURE__*/React__default.createElement(OptionsRow, null, /*#__PURE__*/React__default.createElement(Options, null, options.map(function (option) {
2296
+ return /*#__PURE__*/React__default.createElement(RadioButtonLabel, {
2297
+ key: option.value,
2298
+ htmlFor: option.value
2299
+ }, /*#__PURE__*/React__default.createElement(RadioButtonInput, _extends({
2300
+ id: option.value,
2301
+ ref: ref,
2291
2302
  type: "radio",
2292
- ref: ref
2303
+ name: name,
2304
+ defaultChecked: inputProps.value === option.value.toString()
2293
2305
  }, inputProps, {
2294
- value: option.value,
2295
- checked: inputProps.value === option.value.toString()
2296
- })), option.label);
2306
+ disabled: isDisabled,
2307
+ value: option.value
2308
+ })), /*#__PURE__*/React__default.createElement(RadioButtonCircle, null, /*#__PURE__*/React__default.createElement(RadioButtonCircleInner, null)), /*#__PURE__*/React__default.createElement(RadioButtonText, null, option.label));
2297
2309
  })), invalid && /*#__PURE__*/React__default.createElement("span", {
2298
2310
  className: "form__error"
2299
2311
  }, error === null || error === void 0 ? void 0 : error.message));
2300
2312
  };
2301
2313
 
2302
- var _templateObject$1, _templateObject2$1;
2303
- var SectionContainer = styled__default.div(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n border-top: flex 1px solid ", ";\n border-top-width: calc(100% - 50px);\n padding: 5px 10px;\n"])), function (props) {
2314
+ var _templateObject$6, _templateObject2$1;
2315
+ var SectionContainer = styled__default.div(_templateObject$6 || (_templateObject$6 = _taggedTemplateLiteral(["\n border-top: flex 1px solid ", ";\n border-top-width: calc(100% - 50px);\n padding: 5px 10px;\n"])), function (props) {
2304
2316
  return props.theme.colors.primary;
2305
2317
  });
2306
2318
  var SectionHeading = styled__default.div(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteral(["\n padding: 5px 10px;\n"])));
@@ -2310,7 +2322,7 @@
2310
2322
  description = _ref.description,
2311
2323
  control = _ref.control,
2312
2324
  name = _ref.name,
2313
- is_disabled = _ref.is_disabled,
2325
+ isDisabled = _ref.isDisabled,
2314
2326
  options = _ref.options,
2315
2327
  defaultValue = _ref.defaultValue,
2316
2328
  setValue = _ref.setValue;
@@ -2318,7 +2330,7 @@
2318
2330
  description: description,
2319
2331
  control: control,
2320
2332
  name: name,
2321
- is_disabled: is_disabled,
2333
+ isDisabled: isDisabled,
2322
2334
  options: options,
2323
2335
  defaultValue: defaultValue,
2324
2336
  setValue: setValue
@@ -2361,10 +2373,10 @@
2361
2373
  GET: 'GET'
2362
2374
  };
2363
2375
 
2364
- var _templateObject$2, _templateObject2$2, _templateObject3$1;
2365
- var CommunicationPreferenceContainer = styled__default.div(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteral(["\n border: solid 1px #d1d5dbff;\n margin-bottom: 40px;\n"])));
2376
+ var _templateObject$7, _templateObject2$2, _templateObject3;
2377
+ var CommunicationPreferenceContainer = styled__default.div(_templateObject$7 || (_templateObject$7 = _taggedTemplateLiteral(["\n border: solid 1px #d1d5dbff;\n margin-bottom: 40px;\n"])));
2366
2378
  var EditButtonRow = styled__default.div(_templateObject2$2 || (_templateObject2$2 = _taggedTemplateLiteral(["\n display: flex;\n justify-content: end;\n padding: 10px 5px;\n margin-right: 16px;\n"])));
2367
- var SubmitButton = styled__default.input(_templateObject3$1 || (_templateObject3$1 = _taggedTemplateLiteral(["\n flex-basis: 15%;\n margin-right: 5px;\n"])));
2379
+ var SubmitButton = styled__default.input(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n flex-basis: 15%;\n margin-right: 5px;\n"])));
2368
2380
  var BaseRequest = {
2369
2381
  loading: false,
2370
2382
  success: false,
@@ -2438,11 +2450,10 @@
2438
2450
  return /*#__PURE__*/React__default.createElement(React.Fragment, null, requestState.loading && /*#__PURE__*/React__default.createElement(EllipsisLoader, null), header, /*#__PURE__*/React__default.createElement(CommunicationPreferenceContainer, null, /*#__PURE__*/React__default.createElement("form", {
2439
2451
  onSubmit: handleSubmit(onSubmit)
2440
2452
  }, /*#__PURE__*/React__default.createElement(CommunicationPreferenceSection$1, {
2441
- description: "How would you prefer to receive communication: ",
2442
2453
  control: control,
2443
2454
  name: "default_communication",
2444
2455
  options: communicationOptions,
2445
- is_disabled: !isEditing,
2456
+ isDisabled: !isEditing,
2446
2457
  defaultValue: preferenceData.default_communication,
2447
2458
  setValue: setValue
2448
2459
  }), isEditing ? /*#__PURE__*/React__default.createElement(EditButtonRow, null, /*#__PURE__*/React__default.createElement(SubmitButton, {
package/CreateRarestepInterest.js ADDED
@@ -0,0 +1,85 @@
1
+ (function (global, factory) {
2
+ typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('react')) :
3
+ typeof define === 'function' && define.amd ? define(['react'], factory) :
4
+ (global = global || self, global.CreateRarestepInterest = factory(global.React));
5
+ }(this, (function (React) { 'use strict';
6
+
7
+ var React__default = 'default' in React ? React['default'] : React;
8
+
9
+ function _slicedToArray(arr, i) {
10
+ return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
11
+ }
12
+
13
+ function _arrayWithHoles(arr) {
14
+ if (Array.isArray(arr)) return arr;
15
+ }
16
+
17
+ function _iterableToArrayLimit(arr, i) {
18
+ var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
19
+
20
+ if (_i == null) return;
21
+ var _arr = [];
22
+ var _n = true;
23
+ var _d = false;
24
+
25
+ var _s, _e;
26
+
27
+ try {
28
+ for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
29
+ _arr.push(_s.value);
30
+
31
+ if (i && _arr.length === i) break;
32
+ }
33
+ } catch (err) {
34
+ _d = true;
35
+ _e = err;
36
+ } finally {
37
+ try {
38
+ if (!_n && _i["return"] != null) _i["return"]();
39
+ } finally {
40
+ if (_d) throw _e;
41
+ }
42
+ }
43
+
44
+ return _arr;
45
+ }
46
+
47
+ function _unsupportedIterableToArray(o, minLen) {
48
+ if (!o) return;
49
+ if (typeof o === "string") return _arrayLikeToArray(o, minLen);
50
+ var n = Object.prototype.toString.call(o).slice(8, -1);
51
+ if (n === "Object" && o.constructor) n = o.constructor.name;
52
+ if (n === "Map" || n === "Set") return Array.from(o);
53
+ if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
54
+ }
55
+
56
+ function _arrayLikeToArray(arr, len) {
57
+ if (len == null || len > arr.length) len = arr.length;
58
+
59
+ for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
60
+
61
+ return arr2;
62
+ }
63
+
64
+ function _nonIterableRest() {
65
+ throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
66
+ }
67
+
68
+ var CreateRarestepInterest = function CreateRarestepInterest() {
69
+ var _useState = React.useState(null),
70
+ _useState2 = _slicedToArray(_useState, 2),
71
+ state = _useState2[0],
72
+ setState = _useState2[1];
73
+
74
+ React.useEffect(function () {
75
+ setState(1);
76
+ }, []);
77
+ console.log(state);
78
+ return /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
79
+ className: "test"
80
+ }, /*#__PURE__*/React__default.createElement("h1", null, "Hie")));
81
+ };
82
+
83
+ return CreateRarestepInterest;
84
+
85
+ })));
package/GraphQLDropdownSelector.js CHANGED
@@ -10966,12 +10966,9 @@
10966
10966
  var FooterPaymentImage = styled__default.img(_templateObject15$2 || (_templateObject15$2 = _taggedTemplateLiteral(["\n {\n width: 100px;\n height: 30px;\n }\n"])));
10967
10967
  var FooterConnectContainer = styled__default.div(_templateObject16$2 || (_templateObject16$2 = _taggedTemplateLiteral(["\n {\n display: flex;\n flex-direction: column;\n }\n"])));
10968
10968
 
10969
- var _templateObject$R, _templateObject2$d, _templateObject3$8, _templateObject4$7, _templateObject5$5;
10969
+ var _templateObject$R, _templateObject2$d;
10970
10970
  var OptionsRow = styled__default.div(_templateObject$R || (_templateObject$R = _taggedTemplateLiteral(["\n display: flex;\n flex-wrap: nowrap;\n flex-direction: row;\n"])));
10971
- var OptionsRowDescription = styled__default.div(_templateObject2$d || (_templateObject2$d = _taggedTemplateLiteral(["\n flex-basis: 30%;\n margin-right: 10px;\n"])));
10972
- var Options = styled__default.div(_templateObject3$8 || (_templateObject3$8 = _taggedTemplateLiteral(["\n display: flex;\n flex-wrap: nowrap;\n flex-direction: row;\n flex-basis: 60%;\n"])));
10973
- var OptionRadioInputContainer = styled__default.span(_templateObject4$7 || (_templateObject4$7 = _taggedTemplateLiteral(["\n flex-basis: 50%;\n"])));
10974
- var OptionRadioInput = styled__default.input(_templateObject5$5 || (_templateObject5$5 = _taggedTemplateLiteral(["\n margin-right: 5px;\n"])));
10971
+ var Options = styled__default.div(_templateObject2$d || (_templateObject2$d = _taggedTemplateLiteral(["\n display: flex;\n flex-wrap: nowrap;\n flex-direction: row;\n flex-basis: 60%;\n"])));
10975
10972
 
10976
10973
  var _templateObject$S, _templateObject2$e;
10977
10974
  var SectionContainer = styled__default.div(_templateObject$S || (_templateObject$S = _taggedTemplateLiteral(["\n border-top: flex 1px solid ", ";\n border-top-width: calc(100% - 50px);\n padding: 5px 10px;\n"])), function (props) {
@@ -10979,10 +10976,10 @@
10979
10976
  });
10980
10977
  var SectionHeading = styled__default.div(_templateObject2$e || (_templateObject2$e = _taggedTemplateLiteral(["\n padding: 5px 10px;\n"])));
10981
10978
 
10982
- var _templateObject$T, _templateObject2$f, _templateObject3$9;
10979
+ var _templateObject$T, _templateObject2$f, _templateObject3$8;
10983
10980
  var CommunicationPreferenceContainer = styled__default.div(_templateObject$T || (_templateObject$T = _taggedTemplateLiteral(["\n border: solid 1px #d1d5dbff;\n margin-bottom: 40px;\n"])));
10984
10981
  var EditButtonRow = styled__default.div(_templateObject2$f || (_templateObject2$f = _taggedTemplateLiteral(["\n display: flex;\n justify-content: end;\n padding: 10px 5px;\n margin-right: 16px;\n"])));
10985
- var SubmitButton = styled__default.input(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteral(["\n flex-basis: 15%;\n margin-right: 5px;\n"])));
10982
+ var SubmitButton = styled__default.input(_templateObject3$8 || (_templateObject3$8 = _taggedTemplateLiteral(["\n flex-basis: 15%;\n margin-right: 5px;\n"])));
10986
10983
 
10987
10984
  var _templateObject$U;
10988
10985
  var ALL_ITEM$1 = {
package/LuxityGraphQLDropdownSelector.js CHANGED
@@ -10966,12 +10966,9 @@
10966
10966
  var FooterPaymentImage = styled__default.img(_templateObject15$2 || (_templateObject15$2 = _taggedTemplateLiteral(["\n {\n width: 100px;\n height: 30px;\n }\n"])));
10967
10967
  var FooterConnectContainer = styled__default.div(_templateObject16$2 || (_templateObject16$2 = _taggedTemplateLiteral(["\n {\n display: flex;\n flex-direction: column;\n }\n"])));
10968
10968
 
10969
- var _templateObject$R, _templateObject2$d, _templateObject3$8, _templateObject4$7, _templateObject5$5;
10969
+ var _templateObject$R, _templateObject2$d;
10970
10970
  var OptionsRow = styled__default.div(_templateObject$R || (_templateObject$R = _taggedTemplateLiteral(["\n display: flex;\n flex-wrap: nowrap;\n flex-direction: row;\n"])));
10971
- var OptionsRowDescription = styled__default.div(_templateObject2$d || (_templateObject2$d = _taggedTemplateLiteral(["\n flex-basis: 30%;\n margin-right: 10px;\n"])));
10972
- var Options = styled__default.div(_templateObject3$8 || (_templateObject3$8 = _taggedTemplateLiteral(["\n display: flex;\n flex-wrap: nowrap;\n flex-direction: row;\n flex-basis: 60%;\n"])));
10973
- var OptionRadioInputContainer = styled__default.span(_templateObject4$7 || (_templateObject4$7 = _taggedTemplateLiteral(["\n flex-basis: 50%;\n"])));
10974
- var OptionRadioInput = styled__default.input(_templateObject5$5 || (_templateObject5$5 = _taggedTemplateLiteral(["\n margin-right: 5px;\n"])));
10971
+ var Options = styled__default.div(_templateObject2$d || (_templateObject2$d = _taggedTemplateLiteral(["\n display: flex;\n flex-wrap: nowrap;\n flex-direction: row;\n flex-basis: 60%;\n"])));
10975
10972
 
10976
10973
  var _templateObject$S, _templateObject2$e;
10977
10974
  var SectionContainer = styled__default.div(_templateObject$S || (_templateObject$S = _taggedTemplateLiteral(["\n border-top: flex 1px solid ", ";\n border-top-width: calc(100% - 50px);\n padding: 5px 10px;\n"])), function (props) {
@@ -10979,10 +10976,10 @@
10979
10976
  });
10980
10977
  var SectionHeading = styled__default.div(_templateObject2$e || (_templateObject2$e = _taggedTemplateLiteral(["\n padding: 5px 10px;\n"])));
10981
10978
 
10982
- var _templateObject$T, _templateObject2$f, _templateObject3$9;
10979
+ var _templateObject$T, _templateObject2$f, _templateObject3$8;
10983
10980
  var CommunicationPreferenceContainer = styled__default.div(_templateObject$T || (_templateObject$T = _taggedTemplateLiteral(["\n border: solid 1px #d1d5dbff;\n margin-bottom: 40px;\n"])));
10984
10981
  var EditButtonRow = styled__default.div(_templateObject2$f || (_templateObject2$f = _taggedTemplateLiteral(["\n display: flex;\n justify-content: end;\n padding: 10px 5px;\n margin-right: 16px;\n"])));
10985
- var SubmitButton = styled__default.input(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteral(["\n flex-basis: 15%;\n margin-right: 5px;\n"])));
10982
+ var SubmitButton = styled__default.input(_templateObject3$8 || (_templateObject3$8 = _taggedTemplateLiteral(["\n flex-basis: 15%;\n margin-right: 5px;\n"])));
10986
10983
 
10987
10984
  var _templateObject$U;
10988
10985
  var ALL_ITEM$1 = {
package/MaterialSelector.js CHANGED
@@ -10966,12 +10966,9 @@
10966
10966
  var FooterPaymentImage = styled__default.img(_templateObject15$2 || (_templateObject15$2 = _taggedTemplateLiteral(["\n {\n width: 100px;\n height: 30px;\n }\n"])));
10967
10967
  var FooterConnectContainer = styled__default.div(_templateObject16$2 || (_templateObject16$2 = _taggedTemplateLiteral(["\n {\n display: flex;\n flex-direction: column;\n }\n"])));
10968
10968
 
10969
- var _templateObject$R, _templateObject2$d, _templateObject3$8, _templateObject4$7, _templateObject5$5;
10969
+ var _templateObject$R, _templateObject2$d;
10970
10970
  var OptionsRow = styled__default.div(_templateObject$R || (_templateObject$R = _taggedTemplateLiteral(["\n display: flex;\n flex-wrap: nowrap;\n flex-direction: row;\n"])));
10971
- var OptionsRowDescription = styled__default.div(_templateObject2$d || (_templateObject2$d = _taggedTemplateLiteral(["\n flex-basis: 30%;\n margin-right: 10px;\n"])));
10972
- var Options = styled__default.div(_templateObject3$8 || (_templateObject3$8 = _taggedTemplateLiteral(["\n display: flex;\n flex-wrap: nowrap;\n flex-direction: row;\n flex-basis: 60%;\n"])));
10973
- var OptionRadioInputContainer = styled__default.span(_templateObject4$7 || (_templateObject4$7 = _taggedTemplateLiteral(["\n flex-basis: 50%;\n"])));
10974
- var OptionRadioInput = styled__default.input(_templateObject5$5 || (_templateObject5$5 = _taggedTemplateLiteral(["\n margin-right: 5px;\n"])));
10971
+ var Options = styled__default.div(_templateObject2$d || (_templateObject2$d = _taggedTemplateLiteral(["\n display: flex;\n flex-wrap: nowrap;\n flex-direction: row;\n flex-basis: 60%;\n"])));
10975
10972
 
10976
10973
  var _templateObject$S, _templateObject2$e;
10977
10974
  var SectionContainer = styled__default.div(_templateObject$S || (_templateObject$S = _taggedTemplateLiteral(["\n border-top: flex 1px solid ", ";\n border-top-width: calc(100% - 50px);\n padding: 5px 10px;\n"])), function (props) {
@@ -10979,10 +10976,10 @@
10979
10976
  });
10980
10977
  var SectionHeading = styled__default.div(_templateObject2$e || (_templateObject2$e = _taggedTemplateLiteral(["\n padding: 5px 10px;\n"])));
10981
10978
 
10982
- var _templateObject$T, _templateObject2$f, _templateObject3$9;
10979
+ var _templateObject$T, _templateObject2$f, _templateObject3$8;
10983
10980
  var CommunicationPreferenceContainer = styled__default.div(_templateObject$T || (_templateObject$T = _taggedTemplateLiteral(["\n border: solid 1px #d1d5dbff;\n margin-bottom: 40px;\n"])));
10984
10981
  var EditButtonRow = styled__default.div(_templateObject2$f || (_templateObject2$f = _taggedTemplateLiteral(["\n display: flex;\n justify-content: end;\n padding: 10px 5px;\n margin-right: 16px;\n"])));
10985
- var SubmitButton = styled__default.input(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteral(["\n flex-basis: 15%;\n margin-right: 5px;\n"])));
10982
+ var SubmitButton = styled__default.input(_templateObject3$8 || (_templateObject3$8 = _taggedTemplateLiteral(["\n flex-basis: 15%;\n margin-right: 5px;\n"])));
10986
10983
 
10987
10984
  var _templateObject$U;
10988
10985
  var ALL_ITEM$1 = {
package/ModelSelector.js CHANGED
@@ -10966,12 +10966,9 @@
10966
10966
  var FooterPaymentImage = styled__default.img(_templateObject15$2 || (_templateObject15$2 = _taggedTemplateLiteral(["\n {\n width: 100px;\n height: 30px;\n }\n"])));
10967
10967
  var FooterConnectContainer = styled__default.div(_templateObject16$2 || (_templateObject16$2 = _taggedTemplateLiteral(["\n {\n display: flex;\n flex-direction: column;\n }\n"])));
10968
10968
 
10969
- var _templateObject$R, _templateObject2$d, _templateObject3$8, _templateObject4$7, _templateObject5$5;
10969
+ var _templateObject$R, _templateObject2$d;
10970
10970
  var OptionsRow = styled__default.div(_templateObject$R || (_templateObject$R = _taggedTemplateLiteral(["\n display: flex;\n flex-wrap: nowrap;\n flex-direction: row;\n"])));
10971
- var OptionsRowDescription = styled__default.div(_templateObject2$d || (_templateObject2$d = _taggedTemplateLiteral(["\n flex-basis: 30%;\n margin-right: 10px;\n"])));
10972
- var Options = styled__default.div(_templateObject3$8 || (_templateObject3$8 = _taggedTemplateLiteral(["\n display: flex;\n flex-wrap: nowrap;\n flex-direction: row;\n flex-basis: 60%;\n"])));
10973
- var OptionRadioInputContainer = styled__default.span(_templateObject4$7 || (_templateObject4$7 = _taggedTemplateLiteral(["\n flex-basis: 50%;\n"])));
10974
- var OptionRadioInput = styled__default.input(_templateObject5$5 || (_templateObject5$5 = _taggedTemplateLiteral(["\n margin-right: 5px;\n"])));
10971
+ var Options = styled__default.div(_templateObject2$d || (_templateObject2$d = _taggedTemplateLiteral(["\n display: flex;\n flex-wrap: nowrap;\n flex-direction: row;\n flex-basis: 60%;\n"])));
10975
10972
 
10976
10973
  var _templateObject$S, _templateObject2$e;
10977
10974
  var SectionContainer = styled__default.div(_templateObject$S || (_templateObject$S = _taggedTemplateLiteral(["\n border-top: flex 1px solid ", ";\n border-top-width: calc(100% - 50px);\n padding: 5px 10px;\n"])), function (props) {
@@ -10979,10 +10976,10 @@
10979
10976
  });
10980
10977
  var SectionHeading = styled__default.div(_templateObject2$e || (_templateObject2$e = _taggedTemplateLiteral(["\n padding: 5px 10px;\n"])));
10981
10978
 
10982
- var _templateObject$T, _templateObject2$f, _templateObject3$9;
10979
+ var _templateObject$T, _templateObject2$f, _templateObject3$8;
10983
10980
  var CommunicationPreferenceContainer = styled__default.div(_templateObject$T || (_templateObject$T = _taggedTemplateLiteral(["\n border: solid 1px #d1d5dbff;\n margin-bottom: 40px;\n"])));
10984
10981
  var EditButtonRow = styled__default.div(_templateObject2$f || (_templateObject2$f = _taggedTemplateLiteral(["\n display: flex;\n justify-content: end;\n padding: 10px 5px;\n margin-right: 16px;\n"])));
10985
- var SubmitButton = styled__default.input(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteral(["\n flex-basis: 15%;\n margin-right: 5px;\n"])));
10982
+ var SubmitButton = styled__default.input(_templateObject3$8 || (_templateObject3$8 = _taggedTemplateLiteral(["\n flex-basis: 15%;\n margin-right: 5px;\n"])));
10986
10983
 
10987
10984
  var _templateObject$U;
10988
10985
  var ALL_ITEM$1 = {
package/build/bundle.js CHANGED
@@ -14004,18 +14004,14 @@
14004
14004
 
14005
14005
  var _excluded$8 = ["ref"];
14006
14006
 
14007
- var _templateObject$R, _templateObject2$d, _templateObject3$8, _templateObject4$7, _templateObject5$5;
14007
+ var _templateObject$R, _templateObject2$d;
14008
14008
  var OptionsRow = styled__default.div(_templateObject$R || (_templateObject$R = _taggedTemplateLiteral(["\n display: flex;\n flex-wrap: nowrap;\n flex-direction: row;\n"])));
14009
- var OptionsRowDescription = styled__default.div(_templateObject2$d || (_templateObject2$d = _taggedTemplateLiteral(["\n flex-basis: 30%;\n margin-right: 10px;\n"])));
14010
- var Options = styled__default.div(_templateObject3$8 || (_templateObject3$8 = _taggedTemplateLiteral(["\n display: flex;\n flex-wrap: nowrap;\n flex-direction: row;\n flex-basis: 60%;\n"])));
14011
- var OptionRadioInputContainer = styled__default.span(_templateObject4$7 || (_templateObject4$7 = _taggedTemplateLiteral(["\n flex-basis: 50%;\n"])));
14012
- var OptionRadioInput = styled__default.input(_templateObject5$5 || (_templateObject5$5 = _taggedTemplateLiteral(["\n margin-right: 5px;\n"])));
14009
+ var Options = styled__default.div(_templateObject2$d || (_templateObject2$d = _taggedTemplateLiteral(["\n display: flex;\n flex-wrap: nowrap;\n flex-direction: row;\n flex-basis: 60%;\n"])));
14013
14010
 
14014
14011
  var CommunicationPreferenceOptionsRenderer = function CommunicationPreferenceOptionsRenderer(_ref) {
14015
- var description = _ref.description,
14016
- control = _ref.control,
14012
+ var control = _ref.control,
14017
14013
  name = _ref.name,
14018
- is_disabled = _ref.is_disabled,
14014
+ isDisabled = _ref.isDisabled,
14019
14015
  options = _ref.options,
14020
14016
  defaultValue = _ref.defaultValue,
14021
14017
  setValue = _ref.setValue;
@@ -14037,27 +14033,20 @@
14037
14033
  setValue(name, defaultValue);
14038
14034
  }
14039
14035
  }, [defaultValue, name, setValue]);
14040
- return /*#__PURE__*/React__default.createElement(OptionsRow, null, /*#__PURE__*/React__default.createElement(OptionsRowDescription, null, description), is_disabled ? /*#__PURE__*/React__default.createElement(Options, null, options.map(function (option) {
14041
- return /*#__PURE__*/React__default.createElement(OptionRadioInputContainer, {
14042
- key: option.value
14043
- }, /*#__PURE__*/React__default.createElement(OptionRadioInput, _extends({
14044
- type: "radio",
14045
- ref: ref
14046
- }, inputProps, {
14047
- value: option.value,
14048
- checked: inputProps.value === option.value.toString(),
14049
- disabled: true
14050
- })), option.label);
14051
- })) : /*#__PURE__*/React__default.createElement(Options, null, options.map(function (option) {
14052
- return /*#__PURE__*/React__default.createElement(OptionRadioInputContainer, {
14053
- key: option.value
14054
- }, /*#__PURE__*/React__default.createElement(OptionRadioInput, _extends({
14036
+ return /*#__PURE__*/React__default.createElement(OptionsRow, null, /*#__PURE__*/React__default.createElement(Options, null, options.map(function (option) {
14037
+ return /*#__PURE__*/React__default.createElement(RadioButtonLabel, {
14038
+ key: option.value,
14039
+ htmlFor: option.value
14040
+ }, /*#__PURE__*/React__default.createElement(RadioButtonInput, _extends({
14041
+ id: option.value,
14042
+ ref: ref,
14055
14043
  type: "radio",
14056
- ref: ref
14044
+ name: name,
14045
+ defaultChecked: inputProps.value === option.value.toString()
14057
14046
  }, inputProps, {
14058
- value: option.value,
14059
- checked: inputProps.value === option.value.toString()
14060
- })), option.label);
14047
+ disabled: isDisabled,
14048
+ value: option.value
14049
+ })), /*#__PURE__*/React__default.createElement(RadioButtonCircle, null, /*#__PURE__*/React__default.createElement(RadioButtonCircleInner, null)), /*#__PURE__*/React__default.createElement(RadioButtonText, null, option.label));
14061
14050
  })), invalid && /*#__PURE__*/React__default.createElement("span", {
14062
14051
  className: "form__error"
14063
14052
  }, error === null || error === void 0 ? void 0 : error.message));
@@ -14074,7 +14063,7 @@
14074
14063
  description = _ref.description,
14075
14064
  control = _ref.control,
14076
14065
  name = _ref.name,
14077
- is_disabled = _ref.is_disabled,
14066
+ isDisabled = _ref.isDisabled,
14078
14067
  options = _ref.options,
14079
14068
  defaultValue = _ref.defaultValue,
14080
14069
  setValue = _ref.setValue;
@@ -14082,7 +14071,7 @@
14082
14071
  description: description,
14083
14072
  control: control,
14084
14073
  name: name,
14085
- is_disabled: is_disabled,
14074
+ isDisabled: isDisabled,
14086
14075
  options: options,
14087
14076
  defaultValue: defaultValue,
14088
14077
  setValue: setValue
@@ -14091,10 +14080,10 @@
14091
14080
 
14092
14081
  var CommunicationPreferenceSection$1 = themed(CommunicationPreferenceSection);
14093
14082
 
14094
- var _templateObject$T, _templateObject2$f, _templateObject3$9;
14083
+ var _templateObject$T, _templateObject2$f, _templateObject3$8;
14095
14084
  var CommunicationPreferenceContainer = styled__default.div(_templateObject$T || (_templateObject$T = _taggedTemplateLiteral(["\n border: solid 1px #d1d5dbff;\n margin-bottom: 40px;\n"])));
14096
14085
  var EditButtonRow = styled__default.div(_templateObject2$f || (_templateObject2$f = _taggedTemplateLiteral(["\n display: flex;\n justify-content: end;\n padding: 10px 5px;\n margin-right: 16px;\n"])));
14097
- var SubmitButton = styled__default.input(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteral(["\n flex-basis: 15%;\n margin-right: 5px;\n"])));
14086
+ var SubmitButton = styled__default.input(_templateObject3$8 || (_templateObject3$8 = _taggedTemplateLiteral(["\n flex-basis: 15%;\n margin-right: 5px;\n"])));
14098
14087
  var BaseRequest = {
14099
14088
  loading: false,
14100
14089
  success: false,
@@ -14168,11 +14157,10 @@
14168
14157
  return /*#__PURE__*/React__default.createElement(React.Fragment, null, requestState.loading && /*#__PURE__*/React__default.createElement(EllipsisLoader, null), header, /*#__PURE__*/React__default.createElement(CommunicationPreferenceContainer, null, /*#__PURE__*/React__default.createElement("form", {
14169
14158
  onSubmit: handleSubmit(onSubmit)
14170
14159
  }, /*#__PURE__*/React__default.createElement(CommunicationPreferenceSection$1, {
14171
- description: "How would you prefer to receive communication: ",
14172
14160
  control: control,
14173
14161
  name: "default_communication",
14174
14162
  options: communicationOptions,
14175
- is_disabled: !isEditing,
14163
+ isDisabled: !isEditing,
14176
14164
  defaultValue: preferenceData.default_communication,
14177
14165
  setValue: setValue
14178
14166
  }), isEditing ? /*#__PURE__*/React__default.createElement(EditButtonRow, null, /*#__PURE__*/React__default.createElement(SubmitButton, {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bonlineza/luxity-lib",
3
- "version": "2.30.2",
3
+ "version": "2.30.3",
4
4
  "scripts": {
5
5
  "start": "start-storybook -p 9001 -c .storybook -s ./public",
6
6
  "clean": "rimraf ./build/*.*",