@sendoutcards/quantum-design-ui 1.7.59 → 1.7.62

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.
package/dist/index.es.js CHANGED
@@ -12676,15 +12676,15 @@ var IconLink = function (_a) {
12676
12676
  })));
12677
12677
  };
12678
12678
 
12679
- var _emotionSourceMap2$o = process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJdUYiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19tYWtlVGVtcGxhdGVPYmplY3QgfSBmcm9tIFwidHNsaWJcIjtcclxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XHJcbmV4cG9ydCBkZWZhdWx0IHtcclxuICAgIGdyaWQ6IGZ1bmN0aW9uIChnYXAsIGNvbHVtblNpemUsIHJvd1NpemUsIG1heFdpZHRoLCBoZWlnaHQsIG92ZXJmbG93LCBpc0RlbnNlKSB7IHJldHVybiBjc3ModGVtcGxhdGVPYmplY3RfMSB8fCAodGVtcGxhdGVPYmplY3RfMSA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgICBkaXNwbGF5OiBncmlkO1xcbiAgICBtYXgtd2lkdGg6IFwiLCBcInB4O1xcbiAgICB3aWR0aDogMTAwJTtcXG4gICAgZ3JpZC1nYXA6IFwiLCBcInB4O1xcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdChhdXRvLWZpdCwgbWlubWF4KFwiLCBcInB4LCAxZnIpKTtcXG4gICAgZ3JpZC1hdXRvLXJvd3M6IG1pbm1heChcIiwgXCJweCwgYXV0byk7XFxuICAgIGdyaWQtYXV0by1mbG93OiBcIiwgXCI7XFxuICAgIGhlaWdodDogXCIsIFwiO1xcbiAgICBvdmVyZmxvdzogXCIsIFwiO1xcbiAgXCJdLCBbXCJcXG4gICAgZGlzcGxheTogZ3JpZDtcXG4gICAgbWF4LXdpZHRoOiBcIiwgXCJweDtcXG4gICAgd2lkdGg6IDEwMCU7XFxuICAgIGdyaWQtZ2FwOiBcIiwgXCJweDtcXG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQoYXV0by1maXQsIG1pbm1heChcIiwgXCJweCwgMWZyKSk7XFxuICAgIGdyaWQtYXV0by1yb3dzOiBtaW5tYXgoXCIsIFwicHgsIGF1dG8pO1xcbiAgICBncmlkLWF1dG8tZmxvdzogXCIsIFwiO1xcbiAgICBoZWlnaHQ6IFwiLCBcIjtcXG4gICAgb3ZlcmZsb3c6IFwiLCBcIjtcXG4gIFwiXSkpLCBtYXhXaWR0aCAmJiBtYXhXaWR0aCwgZ2FwLCBjb2x1bW5TaXplLCByb3dTaXplLCBpc0RlbnNlID8gJ2RlbnNlJyA6ICdyb3cnLCBoZWlnaHQgJiYgaGVpZ2h0LCBvdmVyZmxvdyAmJiBvdmVyZmxvdyk7IH0sXHJcbiAgICBncmlkSXRlbTogZnVuY3Rpb24gKGdyaWRSb3dTcGFuLCBncmlkQ29sU3BhbiwgZ3JpZFJvd1N0YXJ0LCBncmlkQ29sU3RhcnQpIHsgcmV0dXJuIGNzcyh0ZW1wbGF0ZU9iamVjdF8yIHx8ICh0ZW1wbGF0ZU9iamVjdF8yID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICAgIHdpZHRoOiAxMDAlO1xcbiAgICBoZWlnaHQ6IDEwMCU7XFxuICAgIGRpc3BsYXk6IGZsZXg7XFxuICAgIGFsaWduLWl0ZW1zOiBmbGV4LWVuZDtcXG4gICAgZ3JpZC1jb2x1bW4tZW5kOiBzcGFuIFwiLCBcIjtcXG4gICAgZ3JpZC1yb3ctZW5kOiBzcGFuIFwiLCBcIjtcXG4gICAgZ3JpZC1jb2x1bW4tc3RhcnQ6IFwiLCBcIjtcXG4gICAgZ3JpZC1yb3ctc3RhcnQ6IFwiLCBcIjtcXG4gIFwiXSwgW1wiXFxuICAgIHdpZHRoOiAxMDAlO1xcbiAgICBoZWlnaHQ6IDEwMCU7XFxuICAgIGRpc3BsYXk6IGZsZXg7XFxuICAgIGFsaWduLWl0ZW1zOiBmbGV4LWVuZDtcXG4gICAgZ3JpZC1jb2x1bW4tZW5kOiBzcGFuIFwiLCBcIjtcXG4gICAgZ3JpZC1yb3ctZW5kOiBzcGFuIFwiLCBcIjtcXG4gICAgZ3JpZC1jb2x1bW4tc3RhcnQ6IFwiLCBcIjtcXG4gICAgZ3JpZC1yb3ctc3RhcnQ6IFwiLCBcIjtcXG4gIFwiXSkpLCBncmlkQ29sU3BhbiA/IGdyaWRDb2xTcGFuIDogMSwgZ3JpZFJvd1NwYW4gPyBncmlkUm93U3BhbiA6IDEsIGdyaWRDb2xTdGFydCA/IGdyaWRDb2xTdGFydCA6ICdhdXRvJywgZ3JpZFJvd1N0YXJ0ID8gZ3JpZFJvd1N0YXJ0IDogJ2F1dG8nKTsgfSxcclxufTtcclxudmFyIHRlbXBsYXRlT2JqZWN0XzEsIHRlbXBsYXRlT2JqZWN0XzI7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPXN0eWxlcy5qcy5tYXAiXX0= */";
12679
+ var _emotionSourceMap2$o = process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJb0ciLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19tYWtlVGVtcGxhdGVPYmplY3QgfSBmcm9tIFwidHNsaWJcIjtcclxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XHJcbmV4cG9ydCBkZWZhdWx0IHtcclxuICAgIGdyaWQ6IGZ1bmN0aW9uIChnYXAsIGNvbHVtblNpemUsIHJvd1NpemUsIG1heFdpZHRoLCBoZWlnaHQsIG92ZXJmbG93LCBpc0RlbnNlKSB7IHJldHVybiBjc3ModGVtcGxhdGVPYmplY3RfMSB8fCAodGVtcGxhdGVPYmplY3RfMSA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgICBkaXNwbGF5OiBncmlkO1xcbiAgICBtYXgtd2lkdGg6IFwiLCBcInB4O1xcbiAgICB3aWR0aDogMTAwJTtcXG4gICAgZ3JpZC1nYXA6IFwiLCBcInB4O1xcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdChhdXRvLWZpdCwgbWlubWF4KFwiLCBcInB4LCAxZnIpKTtcXG4gICAgZ3JpZC1hdXRvLXJvd3M6IG1pbm1heChcIiwgXCJweCwgYXV0byk7XFxuICAgIGdyaWQtYXV0by1mbG93OiBcIiwgXCI7XFxuICAgIGhlaWdodDogXCIsIFwiO1xcbiAgICBvdmVyZmxvdzogXCIsIFwiO1xcbiAgXCJdLCBbXCJcXG4gICAgZGlzcGxheTogZ3JpZDtcXG4gICAgbWF4LXdpZHRoOiBcIiwgXCJweDtcXG4gICAgd2lkdGg6IDEwMCU7XFxuICAgIGdyaWQtZ2FwOiBcIiwgXCJweDtcXG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQoYXV0by1maXQsIG1pbm1heChcIiwgXCJweCwgMWZyKSk7XFxuICAgIGdyaWQtYXV0by1yb3dzOiBtaW5tYXgoXCIsIFwicHgsIGF1dG8pO1xcbiAgICBncmlkLWF1dG8tZmxvdzogXCIsIFwiO1xcbiAgICBoZWlnaHQ6IFwiLCBcIjtcXG4gICAgb3ZlcmZsb3c6IFwiLCBcIjtcXG4gIFwiXSkpLCBtYXhXaWR0aCAmJiBtYXhXaWR0aCwgZ2FwLCBjb2x1bW5TaXplLCByb3dTaXplLCBpc0RlbnNlID8gJ2RlbnNlJyA6ICdyb3cnLCBoZWlnaHQgJiYgaGVpZ2h0LCBvdmVyZmxvdyAmJiBvdmVyZmxvdyk7IH0sXHJcbiAgICBncmlkSXRlbTogZnVuY3Rpb24gKGdyaWRSb3dTcGFuLCBncmlkQ29sU3BhbiwgZ3JpZFJvd1N0YXJ0LCBncmlkQ29sU3RhcnQsIGFzcGVjdFJhdGlvKSB7IHJldHVybiBjc3ModGVtcGxhdGVPYmplY3RfMiB8fCAodGVtcGxhdGVPYmplY3RfMiA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgICB3aWR0aDogMTAwJTtcXG4gICAgaGVpZ2h0OiAxMDAlO1xcbiAgICBkaXNwbGF5OiBmbGV4O1xcbiAgICBhbGlnbi1pdGVtczogZmxleC1lbmQ7XFxuICAgIGdyaWQtY29sdW1uLWVuZDogc3BhbiBcIiwgXCI7XFxuICAgIGdyaWQtcm93LWVuZDogc3BhbiBcIiwgXCI7XFxuICAgIGdyaWQtY29sdW1uLXN0YXJ0OiBcIiwgXCI7XFxuICAgIGdyaWQtcm93LXN0YXJ0OiBcIiwgXCI7XFxuICAgIGFzcGVjdC1yYXRpbzogXCIsIFwiO1xcbiAgXCJdLCBbXCJcXG4gICAgd2lkdGg6IDEwMCU7XFxuICAgIGhlaWdodDogMTAwJTtcXG4gICAgZGlzcGxheTogZmxleDtcXG4gICAgYWxpZ24taXRlbXM6IGZsZXgtZW5kO1xcbiAgICBncmlkLWNvbHVtbi1lbmQ6IHNwYW4gXCIsIFwiO1xcbiAgICBncmlkLXJvdy1lbmQ6IHNwYW4gXCIsIFwiO1xcbiAgICBncmlkLWNvbHVtbi1zdGFydDogXCIsIFwiO1xcbiAgICBncmlkLXJvdy1zdGFydDogXCIsIFwiO1xcbiAgICBhc3BlY3QtcmF0aW86IFwiLCBcIjtcXG4gIFwiXSkpLCBncmlkQ29sU3BhbiA/IGdyaWRDb2xTcGFuIDogMSwgZ3JpZFJvd1NwYW4gPyBncmlkUm93U3BhbiA6IDEsIGdyaWRDb2xTdGFydCA/IGdyaWRDb2xTdGFydCA6ICdhdXRvJywgZ3JpZFJvd1N0YXJ0ID8gZ3JpZFJvd1N0YXJ0IDogJ2F1dG8nLCBhc3BlY3RSYXRpbyA/IGFzcGVjdFJhdGlvIDogJ2F1dG8nKTsgfSxcclxufTtcclxudmFyIHRlbXBsYXRlT2JqZWN0XzEsIHRlbXBsYXRlT2JqZWN0XzI7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPXN0eWxlcy5qcy5tYXAiXX0= */";
12680
12680
 
12681
- var _emotionSourceMap$F = process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHNEYiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19tYWtlVGVtcGxhdGVPYmplY3QgfSBmcm9tIFwidHNsaWJcIjtcclxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XHJcbmV4cG9ydCBkZWZhdWx0IHtcclxuICAgIGdyaWQ6IGZ1bmN0aW9uIChnYXAsIGNvbHVtblNpemUsIHJvd1NpemUsIG1heFdpZHRoLCBoZWlnaHQsIG92ZXJmbG93LCBpc0RlbnNlKSB7IHJldHVybiBjc3ModGVtcGxhdGVPYmplY3RfMSB8fCAodGVtcGxhdGVPYmplY3RfMSA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgICBkaXNwbGF5OiBncmlkO1xcbiAgICBtYXgtd2lkdGg6IFwiLCBcInB4O1xcbiAgICB3aWR0aDogMTAwJTtcXG4gICAgZ3JpZC1nYXA6IFwiLCBcInB4O1xcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdChhdXRvLWZpdCwgbWlubWF4KFwiLCBcInB4LCAxZnIpKTtcXG4gICAgZ3JpZC1hdXRvLXJvd3M6IG1pbm1heChcIiwgXCJweCwgYXV0byk7XFxuICAgIGdyaWQtYXV0by1mbG93OiBcIiwgXCI7XFxuICAgIGhlaWdodDogXCIsIFwiO1xcbiAgICBvdmVyZmxvdzogXCIsIFwiO1xcbiAgXCJdLCBbXCJcXG4gICAgZGlzcGxheTogZ3JpZDtcXG4gICAgbWF4LXdpZHRoOiBcIiwgXCJweDtcXG4gICAgd2lkdGg6IDEwMCU7XFxuICAgIGdyaWQtZ2FwOiBcIiwgXCJweDtcXG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQoYXV0by1maXQsIG1pbm1heChcIiwgXCJweCwgMWZyKSk7XFxuICAgIGdyaWQtYXV0by1yb3dzOiBtaW5tYXgoXCIsIFwicHgsIGF1dG8pO1xcbiAgICBncmlkLWF1dG8tZmxvdzogXCIsIFwiO1xcbiAgICBoZWlnaHQ6IFwiLCBcIjtcXG4gICAgb3ZlcmZsb3c6IFwiLCBcIjtcXG4gIFwiXSkpLCBtYXhXaWR0aCAmJiBtYXhXaWR0aCwgZ2FwLCBjb2x1bW5TaXplLCByb3dTaXplLCBpc0RlbnNlID8gJ2RlbnNlJyA6ICdyb3cnLCBoZWlnaHQgJiYgaGVpZ2h0LCBvdmVyZmxvdyAmJiBvdmVyZmxvdyk7IH0sXHJcbiAgICBncmlkSXRlbTogZnVuY3Rpb24gKGdyaWRSb3dTcGFuLCBncmlkQ29sU3BhbiwgZ3JpZFJvd1N0YXJ0LCBncmlkQ29sU3RhcnQpIHsgcmV0dXJuIGNzcyh0ZW1wbGF0ZU9iamVjdF8yIHx8ICh0ZW1wbGF0ZU9iamVjdF8yID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICAgIHdpZHRoOiAxMDAlO1xcbiAgICBoZWlnaHQ6IDEwMCU7XFxuICAgIGRpc3BsYXk6IGZsZXg7XFxuICAgIGFsaWduLWl0ZW1zOiBmbGV4LWVuZDtcXG4gICAgZ3JpZC1jb2x1bW4tZW5kOiBzcGFuIFwiLCBcIjtcXG4gICAgZ3JpZC1yb3ctZW5kOiBzcGFuIFwiLCBcIjtcXG4gICAgZ3JpZC1jb2x1bW4tc3RhcnQ6IFwiLCBcIjtcXG4gICAgZ3JpZC1yb3ctc3RhcnQ6IFwiLCBcIjtcXG4gIFwiXSwgW1wiXFxuICAgIHdpZHRoOiAxMDAlO1xcbiAgICBoZWlnaHQ6IDEwMCU7XFxuICAgIGRpc3BsYXk6IGZsZXg7XFxuICAgIGFsaWduLWl0ZW1zOiBmbGV4LWVuZDtcXG4gICAgZ3JpZC1jb2x1bW4tZW5kOiBzcGFuIFwiLCBcIjtcXG4gICAgZ3JpZC1yb3ctZW5kOiBzcGFuIFwiLCBcIjtcXG4gICAgZ3JpZC1jb2x1bW4tc3RhcnQ6IFwiLCBcIjtcXG4gICAgZ3JpZC1yb3ctc3RhcnQ6IFwiLCBcIjtcXG4gIFwiXSkpLCBncmlkQ29sU3BhbiA/IGdyaWRDb2xTcGFuIDogMSwgZ3JpZFJvd1NwYW4gPyBncmlkUm93U3BhbiA6IDEsIGdyaWRDb2xTdGFydCA/IGdyaWRDb2xTdGFydCA6ICdhdXRvJywgZ3JpZFJvd1N0YXJ0ID8gZ3JpZFJvd1N0YXJ0IDogJ2F1dG8nKTsgfSxcclxufTtcclxudmFyIHRlbXBsYXRlT2JqZWN0XzEsIHRlbXBsYXRlT2JqZWN0XzI7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPXN0eWxlcy5qcy5tYXAiXX0= */";
12681
+ var _emotionSourceMap$F = process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHNEYiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19tYWtlVGVtcGxhdGVPYmplY3QgfSBmcm9tIFwidHNsaWJcIjtcclxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XHJcbmV4cG9ydCBkZWZhdWx0IHtcclxuICAgIGdyaWQ6IGZ1bmN0aW9uIChnYXAsIGNvbHVtblNpemUsIHJvd1NpemUsIG1heFdpZHRoLCBoZWlnaHQsIG92ZXJmbG93LCBpc0RlbnNlKSB7IHJldHVybiBjc3ModGVtcGxhdGVPYmplY3RfMSB8fCAodGVtcGxhdGVPYmplY3RfMSA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgICBkaXNwbGF5OiBncmlkO1xcbiAgICBtYXgtd2lkdGg6IFwiLCBcInB4O1xcbiAgICB3aWR0aDogMTAwJTtcXG4gICAgZ3JpZC1nYXA6IFwiLCBcInB4O1xcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdChhdXRvLWZpdCwgbWlubWF4KFwiLCBcInB4LCAxZnIpKTtcXG4gICAgZ3JpZC1hdXRvLXJvd3M6IG1pbm1heChcIiwgXCJweCwgYXV0byk7XFxuICAgIGdyaWQtYXV0by1mbG93OiBcIiwgXCI7XFxuICAgIGhlaWdodDogXCIsIFwiO1xcbiAgICBvdmVyZmxvdzogXCIsIFwiO1xcbiAgXCJdLCBbXCJcXG4gICAgZGlzcGxheTogZ3JpZDtcXG4gICAgbWF4LXdpZHRoOiBcIiwgXCJweDtcXG4gICAgd2lkdGg6IDEwMCU7XFxuICAgIGdyaWQtZ2FwOiBcIiwgXCJweDtcXG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQoYXV0by1maXQsIG1pbm1heChcIiwgXCJweCwgMWZyKSk7XFxuICAgIGdyaWQtYXV0by1yb3dzOiBtaW5tYXgoXCIsIFwicHgsIGF1dG8pO1xcbiAgICBncmlkLWF1dG8tZmxvdzogXCIsIFwiO1xcbiAgICBoZWlnaHQ6IFwiLCBcIjtcXG4gICAgb3ZlcmZsb3c6IFwiLCBcIjtcXG4gIFwiXSkpLCBtYXhXaWR0aCAmJiBtYXhXaWR0aCwgZ2FwLCBjb2x1bW5TaXplLCByb3dTaXplLCBpc0RlbnNlID8gJ2RlbnNlJyA6ICdyb3cnLCBoZWlnaHQgJiYgaGVpZ2h0LCBvdmVyZmxvdyAmJiBvdmVyZmxvdyk7IH0sXHJcbiAgICBncmlkSXRlbTogZnVuY3Rpb24gKGdyaWRSb3dTcGFuLCBncmlkQ29sU3BhbiwgZ3JpZFJvd1N0YXJ0LCBncmlkQ29sU3RhcnQsIGFzcGVjdFJhdGlvKSB7IHJldHVybiBjc3ModGVtcGxhdGVPYmplY3RfMiB8fCAodGVtcGxhdGVPYmplY3RfMiA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgICB3aWR0aDogMTAwJTtcXG4gICAgaGVpZ2h0OiAxMDAlO1xcbiAgICBkaXNwbGF5OiBmbGV4O1xcbiAgICBhbGlnbi1pdGVtczogZmxleC1lbmQ7XFxuICAgIGdyaWQtY29sdW1uLWVuZDogc3BhbiBcIiwgXCI7XFxuICAgIGdyaWQtcm93LWVuZDogc3BhbiBcIiwgXCI7XFxuICAgIGdyaWQtY29sdW1uLXN0YXJ0OiBcIiwgXCI7XFxuICAgIGdyaWQtcm93LXN0YXJ0OiBcIiwgXCI7XFxuICAgIGFzcGVjdC1yYXRpbzogXCIsIFwiO1xcbiAgXCJdLCBbXCJcXG4gICAgd2lkdGg6IDEwMCU7XFxuICAgIGhlaWdodDogMTAwJTtcXG4gICAgZGlzcGxheTogZmxleDtcXG4gICAgYWxpZ24taXRlbXM6IGZsZXgtZW5kO1xcbiAgICBncmlkLWNvbHVtbi1lbmQ6IHNwYW4gXCIsIFwiO1xcbiAgICBncmlkLXJvdy1lbmQ6IHNwYW4gXCIsIFwiO1xcbiAgICBncmlkLWNvbHVtbi1zdGFydDogXCIsIFwiO1xcbiAgICBncmlkLXJvdy1zdGFydDogXCIsIFwiO1xcbiAgICBhc3BlY3QtcmF0aW86IFwiLCBcIjtcXG4gIFwiXSkpLCBncmlkQ29sU3BhbiA/IGdyaWRDb2xTcGFuIDogMSwgZ3JpZFJvd1NwYW4gPyBncmlkUm93U3BhbiA6IDEsIGdyaWRDb2xTdGFydCA/IGdyaWRDb2xTdGFydCA6ICdhdXRvJywgZ3JpZFJvd1N0YXJ0ID8gZ3JpZFJvd1N0YXJ0IDogJ2F1dG8nLCBhc3BlY3RSYXRpbyA/IGFzcGVjdFJhdGlvIDogJ2F1dG8nKTsgfSxcclxufTtcclxudmFyIHRlbXBsYXRlT2JqZWN0XzEsIHRlbXBsYXRlT2JqZWN0XzI7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPXN0eWxlcy5qcy5tYXAiXX0= */";
12682
12682
  var styles$E = {
12683
12683
  grid: function (gap, columnSize, rowSize, maxWidth, height, overflow, isDense) {
12684
12684
  return /*#__PURE__*/css(templateObject_1$F || (templateObject_1$F = __makeTemplateObject(["\n display: grid;\n max-width: ", "px;\n width: 100%;\n grid-gap: ", "px;\n grid-template-columns: repeat(auto-fit, minmax(", "px, 1fr));\n grid-auto-rows: minmax(", "px, auto);\n grid-auto-flow: ", ";\n height: ", ";\n overflow: ", ";\n " + _emotionSourceMap$F], ["\n display: grid;\n max-width: ", "px;\n width: 100%;\n grid-gap: ", "px;\n grid-template-columns: repeat(auto-fit, minmax(", "px, 1fr));\n grid-auto-rows: minmax(", "px, auto);\n grid-auto-flow: ", ";\n height: ", ";\n overflow: ", ";\n " + _emotionSourceMap$F])), maxWidth && maxWidth, gap, columnSize, rowSize, isDense ? 'dense' : 'row', height && height, overflow && overflow);
12685
12685
  },
12686
- gridItem: function (gridRowSpan, gridColSpan, gridRowStart, gridColStart) {
12687
- return /*#__PURE__*/css(templateObject_2$o || (templateObject_2$o = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n display: flex;\n align-items: flex-end;\n grid-column-end: span ", ";\n grid-row-end: span ", ";\n grid-column-start: ", ";\n grid-row-start: ", ";\n " + _emotionSourceMap2$o], ["\n width: 100%;\n height: 100%;\n display: flex;\n align-items: flex-end;\n grid-column-end: span ", ";\n grid-row-end: span ", ";\n grid-column-start: ", ";\n grid-row-start: ", ";\n " + _emotionSourceMap2$o])), gridColSpan ? gridColSpan : 1, gridRowSpan ? gridRowSpan : 1, gridColStart ? gridColStart : 'auto', gridRowStart ? gridRowStart : 'auto');
12686
+ gridItem: function (gridRowSpan, gridColSpan, gridRowStart, gridColStart, aspectRatio) {
12687
+ return /*#__PURE__*/css(templateObject_2$o || (templateObject_2$o = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n display: flex;\n align-items: flex-end;\n grid-column-end: span ", ";\n grid-row-end: span ", ";\n grid-column-start: ", ";\n grid-row-start: ", ";\n aspect-ratio: ", ";\n " + _emotionSourceMap2$o], ["\n width: 100%;\n height: 100%;\n display: flex;\n align-items: flex-end;\n grid-column-end: span ", ";\n grid-row-end: span ", ";\n grid-column-start: ", ";\n grid-row-start: ", ";\n aspect-ratio: ", ";\n " + _emotionSourceMap2$o])), gridColSpan ? gridColSpan : 1, gridRowSpan ? gridRowSpan : 1, gridColStart ? gridColStart : 'auto', gridRowStart ? gridRowStart : 'auto', aspectRatio ? aspectRatio : 'auto');
12688
12688
  }
12689
12689
  };
12690
12690
  var templateObject_1$F, templateObject_2$o;
@@ -12716,10 +12716,11 @@ var GridItem = function (_a) {
12716
12716
  gridRowStart = _a.gridRowStart,
12717
12717
  gridColStart = _a.gridColStart,
12718
12718
  borderRadius = _a.borderRadius,
12719
+ aspectRatio = _a.aspectRatio,
12719
12720
  children = _a.children;
12720
12721
  return jsx(Div, {
12721
12722
  borderRadius: borderRadius ? borderRadius : 'none',
12722
- css: styles$E.gridItem(gridRowSpan, gridColSpan, gridRowStart, gridColStart)
12723
+ css: styles$E.gridItem(gridRowSpan, gridColSpan, gridRowStart, gridColStart, aspectRatio)
12723
12724
  }, children);
12724
12725
  };
12725
12726
 
@@ -18109,7 +18110,7 @@ var AccordionContent = function (_a) {
18109
18110
  css: styles$e.accordionBody,
18110
18111
  onAnimationComplete: onAnimationComplete
18111
18112
  }, jsx(Flex, {
18112
- inset: inset !== null && inset !== void 0 ? inset : inset,
18113
+ inset: inset,
18113
18114
  justifyContent: "flex-start",
18114
18115
  alignItems: "center",
18115
18116
  variants: {
@@ -18130,11 +18131,13 @@ var AccordionContent = function (_a) {
18130
18131
  var AccordionBody = function (_a) {
18131
18132
  var eventKey = _a.eventKey,
18132
18133
  children = _a.children,
18133
- onAnimationComplete = _a.onAnimationComplete;
18134
+ onAnimationComplete = _a.onAnimationComplete,
18135
+ insetBody = _a.insetBody;
18134
18136
  var context = useContext(AccordionContext);
18135
18137
  return jsx(AnimatePresence, null, context.activeIndexes.map(function (activeIndex) {
18136
18138
  return activeIndex === eventKey && jsx(AccordionContent, {
18137
- onAnimationComplete: onAnimationComplete
18139
+ onAnimationComplete: onAnimationComplete,
18140
+ inset: insetBody
18138
18141
  }, children);
18139
18142
  }));
18140
18143
  };
@@ -18235,6 +18238,7 @@ var Accordion = function (_a) {
18235
18238
  vertical: 'x2',
18236
18239
  horizontal: 'x1'
18237
18240
  } : _f,
18241
+ insetBody = _a.insetBody,
18238
18242
  arrowLocation = _a.arrowLocation;
18239
18243
  var defaultActiveIndexes = isExclusive ? defaultActiveKeys ? [defaultActiveKeys[0]] : [-1] : defaultActiveKeys ? __spreadArrays(defaultActiveKeys) : [-1];
18240
18244
 
@@ -18270,7 +18274,8 @@ var Accordion = function (_a) {
18270
18274
  onHeadingClick: section.onHeadingClick
18271
18275
  }, section.heading), jsx(AccordionBody, {
18272
18276
  eventKey: section.key,
18273
- onAnimationComplete: section.onAnimationComplete
18277
+ onAnimationComplete: section.onAnimationComplete,
18278
+ insetBody: insetBody
18274
18279
  }, jsx(Flex, {
18275
18280
  width: "100%"
18276
18281
  }, section.body)));
@@ -19436,6 +19441,7 @@ var IncrementSetting = function (_a) {
19436
19441
  ref = _e.ref,
19437
19442
  width = _e.width;
19438
19443
 
19444
+ var titleProps = typeof title !== 'string' ? title : {};
19439
19445
  return jsx(Div, {
19440
19446
  ref: ref,
19441
19447
  display: "flex",
@@ -19446,12 +19452,12 @@ var IncrementSetting = function (_a) {
19446
19452
  outset: outset
19447
19453
  }, jsx(Div, {
19448
19454
  width: layout === 'inlineBlock' ? '100%' : 'auto'
19449
- }, jsx(Text, {
19455
+ }, jsx(Text, _extends({
19450
19456
  type: "footnote",
19451
19457
  outset: {
19452
19458
  bottom: layout !== 'inline' ? 'x1' : 'x0'
19453
19459
  }
19454
- }, title)), jsx(Spacer, {
19460
+ }, titleProps), typeof title === 'string' && title)), jsx(Spacer, {
19455
19461
  orientation: "horizontal",
19456
19462
  space: layout === 'inline' ? 'x3' : 'x0'
19457
19463
  }), jsx(Input, {
@@ -22044,430 +22050,102 @@ var ConfigurationCard = function (_a) {
22044
22050
  }))));
22045
22051
  };
22046
22052
 
22047
- var UpsaleOptions = function (_a) {
22048
- var selectableOptions = _a.selectableOptions,
22049
- selectedOption = _a.selectedOption,
22050
- handleSelectedOption = _a.handleSelectedOption,
22051
- removeSelectedOption = _a.removeSelectedOption,
22052
- showCheckoutView = _a.showCheckoutView,
22053
- handleShouldShowCheckoutView = _a.handleShouldShowCheckoutView,
22054
- children = _a.children,
22055
- activeSelectedOption = _a.activeSelectedOption,
22056
- extraLink = _a.extraLink,
22057
- _b = _a.defaultNumOptionsShown,
22058
- defaultNumOptionsShown = _b === void 0 ? selectableOptions.length : _b,
22059
- submitAction = _a.submitAction;
22060
- var shouldShowCheckoutScreen = selectedOption && showCheckoutView;
22053
+ var ComparisonIncludesList = function (_a) {
22054
+ var items = _a.items,
22055
+ isMinified = _a.isMinified;
22061
22056
  return jsx(Div, {
22062
- height: "100%",
22063
22057
  position: "relative",
22058
+ display: "flex",
22059
+ flexDirection: "column",
22060
+ alignItems: "center",
22061
+ justifyContent: "center",
22062
+ backgroundColor: "background",
22063
+ inset: "1.5rem"
22064
+ }, jsx(Div, {
22064
22065
  width: "100%"
22065
- }, jsx(Div, null, shouldShowCheckoutScreen && // Back Button
22066
- jsx(Div, {
22066
+ }, jsx(VStack, {
22067
+ gap: "x2_5",
22068
+ alignItems: isMinified ? 'start' : 'center',
22069
+ justifyContent: isMinified ? 'start' : 'center'
22070
+ }, items.sort(function (a, b) {
22071
+ return Number(b.isIncluded) - Number(a.isIncluded);
22072
+ }).map(function (item, index) {
22073
+ return jsx(ComparisonItem, _extends({
22074
+ key: index
22075
+ }, item, {
22076
+ isMinified: isMinified
22077
+ }));
22078
+ }))));
22079
+ };
22080
+
22081
+ var QuantitySlider = function (_a) {
22082
+ var quantity = _a.quantity,
22083
+ min = _a.min,
22084
+ max = _a.max,
22085
+ setQuantity = _a.setQuantity,
22086
+ salePrice = _a.salePrice,
22087
+ unitPrice = _a.unitPrice,
22088
+ sliderFill = _a.sliderFill,
22089
+ width = _a.width,
22090
+ hasIncrement = _a.hasIncrement,
22091
+ head = _a.head;
22092
+ var subtotal = salePrice ? salePrice * quantity : unitPrice * quantity;
22093
+ return jsx(Flex, {
22094
+ justifyContent: "center",
22095
+ flexDirection: "column"
22096
+ }, head && jsx(Flex, {
22097
+ width: "100%",
22098
+ justifyContent: "center",
22099
+ flexDirection: "column",
22067
22100
  outset: {
22068
- top: 'x4'
22069
- },
22070
- position: "relative",
22071
- bottom: "25px",
22072
- right: "7px",
22073
- height: "20px",
22074
- cursor: "pointer",
22075
- onClick: function () {
22076
- removeSelectedOption();
22077
- handleShouldShowCheckoutView(false);
22101
+ bottom: 'x2'
22078
22102
  }
22079
- }, jsx(HStack, {
22080
- gap: "x_25",
22081
- justify: "start",
22082
- alignItems: "center"
22083
- }, jsx(Icon, {
22084
- name: "leftChevron",
22085
- size: "small",
22086
- primaryColor: "primaryBodyText"
22103
+ }, head), salePrice ? jsx(React.Fragment, null, jsx(Text, {
22104
+ type: "caption",
22105
+ color: "primaryHeading",
22106
+ content: "Sale",
22107
+ alignment: "center",
22108
+ style: {
22109
+ letterSpacing: '1px'
22110
+ }
22111
+ }), jsx(Flex, {
22112
+ justifyContent: "center"
22113
+ }, jsx(Spacer, {
22114
+ orientation: "horizontal",
22115
+ space: "x1"
22087
22116
  }), jsx(Text, {
22088
- type: 'caption',
22117
+ type: "caption",
22118
+ color: "primaryHeading",
22089
22119
  weight: "semiBold",
22090
- color: "primaryBody",
22091
- content: "Back",
22120
+ content: "$" + (unitPrice === null || unitPrice === void 0 ? void 0 : unitPrice.toFixed(2)),
22121
+ isStrikeThrough: true,
22092
22122
  alignment: "center",
22093
22123
  style: {
22094
- position: 'relative',
22095
- bottom: 4
22124
+ letterSpacing: '1px'
22096
22125
  }
22097
- })), jsx(Spacer, {
22098
- space: "x2"
22099
- })), jsx(VStack, {
22100
- gap: "x2"
22101
- }, shouldShowCheckoutScreen && activeSelectedOption ? jsx(Div, null, jsx(RadioOptionCard, _extends({}, activeSelectedOption, {
22102
- isSelected: true
22103
- })), children) : jsx(VStack, {
22104
- gap: "x2"
22105
- }, selectableOptions.filter(function (_, index) {
22106
- return index < defaultNumOptionsShown;
22107
- }).map(function (option, index) {
22108
- var _a;
22109
-
22110
- return jsx(RadioOptionCard, _extends({}, option, {
22111
- key: index,
22112
- optionId: option.optionId,
22113
- onSelect: function () {
22114
- return handleSelectedOption(option.optionId);
22115
- },
22116
- isSelected: (_a = (activeSelectedOption && selectedOption) === option.optionId) !== null && _a !== void 0 ? _a : false
22117
- }));
22118
- })), extraLink && jsx(Anchor, {
22119
- title: extraLink.title,
22120
- onClick: extraLink.onClick,
22121
- href: extraLink.href,
22122
- size: "small",
22123
- color: "primaryBody",
22124
- outset: "0 auto"
22125
- }), submitAction && jsx(Flex, {
22126
- width: "100%",
22127
- justifyContent: "center",
22128
- alignItems: "center"
22129
- }, jsx(Button, {
22130
- title: submitAction.title,
22131
- type: submitAction.type,
22132
- onClick: submitAction.onClick,
22133
- fullWidth: submitAction.isFullWidth,
22134
- disabled: submitAction.isDisabled,
22135
- size: "large"
22136
- })))));
22137
- };
22138
-
22139
- var SOC_FRONT_Z_INDEX = 103;
22140
- var UpsaleDialog = function (_a) {
22141
- var title = _a.title,
22142
- description = _a.description,
22143
- checkoutTitle = _a.checkoutTitle,
22144
- checkoutDescription = _a.checkoutDescription,
22145
- selectableOptions = _a.selectableOptions,
22146
- isOpen = _a.isOpen,
22147
- setIsDialogOpen = _a.setIsDialogOpen,
22148
- upsaleContent = _a.upsaleContent,
22149
- children = _a.children,
22150
- selectedOption = _a.selectedOption,
22151
- handleSelectedOption = _a.handleSelectedOption,
22152
- removeSelectedOption = _a.removeSelectedOption,
22153
- insetOverride = _a.insetOverride,
22154
- maxWidth = _a.maxWidth,
22155
- maxHeight = _a.maxHeight,
22156
- _b = _a.zIndex,
22157
- zIndex = _b === void 0 ? SOC_FRONT_Z_INDEX : _b,
22158
- //Soc-frontend
22159
- successComponent = _a.successComponent,
22160
- upsaleContentTitle = _a.upsaleContentTitle,
22161
- _c = _a.sponsorId,
22162
- sponsorId = _c === void 0 ? '9070' : _c,
22163
- extraLink = _a.extraLink,
22164
- defaultNumOptionsShown = _a.defaultNumOptionsShown,
22165
- submitAction = _a.submitAction,
22166
- acceptSelectedAction = _a.acceptSelectedAction;
22167
-
22168
- var _d = React.useState(false),
22169
- shouldShowCheckoutView = _d[0],
22170
- setShouldShowCheckoutView = _d[1];
22171
-
22172
- var _e = useResizeObserver(),
22173
- ref = _e.ref,
22174
- width = _e.width,
22175
- height = _e.height;
22176
-
22177
- var dialogFooterHeight = '170px';
22178
- var device = useWindowSize().width;
22179
- var isMobile = device <= 910;
22180
-
22181
- var findOption = function (selectedOption) {
22182
- return selectableOptions.filter(function (option) {
22183
- return option.optionId === selectedOption;
22184
- });
22185
- };
22186
-
22187
- var activeSelectedOption = findOption(selectedOption);
22188
-
22189
- var handleOnClick = function () {
22190
- if (acceptSelectedAction) {
22191
- acceptSelectedAction.onClick();
22192
- } else {
22193
- setShouldShowCheckoutView(true);
22126
+ }), jsx(Spacer, {
22127
+ orientation: "horizontal",
22128
+ space: "x1"
22129
+ }), jsx(Text, {
22130
+ type: "largeBody",
22131
+ color: "danger",
22132
+ weight: "bold",
22133
+ content: "$" + salePrice.toFixed(2) + " /each",
22134
+ style: {
22135
+ letterSpacing: '1px'
22194
22136
  }
22195
- };
22196
-
22197
- return jsx(Dialog, {
22198
- ref: ref,
22199
- isOpen: isOpen,
22200
- onClose: function () {
22201
- return setIsDialogOpen(!isOpen);
22202
- },
22203
- zIndex: zIndex,
22204
- insetOverride: insetOverride,
22205
- maxWidth: maxWidth,
22206
- maxHeight: maxHeight,
22207
- height: isMobile ? 'unset' : '80%',
22208
- shouldScroll: true,
22209
- width: "100%"
22210
- }, successComponent ? jsx(Flex, {
22211
- width: width + "px",
22212
- height: height + "px",
22213
- justifyContent: "center",
22214
- alignItems: 'center'
22215
- }, successComponent) : jsx(React.Fragment, null, jsx(Div, {
22216
- width: "100%",
22217
- inset: {
22218
- bottom: 'x4',
22219
- top: 'x8'
22137
+ }))) : jsx(Text, {
22138
+ type: "body",
22139
+ color: "primaryHeading",
22140
+ weight: "semiBold",
22141
+ content: "$" + (unitPrice === null || unitPrice === void 0 ? void 0 : unitPrice.toFixed(2)) + " /each",
22142
+ alignment: "center",
22143
+ style: {
22144
+ letterSpacing: '1px'
22220
22145
  }
22221
- }, jsx(Text, {
22222
- type: "subtitle",
22223
- weight: "bold",
22224
- content: shouldShowCheckoutView ? checkoutTitle : title,
22225
- alignment: "center"
22226
22146
  }), jsx(Text, {
22227
22147
  type: "body",
22228
- content: shouldShowCheckoutView ? checkoutDescription : description,
22229
- alignment: "center"
22230
- })), jsx(Scrollable, null, jsx(Flex, {
22231
- justifyContent: 'center',
22232
- alignItems: 'flex-start',
22233
- width: '100%',
22234
- inset: device <= 1367 && device > 580 ? {
22235
- top: 'x4',
22236
- horizontal: 'x8',
22237
- bottom: dialogFooterHeight
22238
- } : device <= 580 ? {
22239
- top: 'x4',
22240
- horizontal: 'x4',
22241
- bottom: dialogFooterHeight
22242
- } : {
22243
- top: 'x4',
22244
- horizontal: '10rem',
22245
- bottom: dialogFooterHeight
22246
- },
22247
- flexWrap: "wrap",
22248
- overflowY: "hidden",
22249
- flexDirection: isMobile ? 'column' : 'row'
22250
- }, jsx(Flex, {
22251
- flexWrap: "wrap",
22252
- inset: {
22253
- top: 'x3',
22254
- horizontal: 'x3'
22255
- },
22256
- overflowY: "auto",
22257
- width: isMobile ? '100%' : 'calc(50% - 12px)',
22258
- order: 3
22259
- }, jsx(UpsaleOptions, {
22260
- selectableOptions: selectableOptions,
22261
- selectedOption: selectedOption,
22262
- handleSelectedOption: function (optionId) {
22263
- return handleSelectedOption(optionId);
22264
- },
22265
- removeSelectedOption: removeSelectedOption,
22266
- showCheckoutView: shouldShowCheckoutView,
22267
- handleShouldShowCheckoutView: function (value) {
22268
- return setShouldShowCheckoutView(value);
22269
- },
22270
- activeSelectedOption: activeSelectedOption[0],
22271
- extraLink: {
22272
- title: extraLink === null || extraLink === void 0 ? void 0 : extraLink.title,
22273
- onClick: extraLink === null || extraLink === void 0 ? void 0 : extraLink.onClick,
22274
- href: extraLink === null || extraLink === void 0 ? void 0 : extraLink.href
22275
- },
22276
- defaultNumOptionsShown: defaultNumOptionsShown,
22277
- submitAction: submitAction
22278
- }, children), !shouldShowCheckoutView && jsx(Flex, {
22279
- justifyContent: "center",
22280
- position: isMobile ? 'fixed' : 'relative',
22281
- bottom: isMobile ? '0' : 'unset',
22282
- height: "100px",
22283
- alignItems: "center",
22284
- width: "100%",
22285
- backgroundColor: isMobile ? 'foreground' : undefined,
22286
- boxShadow: isMobile ? 'mediumDark' : undefined,
22287
- left: "0",
22288
- zIndex: isMobile ? 10 : undefined
22289
- }, jsx(Button, {
22290
- type: 'primary',
22291
- size: "large",
22292
- title: acceptSelectedAction ? acceptSelectedAction.title : 'Continue to Checkout',
22293
- disabled: !selectedOption.length,
22294
- onClick: handleOnClick
22295
- }))), !isMobile && jsx(Div, {
22296
- width: "x3",
22297
- order: 2
22298
- }), jsx(Flex, {
22299
- overflowY: "auto",
22300
- width: isMobile ? '100%' : 'calc(50% - 12px)',
22301
- order: 1
22302
- }, jsx(Div, {
22303
- width: "100%",
22304
- inset: {
22305
- top: '1.4rem'
22306
- }
22307
- }, jsx(Accordion, {
22308
- defaultActiveKeys: [1],
22309
- arrowLocation: "right",
22310
- background: "background",
22311
- inset: "x0",
22312
- isExclusive: true,
22313
- sections: [{
22314
- body: jsx(React.Fragment, null, upsaleContent),
22315
- heading: jsx(Div, {
22316
- inset: isMobile ? {
22317
- left: '4.1rem'
22318
- } : {
22319
- left: 'x4'
22320
- },
22321
- width: "100%",
22322
- display: "flex",
22323
- justifyContent: "space-between",
22324
- alignItems: "center"
22325
- }, jsx(Text, {
22326
- weight: "bold",
22327
- type: "caption",
22328
- content: upsaleContentTitle
22329
- }), jsx(Div, {
22330
- width: "34px",
22331
- height: "34px",
22332
- borderRadius: "small",
22333
- backgroundSize: "cover",
22334
- backgroundPosition: "center",
22335
- outset: {
22336
- right: 'x2'
22337
- }
22338
- })),
22339
- key: 1
22340
- }]
22341
- }))))), jsx(Div, {
22342
- backgroundColor: "foreground",
22343
- width: device <= 1367 ? '100%' : 'calc(100% - 10rem)',
22344
- position: isMobile ? 'relative' : 'absolute',
22345
- bottom: isMobile ? dialogFooterHeight : 'x0',
22346
- inset: isMobile ? 'x1' : {
22347
- bottom: 'x4'
22348
- },
22349
- left: "50%",
22350
- transform: "translateX(-50%)",
22351
- zIndex: !isMobile ? SOC_FRONT_Z_INDEX : undefined
22352
- }, jsx(Separator, {
22353
- orientation: "horizontal",
22354
- caption: "Want to try it first?",
22355
- shouldCaptionWrap: false
22356
- }), jsx(Flex, {
22357
- width: "100%",
22358
- justifyContent: "center",
22359
- alignItems: "center",
22360
- inset: {
22361
- top: 'x2_5'
22362
- }
22363
- }, jsx(Button, {
22364
- type: "secondary",
22365
- outlined: true,
22366
- hover: true,
22367
- size: "medium",
22368
- title: "Send a Free Postcard",
22369
- onClick: function () {
22370
- return window.open("https://www.sendoutcards.com/" + sponsorId + "/send/");
22371
- }
22372
- })))));
22373
- };
22374
-
22375
- var ComparisonIncludesList = function (_a) {
22376
- var items = _a.items,
22377
- isMinified = _a.isMinified;
22378
- return jsx(Div, {
22379
- position: "relative",
22380
- display: "flex",
22381
- flexDirection: "column",
22382
- alignItems: "center",
22383
- justifyContent: "center",
22384
- backgroundColor: "background",
22385
- inset: "1.5rem"
22386
- }, jsx(Div, {
22387
- width: "100%"
22388
- }, jsx(VStack, {
22389
- gap: "x2_5",
22390
- alignItems: isMinified ? 'start' : 'center',
22391
- justifyContent: isMinified ? 'start' : 'center'
22392
- }, items.sort(function (a, b) {
22393
- return Number(b.isIncluded) - Number(a.isIncluded);
22394
- }).map(function (item, index) {
22395
- return jsx(ComparisonItem, _extends({
22396
- key: index
22397
- }, item, {
22398
- isMinified: isMinified
22399
- }));
22400
- }))));
22401
- };
22402
-
22403
- var QuantitySlider = function (_a) {
22404
- var quantity = _a.quantity,
22405
- min = _a.min,
22406
- max = _a.max,
22407
- setQuantity = _a.setQuantity,
22408
- salePrice = _a.salePrice,
22409
- unitPrice = _a.unitPrice,
22410
- sliderFill = _a.sliderFill,
22411
- width = _a.width,
22412
- hasIncrement = _a.hasIncrement,
22413
- head = _a.head;
22414
- var subtotal = salePrice ? salePrice * quantity : unitPrice * quantity;
22415
- return jsx(Flex, {
22416
- justifyContent: "center",
22417
- flexDirection: "column"
22418
- }, head && jsx(Flex, {
22419
- width: "100%",
22420
- justifyContent: "center",
22421
- flexDirection: "column",
22422
- outset: {
22423
- bottom: 'x2'
22424
- }
22425
- }, head), salePrice ? jsx(React.Fragment, null, jsx(Text, {
22426
- type: "caption",
22427
- color: "primaryHeading",
22428
- content: "Sale",
22429
- alignment: "center",
22430
- style: {
22431
- letterSpacing: '1px'
22432
- }
22433
- }), jsx(Flex, {
22434
- justifyContent: "center"
22435
- }, jsx(Spacer, {
22436
- orientation: "horizontal",
22437
- space: "x1"
22438
- }), jsx(Text, {
22439
- type: "caption",
22440
- color: "primaryHeading",
22441
- weight: "semiBold",
22442
- content: "$" + (unitPrice === null || unitPrice === void 0 ? void 0 : unitPrice.toFixed(2)),
22443
- isStrikeThrough: true,
22444
- alignment: "center",
22445
- style: {
22446
- letterSpacing: '1px'
22447
- }
22448
- }), jsx(Spacer, {
22449
- orientation: "horizontal",
22450
- space: "x1"
22451
- }), jsx(Text, {
22452
- type: "largeBody",
22453
- color: "danger",
22454
- weight: "bold",
22455
- content: "$" + salePrice.toFixed(2) + " /each",
22456
- style: {
22457
- letterSpacing: '1px'
22458
- }
22459
- }))) : jsx(Text, {
22460
- type: "body",
22461
- color: "primaryHeading",
22462
- weight: "semiBold",
22463
- content: "$" + (unitPrice === null || unitPrice === void 0 ? void 0 : unitPrice.toFixed(2)) + " /each",
22464
- alignment: "center",
22465
- style: {
22466
- letterSpacing: '1px'
22467
- }
22468
- }), jsx(Text, {
22469
- type: "body",
22470
- content: "Subtotal: $" + subtotal.toFixed(2),
22148
+ content: "Subtotal: $" + subtotal.toFixed(2),
22471
22149
  alignment: "center"
22472
22150
  }), jsx(Flex, {
22473
22151
  justifyContent: "center"
@@ -23166,52 +22844,6 @@ var CardEntryDialog = function (_a) {
23166
22844
  })))));
23167
22845
  };
23168
22846
 
23169
- var AffiliateUpsalePromotionWidget = function (_a) {
23170
- var type = _a.type,
23171
- _b = _a.minWidth,
23172
- minWidth = _b === void 0 ? '320px' : _b,
23173
- _c = _a.width,
23174
- width = _c === void 0 ? '100%' : _c,
23175
- buttonOnclick = _a.buttonOnclick;
23176
-
23177
- var openInNewTab = function (url) {
23178
- var newWindow = window.open(url, '_blank', 'noopener,noreferrer');
23179
- if (newWindow) newWindow.opener = null;
23180
- };
23181
-
23182
- var getContent = function (type) {
23183
- var title = type === 'customer' || type === 'freeAffiliate' ? 'Love our products & services?' : 'Build your Greener Still Business';
23184
- var description = type === 'customer' || type === 'freeAffiliate' ? 'Isn’t it fun?! Sending out to give when you feel a prompting, it’s pretty great! Finding yourself sharing with others? Earn an income simply for sharing products you already love! Become an Affiliate Pro for $14/month and start sharing with our GS Pro app easily and effectively.' : 'Focus on duplicating your efforts to grow your business. Commit to repeating this every month, twice a month, or every week and grow your Greener Still business!';
23185
- var buttonTitle = type === 'customer' || type === 'freeAffiliate' ? 'Unlock Your Opportunity' : 'Comp Plan Training';
23186
- var url = type === 'proAffiliate' ? 'https://www.facebook.com/groups/sendoutcardscorporate/permalink/5098162643579731' : 'https://app.sendoutcards.com/?client=greenerstill&affiliatejoin';
23187
- return {
23188
- title: title,
23189
- description: description,
23190
- buttonTitle: buttonTitle,
23191
- buttonOnclick: buttonOnclick ? buttonOnclick : function () {
23192
- return openInNewTab(url);
23193
- }
23194
- };
23195
- };
23196
-
23197
- return jsx(PromotionWidget, {
23198
- title: getContent(type).title,
23199
- description: getContent(type).description,
23200
- primaryAction: {
23201
- title: getContent(type).buttonTitle,
23202
- onClick: getContent(type).buttonOnclick
23203
- },
23204
- secondaryAction: {
23205
- title: 'Learn More',
23206
- href: 'https://streamvirtualassistant.com/'
23207
- },
23208
- capsuleTitle: "New",
23209
- width: width,
23210
- minWidth: minWidth,
23211
- type: "success"
23212
- });
23213
- };
23214
-
23215
22847
  var AffiliateShareWidget = function (_a) {
23216
22848
  var shareLink = _a.shareLink;
23217
22849
  return jsx(PromotionWidget, {
@@ -23732,6 +23364,334 @@ var SubscriptionUpsaleDialog = function (_a) {
23732
23364
  }, rest), children));
23733
23365
  };
23734
23366
 
23367
+ var UpsaleOptions = function (_a) {
23368
+ var selectableOptions = _a.selectableOptions,
23369
+ selectedOption = _a.selectedOption,
23370
+ handleSelectedOption = _a.handleSelectedOption,
23371
+ removeSelectedOption = _a.removeSelectedOption,
23372
+ showCheckoutView = _a.showCheckoutView,
23373
+ handleShouldShowCheckoutView = _a.handleShouldShowCheckoutView,
23374
+ children = _a.children,
23375
+ activeSelectedOption = _a.activeSelectedOption,
23376
+ extraLink = _a.extraLink,
23377
+ _b = _a.defaultNumOptionsShown,
23378
+ defaultNumOptionsShown = _b === void 0 ? selectableOptions.length : _b,
23379
+ submitAction = _a.submitAction;
23380
+ var shouldShowCheckoutScreen = selectedOption && showCheckoutView;
23381
+ return jsx(Div, {
23382
+ height: "100%",
23383
+ position: "relative",
23384
+ width: "100%"
23385
+ }, jsx(Div, null, shouldShowCheckoutScreen && // Back Button
23386
+ jsx(Div, {
23387
+ outset: {
23388
+ top: 'x4'
23389
+ },
23390
+ position: "relative",
23391
+ bottom: "25px",
23392
+ right: "7px",
23393
+ height: "20px",
23394
+ cursor: "pointer",
23395
+ onClick: function () {
23396
+ removeSelectedOption();
23397
+ handleShouldShowCheckoutView(false);
23398
+ }
23399
+ }, jsx(HStack, {
23400
+ gap: "x_25",
23401
+ justify: "start",
23402
+ alignItems: "center"
23403
+ }, jsx(Icon, {
23404
+ name: "leftChevron",
23405
+ size: "small",
23406
+ primaryColor: "primaryBodyText"
23407
+ }), jsx(Text, {
23408
+ type: 'caption',
23409
+ weight: "semiBold",
23410
+ color: "primaryBody",
23411
+ content: "Back",
23412
+ alignment: "center",
23413
+ style: {
23414
+ position: 'relative',
23415
+ bottom: 4
23416
+ }
23417
+ })), jsx(Spacer, {
23418
+ space: "x2"
23419
+ })), jsx(VStack, {
23420
+ gap: "x2"
23421
+ }, shouldShowCheckoutScreen && activeSelectedOption ? jsx(Div, null, jsx(RadioOptionCard, _extends({}, activeSelectedOption, {
23422
+ isSelected: true
23423
+ })), children) : jsx(VStack, {
23424
+ gap: "x2"
23425
+ }, selectableOptions.filter(function (_, index) {
23426
+ return index < defaultNumOptionsShown;
23427
+ }).map(function (option, index) {
23428
+ var _a;
23429
+
23430
+ return jsx(RadioOptionCard, _extends({}, option, {
23431
+ key: index,
23432
+ optionId: option.optionId,
23433
+ onSelect: function () {
23434
+ return handleSelectedOption(option.optionId);
23435
+ },
23436
+ isSelected: (_a = (activeSelectedOption && selectedOption) === option.optionId) !== null && _a !== void 0 ? _a : false
23437
+ }));
23438
+ })), extraLink && jsx(Anchor, {
23439
+ title: extraLink.title,
23440
+ onClick: extraLink.onClick,
23441
+ href: extraLink.href,
23442
+ size: "small",
23443
+ color: "primaryBody",
23444
+ outset: "0 auto"
23445
+ }), submitAction && jsx(Flex, {
23446
+ width: "100%",
23447
+ justifyContent: "center",
23448
+ alignItems: "center"
23449
+ }, jsx(Button, {
23450
+ title: submitAction.title,
23451
+ type: submitAction.type,
23452
+ onClick: submitAction.onClick,
23453
+ fullWidth: submitAction.isFullWidth,
23454
+ disabled: submitAction.isDisabled,
23455
+ size: "large"
23456
+ })))));
23457
+ };
23458
+
23459
+ var SOC_FRONT_Z_INDEX = 103;
23460
+ var UpsaleDialog = function (_a) {
23461
+ var _b;
23462
+
23463
+ var title = _a.title,
23464
+ description = _a.description,
23465
+ checkoutTitle = _a.checkoutTitle,
23466
+ checkoutDescription = _a.checkoutDescription,
23467
+ selectableOptions = _a.selectableOptions,
23468
+ isOpen = _a.isOpen,
23469
+ setIsDialogOpen = _a.setIsDialogOpen,
23470
+ upsaleContent = _a.upsaleContent,
23471
+ children = _a.children,
23472
+ selectedOption = _a.selectedOption,
23473
+ handleSelectedOption = _a.handleSelectedOption,
23474
+ removeSelectedOption = _a.removeSelectedOption,
23475
+ insetOverride = _a.insetOverride,
23476
+ maxWidth = _a.maxWidth,
23477
+ maxHeight = _a.maxHeight,
23478
+ _c = _a.zIndex,
23479
+ zIndex = _c === void 0 ? SOC_FRONT_Z_INDEX : _c,
23480
+ //Soc-frontend
23481
+ successComponent = _a.successComponent,
23482
+ upsaleContentTitle = _a.upsaleContentTitle,
23483
+ _d = _a.sponsorId,
23484
+ sponsorId = _d === void 0 ? '9070' : _d,
23485
+ extraLink = _a.extraLink,
23486
+ defaultNumOptionsShown = _a.defaultNumOptionsShown,
23487
+ submitAction = _a.submitAction,
23488
+ acceptSelectedAction = _a.acceptSelectedAction,
23489
+ shouldHideSendFreeCard = _a.shouldHideSendFreeCard;
23490
+
23491
+ var _e = React.useState(false),
23492
+ shouldShowCheckoutView = _e[0],
23493
+ setShouldShowCheckoutView = _e[1];
23494
+
23495
+ var _f = useResizeObserver(),
23496
+ ref = _f.ref,
23497
+ width = _f.width,
23498
+ height = _f.height;
23499
+
23500
+ var dialogFooterHeight = shouldHideSendFreeCard ? '120px' : '170px';
23501
+ var device = useWindowSize().width;
23502
+ var isMobile = device <= 910;
23503
+
23504
+ var findOption = function (selectedOption) {
23505
+ return selectableOptions.filter(function (option) {
23506
+ return option.optionId === selectedOption;
23507
+ });
23508
+ };
23509
+
23510
+ var activeSelectedOption = findOption(selectedOption);
23511
+
23512
+ var handleOnClick = function () {
23513
+ setShouldShowCheckoutView(true);
23514
+ acceptSelectedAction === null || acceptSelectedAction === void 0 ? void 0 : acceptSelectedAction.onClick();
23515
+ };
23516
+
23517
+ return jsx(Dialog, {
23518
+ ref: ref,
23519
+ isOpen: isOpen,
23520
+ onClose: function () {
23521
+ return setIsDialogOpen(!isOpen);
23522
+ },
23523
+ zIndex: zIndex,
23524
+ insetOverride: insetOverride,
23525
+ maxWidth: maxWidth,
23526
+ maxHeight: maxHeight,
23527
+ height: isMobile ? 'unset' : '80%',
23528
+ shouldScroll: true,
23529
+ width: "100%"
23530
+ }, successComponent ? jsx(Flex, {
23531
+ width: width + "px",
23532
+ height: height + "px",
23533
+ justifyContent: "center",
23534
+ alignItems: 'center'
23535
+ }, successComponent) : jsx(React.Fragment, null, jsx(Div, {
23536
+ width: "100%",
23537
+ inset: {
23538
+ bottom: 'x4',
23539
+ top: 'x8'
23540
+ }
23541
+ }, jsx(Text, {
23542
+ type: "subtitle",
23543
+ weight: "bold",
23544
+ content: shouldShowCheckoutView ? checkoutTitle : title,
23545
+ alignment: "center"
23546
+ }), jsx(Text, {
23547
+ type: "body",
23548
+ content: shouldShowCheckoutView ? checkoutDescription : description,
23549
+ alignment: "center"
23550
+ })), jsx(Scrollable, null, jsx(Flex, {
23551
+ justifyContent: 'center',
23552
+ alignItems: 'flex-start',
23553
+ width: '100%',
23554
+ inset: device <= 1367 && device > 580 ? {
23555
+ top: 'x4',
23556
+ horizontal: 'x8',
23557
+ bottom: dialogFooterHeight
23558
+ } : device <= 580 ? {
23559
+ top: 'x4',
23560
+ horizontal: 'x4',
23561
+ bottom: dialogFooterHeight
23562
+ } : {
23563
+ top: 'x4',
23564
+ horizontal: '10rem',
23565
+ bottom: dialogFooterHeight
23566
+ },
23567
+ flexWrap: "wrap",
23568
+ overflowY: "hidden",
23569
+ flexDirection: isMobile ? 'column' : 'row'
23570
+ }, jsx(Flex, {
23571
+ flexWrap: "wrap",
23572
+ inset: {
23573
+ top: 'x3',
23574
+ horizontal: 'x3'
23575
+ },
23576
+ overflowY: "auto",
23577
+ width: isMobile ? '100%' : 'calc(50% - 12px)',
23578
+ order: 3
23579
+ }, jsx(UpsaleOptions, {
23580
+ selectableOptions: selectableOptions,
23581
+ selectedOption: selectedOption,
23582
+ handleSelectedOption: function (optionId) {
23583
+ return handleSelectedOption(optionId);
23584
+ },
23585
+ removeSelectedOption: removeSelectedOption,
23586
+ showCheckoutView: shouldShowCheckoutView,
23587
+ handleShouldShowCheckoutView: function (value) {
23588
+ return setShouldShowCheckoutView(value);
23589
+ },
23590
+ activeSelectedOption: activeSelectedOption[0],
23591
+ extraLink: {
23592
+ title: extraLink === null || extraLink === void 0 ? void 0 : extraLink.title,
23593
+ onClick: extraLink === null || extraLink === void 0 ? void 0 : extraLink.onClick,
23594
+ href: extraLink === null || extraLink === void 0 ? void 0 : extraLink.href
23595
+ },
23596
+ defaultNumOptionsShown: defaultNumOptionsShown,
23597
+ submitAction: submitAction
23598
+ }, children), !shouldShowCheckoutView && jsx(Flex, {
23599
+ justifyContent: "center",
23600
+ position: isMobile ? 'fixed' : 'relative',
23601
+ bottom: isMobile ? '0' : 'unset',
23602
+ height: "100px",
23603
+ alignItems: "center",
23604
+ width: "100%",
23605
+ backgroundColor: isMobile ? 'foreground' : undefined,
23606
+ boxShadow: isMobile ? 'mediumDark' : undefined,
23607
+ left: "0",
23608
+ zIndex: isMobile ? 10 : undefined
23609
+ }, jsx(Button, {
23610
+ type: 'primary',
23611
+ size: "large",
23612
+ title: (_b = acceptSelectedAction === null || acceptSelectedAction === void 0 ? void 0 : acceptSelectedAction.title) !== null && _b !== void 0 ? _b : 'Continue to Checkout',
23613
+ disabled: !selectedOption.length,
23614
+ onClick: handleOnClick
23615
+ }))), !isMobile && jsx(Div, {
23616
+ width: "x3",
23617
+ order: 2
23618
+ }), jsx(Flex, {
23619
+ overflowY: "auto",
23620
+ width: isMobile ? '100%' : 'calc(50% - 12px)',
23621
+ order: 1
23622
+ }, jsx(Div, {
23623
+ width: "100%",
23624
+ inset: {
23625
+ top: '1.4rem'
23626
+ }
23627
+ }, jsx(Accordion, {
23628
+ defaultActiveKeys: [1],
23629
+ arrowLocation: "right",
23630
+ background: "background",
23631
+ inset: "x0",
23632
+ isExclusive: true,
23633
+ sections: [{
23634
+ body: jsx(React.Fragment, null, upsaleContent),
23635
+ heading: jsx(Div, {
23636
+ inset: isMobile ? {
23637
+ left: '4.1rem'
23638
+ } : {
23639
+ left: 'x4'
23640
+ },
23641
+ width: "100%",
23642
+ display: "flex",
23643
+ justifyContent: "space-between",
23644
+ alignItems: "center"
23645
+ }, jsx(Text, {
23646
+ weight: "bold",
23647
+ type: "caption",
23648
+ content: upsaleContentTitle
23649
+ }), jsx(Div, {
23650
+ width: "34px",
23651
+ height: "34px",
23652
+ borderRadius: "small",
23653
+ backgroundSize: "cover",
23654
+ backgroundPosition: "center",
23655
+ outset: {
23656
+ right: 'x2'
23657
+ }
23658
+ })),
23659
+ key: 1
23660
+ }]
23661
+ }))))), !shouldHideSendFreeCard && jsx(Div, {
23662
+ backgroundColor: "foreground",
23663
+ width: device <= 1367 ? '100%' : 'calc(100% - 10rem)',
23664
+ position: isMobile ? 'relative' : 'absolute',
23665
+ bottom: isMobile ? dialogFooterHeight : 'x0',
23666
+ inset: isMobile ? 'x1' : {
23667
+ bottom: 'x4'
23668
+ },
23669
+ left: "50%",
23670
+ transform: "translateX(-50%)",
23671
+ zIndex: !isMobile ? SOC_FRONT_Z_INDEX : undefined
23672
+ }, jsx(Separator, {
23673
+ orientation: "horizontal",
23674
+ caption: "Want to try it first?",
23675
+ shouldCaptionWrap: false
23676
+ }), jsx(Flex, {
23677
+ width: "100%",
23678
+ justifyContent: "center",
23679
+ alignItems: "center",
23680
+ inset: {
23681
+ top: 'x2_5'
23682
+ }
23683
+ }, jsx(Button, {
23684
+ type: "secondary",
23685
+ outlined: true,
23686
+ hover: true,
23687
+ size: "medium",
23688
+ title: "Send a Free Postcard",
23689
+ onClick: function () {
23690
+ return window.open("https://www.sendoutcards.com/" + sponsorId + "/send/");
23691
+ }
23692
+ })))));
23693
+ };
23694
+
23735
23695
  var useColorSwatch = function () {
23736
23696
  var hocs = useEntities().hocs;
23737
23697
  var colors = hocs.colors;
@@ -23756,4 +23716,4 @@ var useColorSwatch = function () {
23756
23716
  };
23757
23717
  };
23758
23718
 
23759
- export { Accordion, AccordionBody, AccordionHeading, AccountMenu, AffiliateShareWidget, AffiliateUpsalePromotionWidget, Anchor, AnimatedCheckMark, AnimatedGrid, ArticleCard, Aside, Avatar, AwardCard, AwardGroupLabel, Badge, Banner, Bar, BlockQuote, BulkSend, Button, ButtonWithMenu, Capsule, Card, CardEntryDialog, CardQuantitySlider, Checkbox, Circle, CircleMenu, Clipboard, CloseButton, ColorOption, ComparisonIncludesList, ComparisonItem, ConfigurationCard, ConfirmDialog, Content, ContentPusher, ContextBar, CountdownTimer, Dialog, DisplayCard, Div, DownloadButton, DragBar, DragBox, Drawer, DropDownMenu, ExpandedAwardCard, FeatureAnnouncement, FeatureBadge, Flex, Grid, GridItem, HStack, Icon, IconLink, Image$1 as Image, ImageThumbnail, ImageUploadWidget, ImageUploader, IncrementSetting, InfiniteScroller, InfoBlock, Input, InviteCard, LinkColumn, List, ListItem, Loader, LoadingSpinner, Logo, MasonryGrid, Menu, MenuItem, MenuSection, Navigation, NavigationPill, Option, OrderCard, Overlay, Page, PaperTypeModal, PhoneInput, Pill, PinInput, PricingTile, Progress, PromotionWidget, QDSChrome, QuantitySlider, QuantumColorPicker, QuantumThemeWrapper, QuickLink, RadioOptionCard, RadioOptionList, ReleaseNote, ReleaseNoteDialog, RevealingContent, RowItem, Scrollable, ScrollingIndicator, Section, Select, SelectableCard, SelectableList, Separator, SettingInput, Sheet, Sidebar, Slider, SnapPoint, Spacer, Span, Sphere, StackedCards, StaticNavigation, Stepper, Stoplight, SubNavigation, SubscriptionUpsaleDialog, Tab, Table, TableRow, Tabs, Text, TitledList, Todo, Toggle, Tooltip, Transition, UploadButton, UpsaleDialog, UpsaleSheet, UserCard, UserCardLoader, VStack, VideoPlayer, Zoom, entities$5 as bellaCadaeuxTheme, entities$4 as blue42Theme, getSize, entities$6 as greenerStillTheme, entities$3 as promptingUTheme, entities as sendOutCardsTheme, entities$7 as sendogoTheme, entities$2 as streamMarketingTheme, entities$1 as streamVATheme, useColorSwatch };
23719
+ export { Accordion, AccordionBody, AccordionHeading, AccountMenu, AffiliateShareWidget, Anchor, AnimatedCheckMark, AnimatedGrid, ArticleCard, Aside, Avatar, AwardCard, AwardGroupLabel, Badge, Banner, Bar, BlockQuote, BulkSend, Button, ButtonWithMenu, Capsule, Card, CardEntryDialog, CardQuantitySlider, Checkbox, Circle, CircleMenu, Clipboard, CloseButton, ColorOption, ComparisonIncludesList, ComparisonItem, ConfigurationCard, ConfirmDialog, Content, ContentPusher, ContextBar, CountdownTimer, Dialog, DisplayCard, Div, DownloadButton, DragBar, DragBox, Drawer, DropDownMenu, ExpandedAwardCard, FeatureAnnouncement, FeatureBadge, Flex, Grid, GridItem, HStack, Icon, IconLink, Image$1 as Image, ImageThumbnail, ImageUploadWidget, ImageUploader, IncrementSetting, InfiniteScroller, InfoBlock, Input, InviteCard, LinkColumn, List, ListItem, Loader, LoadingSpinner, Logo, MasonryGrid, Menu, MenuItem, MenuSection, Navigation, NavigationPill, Option, OrderCard, Overlay, Page, PaperTypeModal, PhoneInput, Pill, PinInput, PricingTile, Progress, PromotionWidget, QDSChrome, QuantitySlider, QuantumColorPicker, QuantumThemeWrapper, QuickLink, RadioOptionCard, RadioOptionList, ReleaseNote, ReleaseNoteDialog, RevealingContent, RowItem, Scrollable, ScrollingIndicator, Section, Select, SelectableCard, SelectableList, Separator, SettingInput, Sheet, Sidebar, Slider, SnapPoint, Spacer, Span, Sphere, StackedCards, StaticNavigation, Stepper, Stoplight, SubNavigation, SubscriptionUpsaleDialog, Tab, Table, TableRow, Tabs, Text, TitledList, Todo, Toggle, Tooltip, Transition, UploadButton, UpsaleDialog, UpsaleSheet, UserCard, UserCardLoader, VStack, VideoPlayer, Zoom, entities$5 as bellaCadaeuxTheme, entities$4 as blue42Theme, getSize, entities$6 as greenerStillTheme, entities$3 as promptingUTheme, entities as sendOutCardsTheme, entities$7 as sendogoTheme, entities$2 as streamMarketingTheme, entities$1 as streamVATheme, useColorSwatch };
@@ -42,5 +42,4 @@ export * from "../organisms/releaseNoteDialog/releaseNoteDialog";
42
42
  export * from "../organisms/imageUploader/imageUploader";
43
43
  export * from "../organisms/imageUploadWidget/imageUploadWidget";
44
44
  export * from "../organisms/configurationCard/configurationCard";
45
- export * from "../organisms/upsaleDialog/upsaleDialog";
46
45
  export * from "../organisms/comparisonIncludesList/comparisonIncludesList";
@@ -1,9 +1,9 @@
1
1
  export * from "../portfolios/soc/components/orderCard/orderCard";
2
2
  export * from "../portfolios/soc/components/upsaleSheet/upsaleSheet";
3
3
  export * from "../portfolios/soc/components/cardEntryDialog/cardEntryDialog";
4
- export * from "../portfolios/soc/affiliateUpsalePromotionWidget/affiliateUpsalePromotionWidget";
5
4
  export * from "../portfolios/soc/affiliateShareWidget/affiliateShareWidget";
6
5
  export * from "../portfolios/soc/components/bulkSend/bulkSend";
7
6
  export * from "../portfolios/soc/components/bulkSend/cardQuantitySlider";
8
7
  export * from "../portfolios/soc/components/paperTypeModal/paperTypeModal";
9
8
  export * from "../portfolios/soc/subscriptionUpsaleDialog/subscriptionUpsaleDialog";
9
+ export * from "../portfolios/soc/upsaleDialog/upsaleDialog";
@@ -6,6 +6,7 @@ declare type GridItemProps = {
6
6
  gridRowStart?: number;
7
7
  gridColStart?: number;
8
8
  borderRadius?: BorderRadiusDirection | LiteralUnion<HOCBorderRadiusKeys>;
9
+ aspectRatio?: string;
9
10
  };
10
11
  export declare const GridItem: FC<GridItemProps>;
11
12
  export {};
@@ -1,5 +1,5 @@
1
1
  declare const _default: {
2
2
  grid: (gap: number, columnSize: number, rowSize: number, maxWidth?: number | undefined, height?: string | undefined, overflow?: string | undefined, isDense?: boolean | undefined) => import("@emotion/utils").SerializedStyles;
3
- gridItem: (gridRowSpan?: number | undefined, gridColSpan?: number | undefined, gridRowStart?: number | undefined, gridColStart?: number | undefined) => import("@emotion/utils").SerializedStyles;
3
+ gridItem: (gridRowSpan?: number | undefined, gridColSpan?: number | undefined, gridRowStart?: number | undefined, gridColStart?: number | undefined, aspectRatio?: string | undefined) => import("@emotion/utils").SerializedStyles;
4
4
  };
5
5
  export default _default;
@@ -14,6 +14,7 @@ export declare type AccordionProps = {
14
14
  setActiveIndexes: (activeIndexes: (string | number)[]) => void;
15
15
  };
16
16
  inset?: HOCSpacingKeys;
17
+ insetBody?: HOCSpacingKeys;
17
18
  };
18
19
  export declare type AccordionSection = {
19
20
  key: number | string;
@@ -1,6 +1,8 @@
1
1
  import { FC } from 'react';
2
+ import { HOCSpacingKeys } from "../../../helpers/hoc-types/entityValueTypes";
2
3
  export declare type AccordionBodyProps = {
3
4
  eventKey: number | string;
4
5
  onAnimationComplete?: () => void;
6
+ insetBody?: HOCSpacingKeys;
5
7
  };
6
8
  export declare const AccordionBody: FC<AccordionBodyProps>;
@@ -1,10 +1,11 @@
1
1
  import { FC } from 'react';
2
+ import { TextProps } from "../../exports/atoms";
2
3
  import { SliderOriginType, SliderProgressColor } from "../../molecules/slider/slider";
3
4
  import { SpacingDirection, LiteralUnion, HOCSpacingKeys } from "../../helpers/hoc-types/entityValueTypes";
4
5
  export declare type IncrementSettingProps = {
5
6
  value: number;
6
7
  setValue: (value: number) => void;
7
- title: string;
8
+ title: string | TextProps;
8
9
  min: number;
9
10
  max: number;
10
11
  isDisabled?: boolean;
@@ -1,3 +1,3 @@
1
1
  import { FC } from 'react';
2
- import { UpsaleDialogProps } from "../../../exports/organisms";
2
+ import { UpsaleDialogProps } from "../../../exports/socPortfolio";
3
3
  export declare const SubscriptionUpsaleDialog: FC<UpsaleDialogProps>;
@@ -1,6 +1,6 @@
1
1
  import React, { FC } from 'react';
2
2
  import { UpsaleOptionsType, SubmitOptionType } from './upsaleOptions';
3
- import { Responsive, LiteralUnion, HOCSpacingKeys } from "../../helpers/hoc-types/entityValueTypes";
3
+ import { Responsive, LiteralUnion, HOCSpacingKeys } from "../../../helpers/hoc-types/entityValueTypes";
4
4
  export declare type ExtraLinkType = {
5
5
  title: string;
6
6
  onClick?: () => void;
@@ -32,5 +32,6 @@ export declare type UpsaleDialogProps = {
32
32
  defaultNumOptionsShown?: number;
33
33
  submitAction?: SubmitOptionType;
34
34
  acceptSelectedAction?: AcceptSelectedOptionType;
35
+ shouldHideSendFreeCard?: boolean;
35
36
  } & UpsaleOptionsType;
36
37
  export declare const UpsaleDialog: FC<UpsaleDialogProps>;
@@ -1,6 +1,6 @@
1
1
  import React, { FC } from 'react';
2
- import { AnchorProps } from "../../exports/atoms";
3
- import { ButtonType } from "../../exports/molecules";
2
+ import { AnchorProps } from "../../../exports/atoms";
3
+ import { ButtonType } from "../../../exports/molecules";
4
4
  export declare type SubmitOptionType = {
5
5
  title: string;
6
6
  type?: ButtonType;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sendoutcards/quantum-design-ui",
3
- "version": "1.7.59",
3
+ "version": "1.7.62",
4
4
  "description": "UI component library for Quantum Design System",
5
5
  "module": "dist/index.es.js",
6
6
  "jsnext:main": "dist/index.es.js",
@@ -1,8 +0,0 @@
1
- import { FC } from 'react';
2
- export declare type AffiliateUpsalePromotionWidgetProps = {
3
- type: 'customer' | 'freeAffiliate' | 'proAffiliate';
4
- width?: string;
5
- minWidth?: string;
6
- buttonOnclick?: () => void;
7
- };
8
- export declare const AffiliateUpsalePromotionWidget: FC<AffiliateUpsalePromotionWidgetProps>;
@@ -1,5 +0,0 @@
1
- import { AffiliateUpsalePromotionWidgetProps } from "../../../exports/socPortfolio";
2
- import { Meta, Story } from '@storybook/react/types-6-0';
3
- declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
4
- export default _default;
5
- export declare const AffiliatePromoWidget: Story<AffiliateUpsalePromotionWidgetProps>;